@font-face
{
    font-family: 'Thuan Viet';
    src: url('font-tv/OpenSans-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: 'Thuan Viet Bold';
    src: url('font-tv/OpenSans-Bold.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: "fl-bigmug-line";
	src: url("font-tv/fonts/fl-bigmug-line.eot");
	src: url("font-tv/fonts/fl-bigmug-line.eot#iefix") format("embedded-opentype"), url("font-tv/fonts/fl-bigmug-line.woff") format("woff"), url("font-tv/fonts/fl-bigmug-line.ttf") format("truetype"), url("font-tv/fonts/fl-bigmug-line.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
.fl-bigmug-line-ico,
[class^="fl-bigmug-line-"]:before, [class*=" fl-bigmug-line-"]:before,
[class^="fl-bigmug-line-"]:after, [class*=" fl-bigmug-line-"]:after {
	font-family: 'fl-bigmug-line';
	font-size: inherit;
	font-weight: 400;
	font-style: normal;
}

.fl-bigmug-line-add137:before {
	content: "\e000";
}

.fl-bigmug-line-add139:before {
	content: "\e001";
}

.fl-bigmug-line-add149:before {
	content: "\e002";
}

.fl-bigmug-line-airplane86:before {
	content: "\e003";
}

.fl-bigmug-line-alarm31:before {
	content: "\e004";
}

.fl-bigmug-line-arrow592:before {
	content: "\e005";
}

.fl-bigmug-line-attach8:before {
	content: "\e006";
}

.fl-bigmug-line-attachment15:before {
	content: "\e007";
}

.fl-bigmug-line-audio46:before {
	content: "\e008";
}

.fl-bigmug-line-back44:before {
	content: "\e009";
}

.fl-bigmug-line-back46:before {
	content: "\e00a";
}

.fl-bigmug-line-big104:before {
	content: "\e00b";
}

.fl-bigmug-line-book188:before {
	content: "\e00c";
}

.fl-bigmug-line-bookmark28:before {
	content: "\e00d";
}

.fl-bigmug-line-bottle34:before {
	content: "\e00e";
}

.fl-bigmug-line-button5:before {
	content: "\e00f";
}

.fl-bigmug-line-buttons5:before {
	content: "\e010";
}

.fl-bigmug-line-cellphone55:before {
	content: "\e011";
}

.fl-bigmug-line-cellular9:before {
	content: "\e012";
}

.fl-bigmug-line-center10:before {
	content: "\e013";
}

.fl-bigmug-line-chat51:before {
	content: "\e014";
}

.fl-bigmug-line-chat55:before {
	content: "\e015";
}

.fl-bigmug-line-checkmark14:before {
	content: "\e016";
}

.fl-bigmug-line-checkmark15:before {
	content: "\e017";
}

.fl-bigmug-line-checkmark16:before {
	content: "\e018";
}

.fl-bigmug-line-circular220:before {
	content: "\e019";
}

.fl-bigmug-line-circular224:before {
	content: "\e01a";
}

.fl-bigmug-line-circular228:before {
	content: "\e01b";
}

.fl-bigmug-line-circular229:before {
	content: "\e01c";
}

.fl-bigmug-line-clipboard68:before {
	content: "\e01d";
}

.fl-bigmug-line-close42:before {
	content: "\e01e";
}

.fl-bigmug-line-cloud255:before {
	content: "\e01f";
}

.fl-bigmug-line-cloud260:before {
	content: "\e020";
}

.fl-bigmug-line-cocktail26:before {
	content: "\e021";
}

.fl-bigmug-line-code30:before {
	content: "\e022";
}

.fl-bigmug-line-collapse5:before {
	content: "\e023";
}

.fl-bigmug-line-comment45:before {
	content: "\e024";
}

.fl-bigmug-line-compass80:before {
	content: "\e025";
}

.fl-bigmug-line-contract5:before {
	content: "\e026";
}

.fl-bigmug-line-copy23:before {
	content: "\e027";
}

.fl-bigmug-line-crescent23:before {
	content: "\e028";
}

.fl-bigmug-line-cropping1:before {
	content: "\e029";
}

.fl-bigmug-line-cross81:before {
	content: "\e02a";
}

.fl-bigmug-line-cross83:before {
	content: "\e02b";
}

.fl-bigmug-line-cube29:before {
	content: "\e02c";
}

.fl-bigmug-line-double97:before {
	content: "\e02d";
}

.fl-bigmug-line-double98:before {
	content: "\e02e";
}

.fl-bigmug-line-double99:before {
	content: "\e02f";
}

.fl-bigmug-line-down55:before {
	content: "\e030";
}

.fl-bigmug-line-down56:before {
	content: "\e031";
}

.fl-bigmug-line-down58:before {
	content: "\e032";
}

.fl-bigmug-line-down59:before {
	content: "\e033";
}

.fl-bigmug-line-down64:before {
	content: "\e034";
}

.fl-bigmug-line-download136:before {
	content: "\e035";
}

.fl-bigmug-line-download142:before {
	content: "\e036";
}

.fl-bigmug-line-download146:before {
	content: "\e037";
}

.fl-bigmug-line-download147:before {
	content: "\e038";
}

.fl-bigmug-line-download148:before {
	content: "\e039";
}

.fl-bigmug-line-electrical17:before {
	content: "\e03a";
}

.fl-bigmug-line-electronic57:before {
	content: "\e03b";
}

.fl-bigmug-line-email64:before {
	content: "\e03c";
}

.fl-bigmug-line-email67:before {
	content: "\e03d";
}

.fl-bigmug-line-equalization3:before {
	content: "\e03e";
}

.fl-bigmug-line-equalizer26:before {
	content: "\e03f";
}

.fl-bigmug-line-event6:before {
	content: "\e040";
}

.fl-bigmug-line-expand25:before {
	content: "\e041";
}

.fl-bigmug-line-expanding2:before {
	content: "\e042";
}

.fl-bigmug-line-fast33:before {
	content: "\e043";
}

.fl-bigmug-line-favourites5:before {
	content: "\e044";
}

.fl-bigmug-line-file68:before {
	content: "\e045";
}

.fl-bigmug-line-file69:before {
	content: "\e046";
}

.fl-bigmug-line-film57:before {
	content: "\e047";
}

.fl-bigmug-line-flag53:before {
	content: "\e048";
}

.fl-bigmug-line-fog10:before {
	content: "\e049";
}

.fl-bigmug-line-foggy3:before {
	content: "\e04a";
}

.fl-bigmug-line-folder173:before {
	content: "\e04b";
}

.fl-bigmug-line-fork34:before {
	content: "\e04c";
}

.fl-bigmug-line-four87:before {
	content: "\e04d";
}

.fl-bigmug-line-full40:before {
	content: "\e04e";
}

.fl-bigmug-line-games32:before {
	content: "\e04f";
}

.fl-bigmug-line-gear30:before {
	content: "\e050";
}

.fl-bigmug-line-giftbox54:before {
	content: "\e051";
}

.fl-bigmug-line-graphical8:before {
	content: "\e052";
}

.fl-bigmug-line-headphones32:before {
	content: "\e053";
}

.fl-bigmug-line-hot67:before {
	content: "\e054";
}

.fl-bigmug-line-images21:before {
	content: "\e055";
}

.fl-bigmug-line-ink12:before {
	content: "\e056";
}

.fl-bigmug-line-label25:before {
	content: "\e057";
}

.fl-bigmug-line-left144:before {
	content: "\e058";
}

.fl-bigmug-line-left145:before {
	content: "\e059";
}

.fl-bigmug-line-left146:before {
	content: "\e05a";
}

.fl-bigmug-line-left148:before {
	content: "\e05b";
}

.fl-bigmug-line-left152:before {
	content: "\e05c";
}

.fl-bigmug-line-left153:before {
	content: "\e05d";
}

.fl-bigmug-line-left158:before {
	content: "\e05e";
}

.fl-bigmug-line-left159:before {
	content: "\e05f";
}

.fl-bigmug-line-like51:before {
	content: "\e060";
}

.fl-bigmug-line-link52:before {
	content: "\e061";
}

.fl-bigmug-line-list63:before {
	content: "\e062";
}

.fl-bigmug-line-list65:before {
	content: "\e063";
}

.fl-bigmug-line-lock64:before {
	content: "\e064";
}

.fl-bigmug-line-login12:before {
	content: "\e065";
}

.fl-bigmug-line-login9:before {
	content: "\e066";
}

.fl-bigmug-line-map87:before {
	content: "\e067";
}

.fl-bigmug-line-megaphone11:before {
	content: "\e068";
}

.fl-bigmug-line-men25:before {
	content: "\e069";
}

.fl-bigmug-line-menu40:before {
	content: "\e06a";
}

.fl-bigmug-line-menu41:before {
	content: "\e06b";
}

.fl-bigmug-line-microphone76:before {
	content: "\e06c";
}

.fl-bigmug-line-microphone77:before {
	content: "\e06d";
}

.fl-bigmug-line-minus79:before {
	content: "\e06e";
}

.fl-bigmug-line-minus80:before {
	content: "\e06f";
}

.fl-bigmug-line-minus83:before {
	content: "\e070";
}

.fl-bigmug-line-minus86:before {
	content: "\e071";
}

.fl-bigmug-line-monitor74:before {
	content: "\e072";
}

.fl-bigmug-line-music218:before {
	content: "\e073";
}

.fl-bigmug-line-music219:before {
	content: "\e074";
}

.fl-bigmug-line-music221:before {
	content: "\e075";
}

.fl-bigmug-line-musical100:before {
	content: "\e076";
}

.fl-bigmug-line-musical98:before {
	content: "\e077";
}

.fl-bigmug-line-mute34:before {
	content: "\e078";
}

.fl-bigmug-line-new83:before {
	content: "\e079";
}

.fl-bigmug-line-nine16:before {
	content: "\e07a";
}

.fl-bigmug-line-note35:before {
	content: "\e07b";
}

.fl-bigmug-line-notebook41:before {
	content: "\e07c";
}

.fl-bigmug-line-notification4:before {
	content: "\e07d";
}

.fl-bigmug-line-notification5:before {
	content: "\e07e";
}

.fl-bigmug-line-opened25:before {
	content: "\e07f";
}

.fl-bigmug-line-oval34:before {
	content: "\e080";
}

.fl-bigmug-line-paintbrush9:before {
	content: "\e081";
}

.fl-bigmug-line-paper122:before {
	content: "\e082";
}

.fl-bigmug-line-pause37:before {
	content: "\e083";
}

.fl-bigmug-line-pencil85:before {
	content: "\e084";
}

.fl-bigmug-line-phone351:before {
	content: "\e085";
}

.fl-bigmug-line-photo181:before {
	content: "\e086";
}

.fl-bigmug-line-pin42:before {
	content: "\e087";
}

.fl-bigmug-line-planetary2:before {
	content: "\e088";
}

.fl-bigmug-line-play83:before {
	content: "\e089";
}

.fl-bigmug-line-portfolio23:before {
	content: "\e08a";
}

.fl-bigmug-line-print34:before {
	content: "\e08b";
}

.fl-bigmug-line-radio46:before {
	content: "\e08c";
}

.fl-bigmug-line-rain30:before {
	content: "\e08d";
}

.fl-bigmug-line-rectangular78:before {
	content: "\e08e";
}

.fl-bigmug-line-recycling10:before {
	content: "\e08f";
}

.fl-bigmug-line-rewind37:before {
	content: "\e090";
}

.fl-bigmug-line-right139:before {
	content: "\e091";
}

.fl-bigmug-line-right141:before {
	content: "\e092";
}

.fl-bigmug-line-right142:before {
	content: "\e093";
}

.fl-bigmug-line-right144:before {
	content: "\e094";
}

.fl-bigmug-line-right148:before {
	content: "\e095";
}

.fl-bigmug-line-right153:before {
	content: "\e096";
}

.fl-bigmug-line-right154:before {
	content: "\e097";
}

.fl-bigmug-line-right156:before {
	content: "\e098";
}

.fl-bigmug-line-rounded51:before {
	content: "\e099";
}

.fl-bigmug-line-sand14:before {
	content: "\e09a";
}

.fl-bigmug-line-save15:before {
	content: "\e09b";
}

.fl-bigmug-line-search74:before {
	content: "\e09c";
}

.fl-bigmug-line-search78:before {
	content: "\e09d";
}

.fl-bigmug-line-share27:before {
	content: "\e09e";
}

.fl-bigmug-line-shopping198:before {
	content: "\e09f";
}

.fl-bigmug-line-shopping199:before {
	content: "\e0a0";
}

.fl-bigmug-line-shopping202:before {
	content: "\e0a1";
}

.fl-bigmug-line-shopping204:before {
	content: "\e0a2";
}

.fl-bigmug-line-shuffle17:before {
	content: "\e0a3";
}

.fl-bigmug-line-sort47:before {
	content: "\e0a4";
}

.fl-bigmug-line-sort48:before {
	content: "\e0a5";
}

.fl-bigmug-line-speaker75:before {
	content: "\e0a6";
}

.fl-bigmug-line-speaker80:before {
	content: "\e0a7";
}

.fl-bigmug-line-speaker81:before {
	content: "\e0a8";
}

.fl-bigmug-line-speaker86:before {
	content: "\e0a9";
}

.fl-bigmug-line-speaker87:before {
	content: "\e0aa";
}

.fl-bigmug-line-speech96:before {
	content: "\e0ab";
}

.fl-bigmug-line-square152:before {
	content: "\e0ac";
}

.fl-bigmug-line-square156:before {
	content: "\e0ad";
}

.fl-bigmug-line-square160:before {
	content: "\e0ae";
}

.fl-bigmug-line-store10:before {
	content: "\e0af";
}

.fl-bigmug-line-sun81:before {
	content: "\e0b0";
}

.fl-bigmug-line-sunrise3:before {
	content: "\e0b1";
}

.fl-bigmug-line-switch23:before {
	content: "\e0b2";
}

.fl-bigmug-line-switch24:before {
	content: "\e0b3";
}

.fl-bigmug-line-tag47:before {
	content: "\e0b4";
}

.fl-bigmug-line-television20:before {
	content: "\e0b5";
}

.fl-bigmug-line-text108:before {
	content: "\e0b6";
}

.fl-bigmug-line-text109:before {
	content: "\e0b7";
}

.fl-bigmug-line-three142:before {
	content: "\e0b8";
}

.fl-bigmug-line-timer35:before {
	content: "\e0b9";
}

.fl-bigmug-line-tool16:before {
	content: "\e0ba";
}

.fl-bigmug-line-triangle33:before {
	content: "\e0bb";
}

.fl-bigmug-line-trophy55:before {
	content: "\e0bc";
}

.fl-bigmug-line-two311:before {
	content: "\e0bd";
}

.fl-bigmug-line-two316:before {
	content: "\e0be";
}

.fl-bigmug-line-two317:before {
	content: "\e0bf";
}

.fl-bigmug-line-two319:before {
	content: "\e0c0";
}

.fl-bigmug-line-two323:before {
	content: "\e0c1";
}

.fl-bigmug-line-unlocked27:before {
	content: "\e0c2";
}

.fl-bigmug-line-up100:before {
	content: "\e0c3";
}

.fl-bigmug-line-up102:before {
	content: "\e0c4";
}

.fl-bigmug-line-up103:before {
	content: "\e0c5";
}

.fl-bigmug-line-up104:before {
	content: "\e0c6";
}

.fl-bigmug-line-up107:before {
	content: "\e0c7";
}

.fl-bigmug-line-up111:before {
	content: "\e0c8";
}

.fl-bigmug-line-up112:before {
	content: "\e0c9";
}

.fl-bigmug-line-up114:before {
	content: "\e0ca";
}

.fl-bigmug-line-up98:before {
	content: "\e0cb";
}

.fl-bigmug-line-up99:before {
	content: "\e0cc";
}

.fl-bigmug-line-upload91:before {
	content: "\e0cd";
}

.fl-bigmug-line-upload92:before {
	content: "\e0ce";
}

.fl-bigmug-line-upper8:before {
	content: "\e0cf";
}

.fl-bigmug-line-user143:before {
	content: "\e0d0";
}

.fl-bigmug-line-user144:before {
	content: "\e0d1";
}

.fl-bigmug-line-video163:before {
	content: "\e0d2";
}

.fl-bigmug-line-wallet26:before {
	content: "\e0d3";
}

.fl-bigmug-line-weather21:before {
	content: "\e0d4";
}

.fl-bigmug-line-weekly14:before {
	content: "\e0d5";
}

.fl-bigmug-line-weekly15:before {
	content: "\e0d6";
}

.fl-bigmug-line-wind24:before {
	content: "\e0d7";
}

.fl-bigmug-line-window50:before {
	content: "\e0d8";
}

.fl-bigmug-line-winds4:before {
	content: "\e0d9";
}

.fl-bigmug-line-wrench66:before {
	content: "\e0da";
}

.fl-bigmug-line-zoom60:before {
	content: "\e0db";
}
@font-face {
    font-family: 'Mercury';
    src: url('font-tv/fonts/Mercury-Regular.eot?62418065');
    src: url('font-tv/fonts/Mercury-Regular.eot?62418065#iefix') format('embedded-opentype'),
    url('font-tv/fonts/Mercury-Regular.woff?62418065') format('woff'),
    url('font-tv/fonts/Mercury-Regular.ttf?62418065') format('truetype'),
    url('font-tv/fonts/Mercury-Regular.svg?62418065#mercury') format('svg');
    font-weight: 400;
    font-style: normal;
}
[class^="mercury-icon-"]:before, 
[class*="mercury-icon-"]:before,
.mercury-ico{
    font-family: 'Mercury';
    font-weight: 400;
    font-style: normal;
    font-size: inherit;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mercury-icon-time:before {
    content: '\e800'
}

.mercury-icon-angle-up:before {
    content: '\e801'
}

.mercury-icon-angle-left:before {
    content: '\e802'
}

.mercury-icon-angle-bottom:before {
    content: '\e803'
}

.mercury-icon-angle-right:before {
    content: '\e804'
}

.mercury-icon-bars:before {
    content: '\e805'
}

.mercury-icon-satellite:before {
    content: '\e806'
}

.mercury-icon-group:before {
    content: '\e807'
}

.mercury-icon-social:before {
    content: '\e808'
}

.mercury-icon-pin:before {
    content: '\e809'
}

.mercury-icon-target:before {
    content: '\e80a'
}

.mercury-icon-chart-up:before {
    content: '\e80b'
}

.mercury-icon-key:before {
    content: '\e80c'
}

.mercury-icon-search:before {
    content: '\e80d'
}

.mercury-icon-card:before {
    content: '\e80e'
}

.mercury-icon-gears:before {
    content: '\e80f'
}

.mercury-icon-touch:before {
    content: '\e810'
}

.mercury-icon-partners:before {
    content: '\e811'
}

.mercury-icon-money:before {
    content: '\e812'
}

.mercury-icon-chart:before {
    content: '\e813'
}

.mercury-icon-note:before {
    content: '\e814'
}

.mercury-icon-books:before {
    content: '\e815'
}

.mercury-icon-pie-chart:before {
    content: '\e816'
}

.mercury-icon-phone:before {
    content: '\e817'
}

.mercury-icon-phone-24:before {
    content: '\e818'
}

.mercury-icon-pencil:before {
    content: '\e819'
}

.mercury-icon-mobile:before {
    content: '\e81a'
}

.mercury-icon-presentation:before {
    content: '\e81b'
}

.mercury-icon-note-2:before {
    content: '\e81c'
}

.mercury-icon-time-back:before {
    content: '\e81d'
}

.mercury-icon-presentation-2:before {
    content: '\e81e'
}

.mercury-icon-tools:before {
    content: '\e81f'
}

.mercury-icon-news:before {
    content: '\e820'
}

.mercury-icon-cup:before {
    content: '\e821'
}

.mercury-icon-search-font:before {
    content: '\e822'
}

.mercury-icon-clock:before {
    content: '\e823'
}

.mercury-icon-users:before {
    content: '\e824'
}

.mercury-icon-user:before {
    content: '\e825'
}

.mercury-icon-chart-seacrh:before {
    content: '\e826'
}

.mercury-icon-screen:before {
    content: '\e827'
}

.mercury-icon-lightbulb:before {
    content: '\e828'
}

.mercury-icon-tag:before {
    content: '\e829'
}

.mercury-icon-chat:before {
    content: '\e82a'
}

.mercury-icon-window:before {
    content: '\e82b'
}

.mercury-icon-tablet:before {
    content: '\e82c'
}

.mercury-icon-lib:before {
    content: '\e82d'
}

.mercury-icon-wallet:before {
    content: '\e82e'
}

.mercury-icon-pointer:before {
    content: '\e82f'
}

.mercury-icon-speak:before {
    content: '\e830'
}

.mercury-icon-globe:before {
    content: '\e831'
}

.mercury-icon-calc:before {
    content: '\e832'
}

.mercury-icon-desktop:before {
    content: '\e833'
}

.mercury-icon-pointer-left:before {
    content: '\e834'
}

.mercury-icon-chart-up-2:before {
    content: '\e835'
}

.mercury-icon-scales:before {
    content: '\e836'
}

.mercury-icon-cloud:before {
    content: '\e837'
}

.mercury-icon-desktop-chart:before {
    content: '\e838'
}

.mercury-icon-calendar:before {
    content: '\e839'
}

.mercury-icon-e-mail-o:before {
    content: '\e83a'
}

.mercury-icon-gear:before {
    content: '\e83b'
}

.mercury-icon-lightbulb-gears:before {
    content: '\e83c'
}

.mercury-icon-presentation-3:before {
    content: '\e83d'
}

.mercury-icon-money-2:before {
    content: '\e83e'
}

.mercury-icon-print:before {
    content: '\e83f'
}

.mercury-icon-time-sand:before {
    content: '\e840'
}

.mercury-icon-e-mail:before {
    content: '\e841'
}

.mercury-icon-paper:before {
    content: '\e842'
}

.mercury-icon-lock:before {
    content: '\e843'
}

.mercury-icon-case:before {
    content: '\e844'
}

.mercury-icon-money-3:before {
    content: '\e845'
}

.mercury-icon-jobs:before {
    content: '\e846'
}

.mercury-icon-document-search:before {
    content: '\e847'
}

.mercury-icon-globe-marker:before {
    content: '\e848'
}

.mercury-icon-folder:before {
    content: '\e849'
}

.mercury-icon-briefcase:before {
    content: '\e84a'
}

.mercury-icon-target-2:before {
    content: '\e84b'
}

.mercury-icon-cloud-2:before {
    content: '\e84c'
}

.mercury-icon-house:before {
    content: '\e84d'
}
@font-face
{
    font-family: "Material Design Icons";
    src: url("font-tv/fonts/materialdesignicons-webfont.eot?v=1.4.57");
    src: url("font-tv/fonts/materialdesignicons-webfont.eot?#iefix&v=1.4.57") format("embedded-opentype"), url("font-tv/fonts/materialdesignicons-webfont.woff2?v=1.4.57") format("woff2"), url("font-tv/fonts/materialdesignicons-webfont.woff?v=1.4.57") format("woff"), url("font-tv/fonts/materialdesignicons-webfont.ttf?v=1.4.57") format("truetype"), url("font-tv/fonts/materialdesignicons-webfont.svg?v=1.4.57#materialdesigniconsregular") format("svg");
    font-weight: normal;
    font-style: normal;
}
.mdi
{
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.mdi-lock-reset:before
{
    content: "\f772";
}
.mdi-help-circle-outline:before
{
    content: "\f625";
}
.mdi-access-point:before
{
    content: "\f101";
}

.mdi-access-point-network:before
{
    content: "\f102";
}

.mdi-account:before
{
    content: "\f103";
}

.mdi-account-alert:before
{
    content: "\f104";
}

.mdi-account-box:before
{
    content: "\f105";
}

.mdi-account-box-outline:before
{
    content: "\f106";
}

.mdi-account-check:before
{
    content: "\f107";
}

.mdi-account-circle:before
{
    content: "\f009";
}

.mdi-account-convert:before
{
    content: "\f00a";
}

.mdi-account-key:before
{
    content: "\f10a";
}

.mdi-account-location:before
{
    content: "\f10b";
}

.mdi-account-minus:before
{
    content: "\f10c";
}

.mdi-account-multiple:before
{
    content: "\f00e";
}

.mdi-account-multiple-outline:before
{
    content: "\f10e";
}

.mdi-account-multiple-plus:before
{
    content: "\f010";
}

.mdi-account-network:before
{
    content: "\f011";
}

.mdi-account-off:before
{
    content: "\f111";
}

.mdi-account-outline:before
{
    content: "\f013";
}

.mdi-account-plus:before
{
    content: "\f014";
}
.mdi-account-settings-variant:before
{
    content: "\f631";
}

.mdi-account-card-details:before
{
    content: "\f5d2";
}

.mdi-account-remove:before
{
    content: "\f114";
}

.mdi-account-search:before
{
    content: "\f115";
}

.mdi-account-star:before
{
    content: "\f017";
}

.mdi-account-star-variant:before
{
    content: "\f117";
}

.mdi-account-switch:before
{
    content: "\f019";
}

.mdi-adjust:before
{
    content: "\f119";
}

.mdi-air-conditioner:before
{
    content: "\f11a";
}

.mdi-airballoon:before
{
    content: "\f11b";
}

.mdi-airplane:before
{
    content: "\f11c";
}

.mdi-airplane-off:before
{
    content: "\f11d";
}

.mdi-airplay:before
{
    content: "\f11e";
}

.mdi-alarm:before
{
    content: "\f11f";
}

.mdi-alarm-check:before
{
    content: "\f120";
}

.mdi-alarm-multiple:before
{
    content: "\f121";
}

.mdi-alarm-off:before
{
    content: "\f122";
}

.mdi-alarm-plus:before
{
    content: "\f123";
}

.mdi-album:before
{
    content: "\f124";
}

.mdi-alert:before
{
    content: "\f026";
}

.mdi-alert-box:before
{
    content: "\f126";
}

.mdi-alert-circle:before
{
    content: "\f127";
}

.mdi-alert-octagon:before
{
    content: "\f128";
}

.mdi-alert-outline:before
{
    content: "\f129";
}

.mdi-alpha:before
{
    content: "\f12a";
}

.mdi-alphabetical:before
{
    content: "\f12b";
}

.mdi-amazon:before
{
    content: "\f12c";
}

.mdi-amazon-clouddrive:before
{
    content: "\f12d";
}

.mdi-ambulance:before
{
    content: "\f12e";
}

.mdi-anchor:before
{
    content: "\f12f";
}

.mdi-android:before
{
    content: "\f130";
}

.mdi-android-debug-bridge:before
{
    content: "\f131";
}

.mdi-android-studio:before
{
    content: "\f132";
}

.mdi-apple:before
{
    content: "\f133";
}

.mdi-apple-finder:before
{
    content: "\f134";
}

.mdi-apple-ios:before
{
    content: "\f135";
}

.mdi-apple-mobileme:before
{
    content: "\f136";
}

.mdi-apple-safari:before
{
    content: "\f137";
}

.mdi-appnet:before
{
    content: "\f138";
}

.mdi-apps:before
{
    content: "\f139";
}

.mdi-archive:before
{
    content: "\f13a";
}

.mdi-arrange-bring-forward:before
{
    content: "\f13b";
}

.mdi-arrange-bring-to-front:before
{
    content: "\f13c";
}

.mdi-arrange-send-backward:before
{
    content: "\f13d";
}

.mdi-arrange-send-to-back:before
{
    content: "\f13e";
}

.mdi-arrow-all:before
{
    content: "\f13f";
}

.mdi-arrow-bottom-drop-circle:before
{
    content: "\f140";
}

.mdi-arrow-bottom-left:before
{
    content: "\f141";
}

.mdi-arrow-bottom-right:before
{
    content: "\f142";
}

.mdi-arrow-collapse:before
{
    content: "\f615";
}

.mdi-arrow-down:before
{
    content: "\f144";
}

.mdi-arrow-down-bold:before
{
    content: "\f145";
}

.mdi-arrow-down-bold-circle:before
{
    content: "\f146";
}

.mdi-arrow-down-bold-circle-outline:before
{
    content: "\f147";
}

.mdi-arrow-down-bold-hexagon-outline:before
{
    content: "\f148";
}

.mdi-arrow-expand:before
{
    content: "\f616";
}

.mdi-arrow-left:before
{
    content: "\f14a";
}

.mdi-arrow-left-bold:before
{
    content: "\f14b";
}

.mdi-arrow-left-bold-circle:before
{
    content: "\f14c";
}

.mdi-arrow-left-bold-circle-outline:before
{
    content: "\f14d";
}

.mdi-arrow-left-bold-hexagon-outline:before
{
    content: "\f14e";
}

.mdi-arrow-right:before
{
    content: "\f054";
}

.mdi-arrow-right-bold:before
{
    content: "\f733";
}

.mdi-arrow-right-bold-circle:before
{
    content: "\f151";
}

.mdi-arrow-right-bold-circle-outline:before
{
    content: "\f152";
}

.mdi-arrow-right-bold-hexagon-outline:before
{
    content: "\f153";
}

.mdi-arrow-top-left:before
{
    content: "\f154";
}

.mdi-arrow-top-right:before
{
    content: "\f155";
}

.mdi-arrow-up:before
{
    content: "\f156";
}

.mdi-arrow-up-bold:before
{
    content: "\f157";
}

.mdi-arrow-up-bold-circle:before
{
    content: "\f158";
}

.mdi-arrow-up-bold-circle-outline:before
{
    content: "\f159";
}

.mdi-arrow-up-bold-hexagon-outline:before
{
    content: "\f15a";
}

.mdi-assistant:before
{
    content: "\f15b";
}

.mdi-at:before
{
    content: "\f15c";
}

.mdi-attachment:before
{
    content: "\f066";
}

.mdi-audiobook:before
{
    content: "\f15e";
}

.mdi-auto-fix:before
{
    content: "\f15f";
}

.mdi-auto-upload:before
{
    content: "\f160";
}

.mdi-autorenew:before
{
    content: "\f06a";
}

.mdi-av-timer:before
{
    content: "\f162";
}

.mdi-baby:before
{
    content: "\f163";
}

.mdi-backburger:before
{
    content: "\f164";
}

.mdi-backspace:before
{
    content: "\f165";
}

.mdi-backup-restore:before
{
    content: "\f06f";
}

.mdi-bank:before
{
    content: "\f070";
}
.mdi-home-assistant:before
{
    content: "\f7cf";
}

.mdi-barcode:before
{
    content: "\f168";
}

.mdi-barcode-scan:before
{
    content: "\f169";
}

.mdi-barley:before
{
    content: "\f16a";
}

.mdi-barrel:before
{
    content: "\f16b";
}

.mdi-basecamp:before
{
    content: "\f16c";
}

.mdi-basket:before
{
    content: "\f16d";
}

.mdi-basket-fill:before
{
    content: "\f16e";
}

.mdi-basket-unfill:before
{
    content: "\f16f";
}

.mdi-battery:before
{
    content: "\f170";
}

.mdi-battery-10:before
{
    content: "\f171";
}

.mdi-battery-20:before
{
    content: "\f172";
}

.mdi-battery-30:before
{
    content: "\f173";
}

.mdi-battery-40:before
{
    content: "\f174";
}

.mdi-battery-50:before
{
    content: "\f175";
}

.mdi-battery-60:before
{
    content: "\f176";
}

.mdi-battery-70:before
{
    content: "\f177";
}

.mdi-battery-80:before
{
    content: "\f178";
}

.mdi-battery-90:before
{
    content: "\f179";
}

.mdi-battery-alert:before
{
    content: "\f17a";
}

.mdi-battery-charging:before
{
    content: "\f17b";
}

.mdi-battery-charging-100:before
{
    content: "\f17c";
}

.mdi-battery-charging-20:before
{
    content: "\f17d";
}

.mdi-battery-charging-30:before
{
    content: "\f17e";
}

.mdi-battery-charging-40:before
{
    content: "\f17f";
}

.mdi-battery-charging-60:before
{
    content: "\f180";
}

.mdi-battery-charging-80:before
{
    content: "\f181";
}

.mdi-battery-charging-90:before
{
    content: "\f182";
}

.mdi-battery-minus:before
{
    content: "\f183";
}

.mdi-battery-negative:before
{
    content: "\f184";
}

.mdi-battery-outline:before
{
    content: "\f185";
}

.mdi-battery-plus:before
{
    content: "\f186";
}

.mdi-battery-positive:before
{
    content: "\f187";
}

.mdi-battery-unknown:before
{
    content: "\f188";
}

.mdi-beach:before
{
    content: "\f189";
}

.mdi-beaker:before
{
    content: "\f18a";
}

.mdi-beaker-empty:before
{
    content: "\f18b";
}

.mdi-beaker-empty-outline:before
{
    content: "\f18c";
}

.mdi-beaker-outline:before
{
    content: "\f18d";
}

.mdi-beats:before
{
    content: "\f18e";
}

.mdi-beer:before
{
    content: "\f18f";
}

.mdi-behance:before
{
    content: "\f190";
}

.mdi-bell:before
{
    content: "\f09a";
}

.mdi-bell-off:before
{
    content: "\f192";
}

.mdi-bell-outline:before
{
    content: "\f193";
}

.mdi-bell-plus:before
{
    content: "\f194";
}

.mdi-bell-ring:before
{
    content: "\f195";
}

.mdi-bell-ring-outline:before
{
    content: "\f196";
}

.mdi-bell-sleep:before
{
    content: "\f197";
}

.mdi-beta:before
{
    content: "\f198";
}

.mdi-bike:before
{
    content: "\f199";
}

.mdi-bing:before
{
    content: "\f19a";
}

.mdi-binoculars:before
{
    content: "\f19b";
}

.mdi-bio:before
{
    content: "\f19c";
}

.mdi-biohazard:before
{
    content: "\f19d";
}

.mdi-bitbucket:before
{
    content: "\f19e";
}

.mdi-black-mesa:before
{
    content: "\f19f";
}

.mdi-blackberry:before
{
    content: "\f1a0";
}

.mdi-blender:before
{
    content: "\f1a1";
}

.mdi-blinds:before
{
    content: "\f1a2";
}

.mdi-block-helper:before
{
    content: "\f1a3";
}

.mdi-blogger:before
{
    content: "\f1a4";
}

.mdi-bluetooth:before
{
    content: "\f1a5";
}

.mdi-bluetooth-audio:before
{
    content: "\f1a6";
}

.mdi-bluetooth-connect:before
{
    content: "\f1a7";
}

.mdi-bluetooth-off:before
{
    content: "\f1a8";
}

.mdi-bluetooth-settings:before
{
    content: "\f1a9";
}

.mdi-bluetooth-transfer:before
{
    content: "\f1aa";
}

.mdi-blur:before
{
    content: "\f1ab";
}

.mdi-blur-linear:before
{
    content: "\f1ac";
}

.mdi-blur-off:before
{
    content: "\f1ad";
}

.mdi-blur-radial:before
{
    content: "\f1ae";
}

.mdi-bone:before
{
    content: "\f1af";
}

.mdi-book:before
{
    content: "\f1b0";
}

.mdi-book-multiple:before
{
    content: "\f1b1";
}

.mdi-book-multiple-variant:before
{
    content: "\f1b2";
}

.mdi-book-open:before
{
    content: "\f1b3";
}

.mdi-book-open-variant:before
{
    content: "\f1b4";
}

.mdi-book-variant:before
{
    content: "\f1b5";
}

.mdi-bookmark:before
{
    content: "\f1b6";
}

.mdi-bookmark-check:before
{
    content: "\f1b7";
}

.mdi-bookmark-music:before
{
    content: "\f1b8";
}

.mdi-bookmark-outline:before
{
    content: "\f1b9";
}

.mdi-bookmark-outline-plus:before
{
    content: "\f1ba";
}

.mdi-bookmark-plus:before
{
    content: "\f1bb";
}

.mdi-bookmark-remove:before
{
    content: "\f1bc";
}

.mdi-border-all:before
{
    content: "\f1bd";
}

.mdi-border-bottom:before
{
    content: "\f1be";
}

.mdi-border-color:before
{
    content: "\f0c9";
}

.mdi-border-horizontal:before
{
    content: "\f1c0";
}

.mdi-border-inside:before
{
    content: "\f1c1";
}

.mdi-border-left:before
{
    content: "\f1c2";
}

.mdi-border-none:before
{
    content: "\f1c3";
}

.mdi-border-outside:before
{
    content: "\f1c4";
}

.mdi-border-right:before
{
    content: "\f1c5";
}

.mdi-border-style:before
{
    content: "\f1c6";
}

.mdi-border-top:before
{
    content: "\f1c7";
}

.mdi-border-vertical:before
{
    content: "\f1c8";
}

.mdi-bowling:before
{
    content: "\f1c9";
}

.mdi-box:before
{
    content: "\f1ca";
}

.mdi-box-cutter:before
{
    content: "\f1cb";
}

.mdi-briefcase:before
{
    content: "\f1cc";
}

.mdi-briefcase-check:before
{
    content: "\f1cd";
}

.mdi-briefcase-download:before
{
    content: "\f1ce";
}

.mdi-briefcase-upload:before
{
    content: "\f1cf";
}

.mdi-brightness-1:before
{
    content: "\f1d0";
}

.mdi-brightness-2:before
{
    content: "\f1d1";
}

.mdi-brightness-3:before
{
    content: "\f1d2";
}

.mdi-brightness-4:before
{
    content: "\f1d3";
}

.mdi-brightness-5:before
{
    content: "\f1d4";
}

.mdi-brightness-6:before
{
    content: "\f1d5";
}

.mdi-brightness-7:before
{
    content: "\f1d6";
}

.mdi-brightness-auto:before
{
    content: "\f1d7";
}

.mdi-broom:before
{
    content: "\f1d8";
}

.mdi-brush:before
{
    content: "\f1d9";
}

.mdi-bug:before
{
    content: "\f1da";
}

.mdi-bulletin-board:before
{
    content: "\f1db";
}

.mdi-bullhorn:before
{
    content: "\f1dc";
}

.mdi-bus:before
{
    content: "\f1dd";
}

.mdi-cached:before
{
    content: "\f0e8";
}

.mdi-cake:before
{
    content: "\f1df";
}

.mdi-cake-layered:before
{
    content: "\f1e0";
}

.mdi-cake-variant:before
{
    content: "\f1e1";
}

.mdi-calculator:before
{
    content: "\f0ec";
}

.mdi-calendar:before
{
    content: "\f0ed";
}

.mdi-calendar-blank:before
{
    content: "\f1e4";
}

.mdi-calendar-check:before
{
    content: "\f1e5";
}

.mdi-calendar-clock:before
{
    content: "\f1e6";
}

.mdi-calendar-multiple:before
{
    content: "\f1e7";
}

.mdi-calendar-multiple-check:before
{
    content: "\f1e8";
}

.mdi-calendar-plus:before
{
    content: "\f1e9";
}

.mdi-calendar-remove:before
{
    content: "\f1ea";
}

.mdi-calendar-text:before
{
    content: "\f1eb";
}

.mdi-calendar-today:before
{
    content: "\f0f6";
}

.mdi-call-made:before
{
    content: "\f1ed";
}

.mdi-call-merge:before
{
    content: "\f1ee";
}

.mdi-call-missed:before
{
    content: "\f1ef";
}

.mdi-call-received:before
{
    content: "\f1f0";
}

.mdi-call-split:before
{
    content: "\f1f1";
}

.mdi-camcorder:before
{
    content: "\f1f2";
}

.mdi-camcorder-box:before
{
    content: "\f1f3";
}

.mdi-camcorder-box-off:before
{
    content: "\f1f4";
}

.mdi-camcorder-off:before
{
    content: "\f1f5";
}

.mdi-camera:before
{
    content: "\f1f6";
}

.mdi-camera-enhance:before
{
    content: "\f1f7";
}

.mdi-camera-front:before
{
    content: "\f1f8";
}

.mdi-camera-front-variant:before
{
    content: "\f1f9";
}

.mdi-camera-iris:before
{
    content: "\f1fa";
}

.mdi-camera-party-mode:before
{
    content: "\f1fb";
}

.mdi-camera-rear:before
{
    content: "\f1fc";
}

.mdi-camera-rear-variant:before
{
    content: "\f1fd";
}

.mdi-camera-switch:before
{
    content: "\f1fe";
}

.mdi-camera-timer:before
{
    content: "\f1ff";
}

.mdi-candycane:before
{
    content: "\f200";
}

.mdi-car:before
{
    content: "\f201";
}

.mdi-car-battery:before
{
    content: "\f202";
}

.mdi-car-connected:before
{
    content: "\f203";
}

.mdi-car-wash:before
{
    content: "\f204";
}

.mdi-carrot:before
{
    content: "\f205";
}

.mdi-cart:before
{
    content: "\f206";
}

.mdi-cart-outline:before
{
    content: "\f207";
}

.mdi-cart-plus:before
{
    content: "\f208";
}

.mdi-case-sensitive-alt:before
{
    content: "\f209";
}

.mdi-cash:before
{
    content: "\f20a";
}

.mdi-cash-100:before
{
    content: "\f20b";
}

.mdi-cash-multiple:before
{
    content: "\f20c";
}

.mdi-cash-usd:before
{
    content: "\f20d";
}

.mdi-cast:before
{
    content: "\f117";
}

.mdi-cast-connected:before
{
    content: "\f20f";
}

.mdi-castle:before
{
    content: "\f210";
}

.mdi-cat:before
{
    content: "\f211";
}

.mdi-cellphone:before
{
    content: "\f212";
}

.mdi-cellphone-android:before
{
    content: "\f213";
}

.mdi-cellphone-basic:before
{
    content: "\f214";
}

.mdi-cellphone-dock:before
{
    content: "\f215";
}

.mdi-cellphone-iphone:before
{
    content: "\f216";
}

.mdi-cellphone-link:before
{
    content: "\f217";
}

.mdi-cellphone-link-off:before
{
    content: "\f218";
}

.mdi-cellphone-settings:before
{
    content: "\f219";
}

.mdi-certificate:before
{
    content: "\f21a";
}

.mdi-chair-school:before
{
    content: "\f21b";
}

.mdi-chart-arc:before
{
    content: "\f21c";
}

.mdi-chart-areaspline:before
{
    content: "\f21d";
}

.mdi-chart-bar:before
{
    content: "\f21e";
}

.mdi-chart-histogram:before
{
    content: "\f21f";
}

.mdi-chart-line:before
{
    content: "\f220";
}

.mdi-chart-pie:before
{
    content: "\f221";
}

.mdi-check:before
{
    content: "\f12c";
}
.mdi-check-circle:before
{
    content: "\f5e0";
}
.mdi-check-circle-outline:before
{
    content: "\f5e1";
}
.mdi-check-all:before
{
    content: "\f223";
}

.mdi-checkbox-blank:before
{
    content: "\f224";
}

.mdi-checkbox-blank-circle:before
{
    content: "\f225";
}

.mdi-checkbox-blank-circle-outline:before
{
    content: "\f226";
}

.mdi-checkbox-blank-outline:before
{
    content: "\f131";
}
.mdi-gesture-swipe-down:before
{
    content: "\f73c";
}
.mdi-gesture-swipe-up:before
{
    content: "\f73f";
}
.mdi-checkbox-marked:before
{
    content: "\f132";
}

.mdi-checkbox-marked-circle:before
{
    content: "\f229";
}

.mdi-checkbox-marked-circle-outline:before
{
    content: "\f22a";
}

.mdi-checkbox-marked-outline:before
{
    content: "\f135";
}

.mdi-checkbox-multiple-blank:before
{
    content: "\f22c";
}

.mdi-checkbox-multiple-blank-outline:before
{
    content: "\f22d";
}

.mdi-checkbox-multiple-marked:before
{
    content: "\f22e";
}

.mdi-checkbox-multiple-marked-outline:before
{
    content: "\f22f";
}

.mdi-checkerboard:before
{
    content: "\f230";
}

.mdi-chemical-weapon:before
{
    content: "\f231";
}

.mdi-chevron-double-down:before
{
    content: "\f232";
}

.mdi-chevron-double-left:before
{
    content: "\f233";
}

.mdi-chevron-double-right:before
{
    content: "\f234";
}

.mdi-chevron-double-up:before
{
    content: "\f235";
}

.mdi-chevron-down:before
{
    content: "\f140";
}

.mdi-chevron-left:before
{
    content: "\f141";
}

.mdi-chevron-right:before
{
    content: "\f142";
}

.mdi-chevron-up:before
{
    content: "\f239";
}

.mdi-church:before
{
    content: "\f23a";
}

.mdi-cisco-webex:before
{
    content: "\f23b";
}

.mdi-city:before
{
    content: "\f146";
}

.mdi-clipboard:before
{
    content: "\f23d";
}

.mdi-clipboard-account:before
{
    content: "\f23e";
}

.mdi-clipboard-alert:before
{
    content: "\f23f";
}

.mdi-clipboard-arrow-down:before
{
    content: "\f240";
}

.mdi-clipboard-arrow-left:before
{
    content: "\f241";
}

.mdi-clipboard-check:before
{
    content: "\f242";
}

.mdi-clipboard-outline:before
{
    content: "\f243";
}

.mdi-clipboard-text:before
{
    content: "\f14e";
}

.mdi-clippy:before
{
    content: "\f245";
}

.mdi-clock:before
{
    content: "\f150";
}
.mdi-clock-alert:before
{
    content: "\f5ce";                
}

.mdi-clock-end:before
{
    content: "\f247";
}

.mdi-clock-fast:before
{
    content: "\f248";
}

.mdi-clock-in:before
{
    content: "\f249";
}

.mdi-clock-out:before
{
    content: "\f24a";
}

.mdi-clock-start:before
{
    content: "\f24b";
}

.mdi-close:before
{
    content: "\f156";
}

.mdi-close-box:before
{
    content: "\f24d";
}

.mdi-close-box-outline:before
{
    content: "\f24e";
}

.mdi-close-circle:before
{
    content: "\f159";
}

.mdi-close-circle-outline:before
{
    content: "\f15a";
}

.mdi-close-network:before
{
    content: "\f251";
}

.mdi-close-octagon:before
{
    content: "\f252";
}

.mdi-close-octagon-outline:before
{
    content: "\f253";
}

.mdi-closed-caption:before
{
    content: "\f254";
}

.mdi-cloud:before
{
    content: "\f255";
}

.mdi-cloud-check:before
{
    content: "\f256";
}

.mdi-cloud-circle:before
{
    content: "\f257";
}

.mdi-cloud-download:before
{
    content: "\f258";
}

.mdi-cloud-outline:before
{
    content: "\f259";
}

.mdi-cloud-outline-off:before
{
    content: "\f25a";
}

.mdi-cloud-print:before
{
    content: "\f25b";
}

.mdi-cloud-print-outline:before
{
    content: "\f25c";
}

.mdi-cloud-upload:before
{
    content: "\f25d";
}

.mdi-code-array:before
{
    content: "\f25e";
}

.mdi-code-braces:before
{
    content: "\f25f";
}

.mdi-code-brackets:before
{
    content: "\f260";
}

.mdi-code-equal:before
{
    content: "\f261";
}

.mdi-code-greater-than:before
{
    content: "\f262";
}

.mdi-code-greater-than-or-equal:before
{
    content: "\f263";
}

.mdi-code-less-than:before
{
    content: "\f264";
}

.mdi-code-less-than-or-equal:before
{
    content: "\f265";
}

.mdi-code-not-equal:before
{
    content: "\f266";
}

.mdi-code-not-equal-variant:before
{
    content: "\f267";
}

.mdi-code-parentheses:before
{
    content: "\f268";
}

.mdi-code-string:before
{
    content: "\f269";
}

.mdi-code-tags:before
{
    content: "\f26a";
}

.mdi-codepen:before
{
    content: "\f26b";
}

.mdi-coffee:before
{
    content: "\f26c";
}

.mdi-coffee-to-go:before
{
    content: "\f26d";
}

.mdi-coin:before
{
    content: "\f26e";
}

.mdi-color-helper:before
{
    content: "\f26f";
}

.mdi-comment:before
{
    content: "\f270";
}

.mdi-comment-account:before
{
    content: "\f271";
}

.mdi-comment-account-outline:before
{
    content: "\f272";
}

.mdi-comment-alert:before
{
    content: "\f273";
}

.mdi-comment-alert-outline:before
{
    content: "\f274";
}

.mdi-comment-check:before
{
    content: "\f275";
}

.mdi-comment-check-outline:before
{
    content: "\f276";
}

.mdi-comment-multiple-outline:before
{
    content: "\f277";
}

.mdi-comment-outline:before
{
    content: "\f278";
}

.mdi-comment-plus-outline:before
{
    content: "\f279";
}

.mdi-comment-processing:before
{
    content: "\f27a";
}

.mdi-comment-processing-outline:before
{
    content: "\f27b";
}

.mdi-comment-question-outline:before
{
    content: "\f27c";
}

.mdi-comment-remove-outline:before
{
    content: "\f27d";
}

.mdi-comment-text:before
{
    content: "\f27e";
}

.mdi-comment-text-outline:before
{
    content: "\f27f";
}

.mdi-compare:before
{
    content: "\f280";
}

.mdi-compass:before
{
    content: "\f281";
}

.mdi-compass-outline:before
{
    content: "\f282";
}

.mdi-console:before
{
    content: "\f283";
}

.mdi-contact-mail:before
{
    content: "\f284";
}

.mdi-content-copy:before
{
    content: "\f18f";
}

.mdi-content-cut:before
{
    content: "\f286";
}

.mdi-content-duplicate:before
{
    content: "\f287";
}

.mdi-content-paste:before
{
    content: "\f288";
}

.mdi-content-save:before
{
    content: "\f193";
}

.mdi-content-save-all:before
{
    content: "\f28a";
}

.mdi-contrast:before
{
    content: "\f28b";
}

.mdi-contrast-box:before
{
    content: "\f28c";
}

.mdi-contrast-circle:before
{
    content: "\f28d";
}

.mdi-cookie:before
{
    content: "\f28e";
}

.mdi-cow:before
{
    content: "\f28f";
}

.mdi-credit-card:before
{
    content: "\f290";
}

.mdi-credit-card-multiple:before
{
    content: "\f291";
}

.mdi-credit-card-scan:before
{
    content: "\f292";
}

.mdi-crop:before
{
    content: "\f293";
}

.mdi-crop-free:before
{
    content: "\f294";
}

.mdi-crop-landscape:before
{
    content: "\f295";
}

.mdi-crop-portrait:before
{
    content: "\f296";
}

.mdi-crop-square:before
{
    content: "\f297";
}

.mdi-crosshairs:before
{
    content: "\f298";
}

.mdi-crosshairs-gps:before
{
    content: "\f299";
}

.mdi-crown:before
{
    content: "\f29a";
}

.mdi-cube:before
{
    content: "\f29b";
}

.mdi-cube-outline:before
{
    content: "\f29c";
}

.mdi-cube-send:before
{
    content: "\f29d";
}

.mdi-cube-unfolded:before
{
    content: "\f29e";
}

.mdi-cup:before
{
    content: "\f29f";
}

.mdi-cup-water:before
{
    content: "\f2a0";
}

.mdi-currency-btc:before
{
    content: "\f2a1";
}

.mdi-currency-eur:before
{
    content: "\f2a2";
}

.mdi-currency-gbp:before
{
    content: "\f2a3";
}

.mdi-currency-inr:before
{
    content: "\f2a4";
}

.mdi-currency-ngn:before
{
    content: "\f2a5";
}

.mdi-currency-rub:before
{
    content: "\f2a6";
}

.mdi-currency-try:before
{
    content: "\f2a7";
}

.mdi-currency-usd:before
{
    content: "\f1b3";
}

.mdi-cursor-default:before
{
    content: "\f2a9";
}

.mdi-cursor-default-outline:before
{
    content: "\f2aa";
}

.mdi-cursor-move:before
{
    content: "\f2ab";
}

.mdi-cursor-pointer:before
{
    content: "\f1b7";
}

.mdi-database:before
{
    content: "\f2ad";
}

.mdi-database-minus:before
{
    content: "\f2ae";
}

.mdi-database-plus:before
{
    content: "\f2af";
}

.mdi-debug-step-into:before
{
    content: "\f2b0";
}

.mdi-debug-step-out:before
{
    content: "\f2b1";
}

.mdi-debug-step-over:before
{
    content: "\f2b2";
}

.mdi-decimal-decrease:before
{
    content: "\f2b3";
}

.mdi-decimal-increase:before
{
    content: "\f2b4";
}

.mdi-delete:before
{
    content: "\f1c0";
}
.mdi-delete-forever:before
{
    content: "\f5e8";
}
.mdi-delete-variant:before
{
    content: "\f2b6";
}

.mdi-delta:before
{
    content: "\f2b7";
}

.mdi-deskphone:before
{
    content: "\f2b8";
}

.mdi-desktop-mac:before
{
    content: "\f2b9";
}

.mdi-desktop-tower:before
{
    content: "\f2ba";
}

.mdi-details:before
{
    content: "\f2bb";
}

.mdi-deviantart:before
{
    content: "\f2bc";
}

.mdi-diamond:before
{
    content: "\f2bd";
}

.mdi-dice:before
{
    content: "\f2be";
}

.mdi-dice-1:before
{
    content: "\f2bf";
}

.mdi-dice-2:before
{
    content: "\f2c0";
}

.mdi-dice-3:before
{
    content: "\f2c1";
}

.mdi-dice-4:before
{
    content: "\f2c2";
}

.mdi-dice-5:before
{
    content: "\f2c3";
}

.mdi-dice-6:before
{
    content: "\f2c4";
}

.mdi-directions:before
{
    content: "\f2c5";
}

.mdi-disk-alert:before
{
    content: "\f2c6";
}

.mdi-disqus:before
{
    content: "\f2c7";
}

.mdi-disqus-outline:before
{
    content: "\f2c8";
}

.mdi-division:before
{
    content: "\f2c9";
}

.mdi-division-box:before
{
    content: "\f2ca";
}

.mdi-dns:before
{
    content: "\f2cb";
}

.mdi-domain:before
{
    content: "\f2cc";
}

.mdi-dots-horizontal:before
{
    content: "\f1d8";
}
.mdi-dots-horizontal-circle:before
{
    content: "\f7c2";
}
.mdi-dots-vertical:before
{
    content: "\f2ce";
}

.mdi-download:before
{
    content: "\f2cf";
}

.mdi-drag:before
{
    content: "\f2d0";
}

.mdi-drag-horizontal:before
{
    content: "\f2d1";
}

.mdi-drag-vertical:before
{
    content: "\f2d2";
}

.mdi-drawing:before
{
    content: "\f2d3";
}

.mdi-drawing-box:before
{
    content: "\f2d4";
}

.mdi-dribbble:before
{
    content: "\f2d5";
}

.mdi-dribbble-box:before
{
    content: "\f2d6";
}

.mdi-drone:before
{
    content: "\f2d7";
}

.mdi-dropbox:before
{
    content: "\f2d8";
}

.mdi-drupal:before
{
    content: "\f2d9";
}

.mdi-duck:before
{
    content: "\f2da";
}

.mdi-dumbbell:before
{
    content: "\f2db";
}

.mdi-earth:before
{
    content: "\f2dc";
}

.mdi-earth-off:before
{
    content: "\f2dd";
}

.mdi-edge:before
{
    content: "\f2de";
}

.mdi-eject:before
{
    content: "\f2df";
}

.mdi-elevation-decline:before
{
    content: "\f2e0";
}

.mdi-elevation-rise:before
{
    content: "\f2e1";
}

.mdi-elevator:before
{
    content: "\f2e2";
}

.mdi-email:before
{
    content: "\f2e3";
}

.mdi-email-open:before
{
    content: "\f2e4";
}

.mdi-email-outline:before
{
    content: "\f1f0";
}

.mdi-email-secure:before
{
    content: "\f2e6";
}

.mdi-emoticon:before
{
    content: "\f2e7";
}

.mdi-emoticon-cool:before
{
    content: "\f2e8";
}

.mdi-emoticon-devil:before
{
    content: "\f2e9";
}

.mdi-emoticon-happy:before
{
    content: "\f2ea";
}

.mdi-emoticon-neutral:before
{
    content: "\f2eb";
}

.mdi-emoticon-poop:before
{
    content: "\f2ec";
}

.mdi-emoticon-sad:before
{
    content: "\f2ed";
}

.mdi-emoticon-tongue:before
{
    content: "\f2ee";
}

.mdi-engine:before
{
    content: "\f2ef";
}

.mdi-engine-outline:before
{
    content: "\f2f0";
}

.mdi-equal:before
{
    content: "\f2f1";
}

.mdi-equal-box:before
{
    content: "\f2f2";
}

.mdi-eraser:before
{
    content: "\f2f3";
}

.mdi-escalator:before
{
    content: "\f2f4";
}

.mdi-ethernet:before
{
    content: "\f2f5";
}

.mdi-ethernet-cable:before
{
    content: "\f2f6";
}

.mdi-ethernet-cable-off:before
{
    content: "\f2f7";
}

.mdi-etsy:before
{
    content: "\f2f8";
}

.mdi-evernote:before
{
    content: "\f2f9";
}

.mdi-exclamation:before
{
    content: "\f2fa";
}

.mdi-exit-to-app:before
{
    content: "\f2fb";
}

.mdi-export:before
{
    content: "\f2fc";
}

.mdi-eye:before
{
    content: "\f208";
}

.mdi-eye-off:before
{
    content: "\f209";
}

.mdi-eye-outline:before
{
    content: "\f6cf";
}

.mdi-eye-off-outline:before
{
    content: "\f6d0";
}

.mdi-eyedropper:before
{
    content: "\f2ff";
}

.mdi-eyedropper-variant:before
{
    content: "\f300";
}

.mdi-facebook:before
{
    content: "\f301";
}

.mdi-facebook-box:before
{
    content: "\f302";
}

.mdi-facebook-messenger:before
{
    content: "\f303";
}

.mdi-factory:before
{
    content: "\f20f";
}

.mdi-fan:before
{
    content: "\f305";
}

.mdi-fast-forward:before
{
    content: "\f306";
}

.mdi-fax:before
{
    content: "\f307";
}

.mdi-ferry:before
{
    content: "\f308";
}

.mdi-file:before
{
    content: "\f214";
}

.mdi-file-chart:before
{
    content: "\f30a";
}

.mdi-file-check:before
{
    content: "\f30b";
}

.mdi-file-cloud:before
{
    content: "\f30c";
}

.mdi-file-delimited:before
{
    content: "\f30d";
}

.mdi-file-document:before
{
    content: "\f219";
}

.mdi-file-document-box:before
{
    content: "\f21a";
}

.mdi-file-excel:before
{
    content: "\f310";
}

.mdi-file-excel-box:before
{
    content: "\f311";
}

.mdi-file-export:before
{
    content: "\f21d";
}

.mdi-file-find:before
{
    content: "\f313";
}
.mdi-file-plus:before
{
     content: "\f751";
}
.mdi-file-image:before
{
    content: "\f314";
}

.mdi-file-import:before
{
    content: "\f220";
}

.mdi-file-lock:before
{
    content: "\f316";
}

.mdi-file-multiple:before
{
    content: "\f317";
}

.mdi-file-music:before
{
    content: "\f318";
}

.mdi-file-outline:before
{
    content: "\f319";
}

.mdi-file-pdf:before
{
    content: "\f31a";
}

.mdi-file-pdf-box:before
{
    content: "\f31b";
}

.mdi-file-powerpoint:before
{
    content: "\f31c";
}

.mdi-file-powerpoint-box:before
{
    content: "\f31d";
}

.mdi-file-presentation-box:before
{
    content: "\f31e";
}

.mdi-file-send:before
{
    content: "\f31f";
}

.mdi-file-video:before
{
    content: "\f320";
}

.mdi-file-word:before
{
    content: "\f321";
}

.mdi-file-word-box:before
{
    content: "\f322";
}

.mdi-file-xml:before
{
    content: "\f323";
}

.mdi-film:before
{
    content: "\f324";
}

.mdi-filmstrip:before
{
    content: "\f325";
}

.mdi-filmstrip-off:before
{
    content: "\f326";
}

.mdi-filter:before
{
    content: "\f327";
}

.mdi-filter-outline:before
{
    content: "\f328";
}

.mdi-filter-remove:before
{
    content: "\f234";
}

.mdi-filter-remove-outline:before
{
    content: "\f235";
}

.mdi-filter-variant:before
{
    content: "\f32b";
}

.mdi-fingerprint:before
{
    content: "\f32c";
}

.mdi-fire:before
{
    content: "\f32d";
}

.mdi-firefox:before
{
    content: "\f32e";
}

.mdi-fish:before
{
    content: "\f32f";
}

.mdi-flag:before
{
    content: "\f330";
}

.mdi-flag-checkered:before
{
    content: "\f331";
}

.mdi-flag-outline:before
{
    content: "\f332";
}

.mdi-flag-outline-variant:before
{
    content: "\f333";
}

.mdi-flag-triangle:before
{
    content: "\f334";
}

.mdi-flag-variant:before
{
    content: "\f335";
}

.mdi-flash:before
{
    content: "\f336";
}

.mdi-flash-auto:before
{
    content: "\f337";
}

.mdi-flash-off:before
{
    content: "\f338";
}

.mdi-flashlight:before
{
    content: "\f339";
}

.mdi-flashlight-off:before
{
    content: "\f33a";
}

.mdi-flattr:before
{
    content: "\f33b";
}

.mdi-flip-to-back:before
{
    content: "\f33c";
}

.mdi-flip-to-front:before
{
    content: "\f33d";
}

.mdi-floppy:before
{
    content: "\f33e";
}

.mdi-flower:before
{
    content: "\f33f";
}

.mdi-folder:before
{
    content: "\f340";
}

.mdi-folder-account:before
{
    content: "\f341";
}

.mdi-folder-download:before
{
    content: "\f342";
}

.mdi-folder-google-drive:before
{
    content: "\f343";
}

.mdi-folder-image:before
{
    content: "\f344";
}

.mdi-folder-lock:before
{
    content: "\f345";
}

.mdi-folder-lock-open:before
{
    content: "\f346";
}

.mdi-folder-move:before
{
    content: "\f347";
}

.mdi-folder-multiple:before
{
    content: "\f348";
}

.mdi-folder-multiple-image:before
{
    content: "\f349";
}

.mdi-folder-multiple-outline:before
{
    content: "\f34a";
}

.mdi-folder-outline:before
{
    content: "\f34b";
}

.mdi-folder-plus:before
{
    content: "\f34c";
}

.mdi-folder-remove:before
{
    content: "\f34d";
}

.mdi-folder-upload:before
{
    content: "\f34e";
}

.mdi-food:before
{
    content: "\f34f";
}

.mdi-food-apple:before
{
    content: "\f350";
}

.mdi-food-variant:before
{
    content: "\f351";
}

.mdi-football:before
{
    content: "\f352";
}

.mdi-football-australian:before
{
    content: "\f353";
}

.mdi-football-helmet:before
{
    content: "\f354";
}

.mdi-format-align-center:before
{
    content: "\f355";
}

.mdi-format-align-justify:before
{
    content: "\f356";
}

.mdi-format-align-left:before
{
    content: "\f357";
}

.mdi-format-align-right:before
{
    content: "\f358";
}

.mdi-format-bold:before
{
    content: "\f359";
}

.mdi-format-clear:before
{
    content: "\f35a";
}

.mdi-format-color-fill:before
{
    content: "\f35b";
}

.mdi-format-float-center:before
{
    content: "\f35c";
}

.mdi-format-float-left:before
{
    content: "\f35d";
}

.mdi-format-float-none:before
{
    content: "\f35e";
}

.mdi-format-float-right:before
{
    content: "\f35f";
}

.mdi-format-header-1:before
{
    content: "\f360";
}

.mdi-format-header-2:before
{
    content: "\f361";
}

.mdi-format-header-3:before
{
    content: "\f362";
}

.mdi-format-header-4:before
{
    content: "\f363";
}

.mdi-format-header-5:before
{
    content: "\f364";
}

.mdi-format-header-6:before
{
    content: "\f365";
}

.mdi-format-header-decrease:before
{
    content: "\f366";
}

.mdi-format-header-equal:before
{
    content: "\f367";
}

.mdi-format-header-increase:before
{
    content: "\f368";
}

.mdi-format-header-pound:before
{
    content: "\f369";
}

.mdi-format-indent-decrease:before
{
    content: "\f36a";
}

.mdi-format-indent-increase:before
{
    content: "\f36b";
}

.mdi-format-italic:before
{
    content: "\f36c";
}

.mdi-format-line-spacing:before
{
    content: "\f36d";
}

.mdi-format-list-bulleted:before
{
    content: "\f36e";
}

.mdi-format-list-bulleted-type:before
{
    content: "\f36f";
}

.mdi-format-list-numbers:before
{
    content: "\f370";
}

.mdi-format-paint:before
{
    content: "\f371";
}

.mdi-format-paragraph:before
{
    content: "\f372";
}

.mdi-format-quote:before
{
    content: "\f373";
}

.mdi-format-size:before
{
    content: "\f374";
}

.mdi-format-strikethrough:before
{
    content: "\f375";
}

.mdi-format-strikethrough-variant:before
{
    content: "\f376";
}

.mdi-format-subscript:before
{
    content: "\f377";
}

.mdi-format-superscript:before
{
    content: "\f378";
}

.mdi-format-text:before
{
    content: "\f379";
}

.mdi-format-textdirection-l-to-r:before
{
    content: "\f37a";
}

.mdi-format-textdirection-r-to-l:before
{
    content: "\f37b";
}

.mdi-format-underline:before
{
    content: "\f37c";
}

.mdi-format-wrap-inline:before
{
    content: "\f37d";
}

.mdi-format-wrap-square:before
{
    content: "\f37e";
}

.mdi-format-wrap-tight:before
{
    content: "\f37f";
}

.mdi-format-wrap-top-bottom:before
{
    content: "\f380";
}

.mdi-forum:before
{
    content: "\f381";
}

.mdi-forward:before
{
    content: "\f382";
}

.mdi-foursquare:before
{
    content: "\f383";
}

.mdi-fridge:before
{
    content: "\f384";
}

.mdi-fridge-filled:before
{
    content: "\f385";
}

.mdi-fridge-filled-bottom:before
{
    content: "\f386";
}

.mdi-fridge-filled-top:before
{
    content: "\f387";
}

.mdi-fullscreen:before
{
    content: "\f388";
}

.mdi-fullscreen-exit:before
{
    content: "\f389";
}

.mdi-function:before
{
    content: "\f38a";
}

.mdi-gamepad:before
{
    content: "\f38b";
}

.mdi-gamepad-variant:before
{
    content: "\f38c";
}

.mdi-gas-station:before
{
    content: "\f38d";
}

.mdi-gate:before
{
    content: "\f38e";
}

.mdi-gauge:before
{
    content: "\f38f";
}

.mdi-gavel:before
{
    content: "\f390";
}

.mdi-gender-female:before
{
    content: "\f391";
}

.mdi-gender-male:before
{
    content: "\f392";
}

.mdi-gender-male-female:before
{
    content: "\f393";
}

.mdi-gender-transgender:before
{
    content: "\f394";
}

.mdi-ghost:before
{
    content: "\f395";
}

.mdi-gift:before
{
    content: "\f396";
}

.mdi-git:before
{
    content: "\f397";
}

.mdi-github-box:before
{
    content: "\f398";
}

.mdi-github-circle:before
{
    content: "\f399";
}

.mdi-glass-flute:before
{
    content: "\f39a";
}

.mdi-glass-mug:before
{
    content: "\f39b";
}

.mdi-glass-stange:before
{
    content: "\f39c";
}

.mdi-glass-tulip:before
{
    content: "\f39d";
}

.mdi-glasses:before
{
    content: "\f39e";
}

.mdi-gmail:before
{
    content: "\f39f";
}

.mdi-google:before
{
    content: "\f3a0";
}

.mdi-google-cardboard:before
{
    content: "\f3a1";
}

.mdi-google-chrome:before
{
    content: "\f3a2";
}

.mdi-google-circles:before
{
    content: "\f3a3";
}

.mdi-google-circles-communities:before
{
    content: "\f3a4";
}

.mdi-google-circles-extended:before
{
    content: "\f3a5";
}

.mdi-google-circles-group:before
{
    content: "\f3a6";
}

.mdi-google-controller:before
{
    content: "\f3a7";
}

.mdi-google-controller-off:before
{
    content: "\f3a8";
}

.mdi-google-drive:before
{
    content: "\f3a9";
}

.mdi-google-earth:before
{
    content: "\f3aa";
}

.mdi-google-glass:before
{
    content: "\f3ab";
}

.mdi-google-nearby:before
{
    content: "\f3ac";
}

.mdi-google-pages:before
{
    content: "\f3ad";
}

.mdi-google-physical-web:before
{
    content: "\f3ae";
}

.mdi-google-play:before
{
    content: "\f3af";
}

.mdi-google-plus:before
{
    content: "\f3b0";
}

.mdi-google-plus-box:before
{
    content: "\f3b1";
}

.mdi-google-translate:before
{
    content: "\f3b2";
}

.mdi-google-wallet:before
{
    content: "\f3b3";
}

.mdi-grid:before
{
    content: "\f3b4";
}

.mdi-grid-off:before
{
    content: "\f3b5";
}

.mdi-group:before
{
    content: "\f3b6";
}

.mdi-guitar:before
{
    content: "\f3b7";
}

.mdi-guitar-pick:before
{
    content: "\f3b8";
}

.mdi-guitar-pick-outline:before
{
    content: "\f3b9";
}

.mdi-hand-pointing-right:before
{
    content: "\f3ba";
}

.mdi-hanger:before
{
    content: "\f3bb";
}

.mdi-hangouts:before
{
    content: "\f3bc";
}

.mdi-harddisk:before
{
    content: "\f3bd";
}

.mdi-headphones:before
{
    content: "\f3be";
}

.mdi-headphones-box:before
{
    content: "\f3bf";
}

.mdi-headphones-settings:before
{
    content: "\f3c0";
}

.mdi-headset:before
{
    content: "\f3c1";
}

.mdi-headset-dock:before
{
    content: "\f3c2";
}

.mdi-headset-off:before
{
    content: "\f3c3";
}

.mdi-heart:before
{
    content: "\f3c4";
}

.mdi-heart-box:before
{
    content: "\f3c5";
}

.mdi-heart-box-outline:before
{
    content: "\f3c6";
}

.mdi-heart-broken:before
{
    content: "\f3c7";
}

.mdi-heart-outline:before
{
    content: "\f3c8";
}

.mdi-help:before
{
    content: "\f3c9";
}

.mdi-help-circle:before
{
    content: "\f3ca";
}

.mdi-hexagon:before
{
    content: "\f3cb";
}

.mdi-hexagon-outline:before
{
    content: "\f3cc";
}

.mdi-history:before
{
    content: "\f3cd";
}

.mdi-hololens:before
{
    content: "\f3ce";
}

.mdi-home:before
{
    content: "\f3cf";
}

.mdi-home-modern:before
{
    content: "\f3d0";
}

.mdi-home-variant:before
{
    content: "\f3d1";
}

.mdi-hops:before
{
    content: "\f3d2";
}

.mdi-hospital:before
{
    content: "\f3d3";
}

.mdi-hospital-building:before
{
    content: "\f3d4";
}

.mdi-hospital-marker:before
{
    content: "\f3d5";
}

.mdi-hotel:before
{
    content: "\f3d6";
}

.mdi-houzz:before
{
    content: "\f3d7";
}

.mdi-houzz-box:before
{
    content: "\f3d8";
}

.mdi-human:before
{
    content: "\f3d9";
}

.mdi-human-child:before
{
    content: "\f3da";
}

.mdi-human-male-female:before
{
    content: "\f3db";
}

.mdi-image:before
{
    content: "\f3dc";
}

.mdi-image-album:before
{
    content: "\f3dd";
}

.mdi-image-area:before
{
    content: "\f3de";
}

.mdi-image-area-close:before
{
    content: "\f3df";
}

.mdi-image-broken:before
{
    content: "\f3e0";
}

.mdi-image-broken-variant:before
{
    content: "\f3e1";
}

.mdi-image-filter:before
{
    content: "\f3e2";
}

.mdi-image-filter-black-white:before
{
    content: "\f3e3";
}

.mdi-image-filter-center-focus:before
{
    content: "\f3e4";
}

.mdi-image-filter-center-focus-weak:before
{
    content: "\f3e5";
}

.mdi-image-filter-drama:before
{
    content: "\f3e6";
}

.mdi-image-filter-frames:before
{
    content: "\f3e7";
}

.mdi-image-filter-hdr:before
{
    content: "\f3e8";
}

.mdi-image-filter-none:before
{
    content: "\f3e9";
}

.mdi-image-filter-tilt-shift:before
{
    content: "\f3ea";
}

.mdi-image-filter-vintage:before
{
    content: "\f3eb";
}

.mdi-image-multiple:before
{
    content: "\f3ec";
}

.mdi-import:before
{
    content: "\f3ed";
}

.mdi-inbox:before
{
    content: "\f3ee";
}

.mdi-information:before
{
    content: "\f3ef";
}

.mdi-information-outline:before
{
    content: "\f3f0";
}

.mdi-instagram:before
{
    content: "\f3f1";
}

.mdi-instapaper:before
{
    content: "\f3f2";
}

.mdi-internet-explorer:before
{
    content: "\f3f3";
}

.mdi-invert-colors:before
{
    content: "\f3f4";
}

.mdi-jeepney:before
{
    content: "\f3f5";
}

.mdi-jira:before
{
    content: "\f3f6";
}

.mdi-jsfiddle:before
{
    content: "\f3f7";
}

.mdi-keg:before
{
    content: "\f3f8";
}

.mdi-key:before
{
    content: "\f3f9";
}

.mdi-key-change:before
{
    content: "\f3fa";
}

.mdi-key-minus:before
{
    content: "\f3fb";
}

.mdi-key-plus:before
{
    content: "\f3fc";
}

.mdi-key-remove:before
{
    content: "\f3fd";
}

.mdi-key-variant:before
{
    content: "\f3fe";
}

.mdi-keyboard:before
{
    content: "\f3ff";
}

.mdi-keyboard-backspace:before
{
    content: "\f30d";
}

.mdi-keyboard-caps:before
{
    content: "\f401";
}

.mdi-keyboard-close:before
{
    content: "\f402";
}

.mdi-keyboard-off:before
{
    content: "\f403";
}

.mdi-keyboard-return:before
{
    content: "\f404";
}

.mdi-keyboard-tab:before
{
    content: "\f405";
}

.mdi-keyboard-variant:before
{
    content: "\f406";
}

.mdi-label:before
{
    content: "\f407";
}

.mdi-label-outline:before
{
    content: "\f408";
}

.mdi-lan:before
{
    content: "\f409";
}

.mdi-lan-connect:before
{
    content: "\f40a";
}

.mdi-lan-disconnect:before
{
    content: "\f40b";
}

.mdi-lan-pending:before
{
    content: "\f40c";
}

.mdi-language-csharp:before
{
    content: "\f40d";
}

.mdi-language-css3:before
{
    content: "\f40e";
}

.mdi-language-html5:before
{
    content: "\f40f";
}

.mdi-language-javascript:before
{
    content: "\f410";
}

.mdi-language-php:before
{
    content: "\f411";
}

.mdi-language-python:before
{
    content: "\f412";
}

.mdi-language-python-text:before
{
    content: "\f413";
}

.mdi-laptop:before
{
    content: "\f414";
}

.mdi-laptop-chromebook:before
{
    content: "\f415";
}

.mdi-laptop-mac:before
{
    content: "\f416";
}

.mdi-laptop-windows:before
{
    content: "\f417";
}

.mdi-lastfm:before
{
    content: "\f418";
}

.mdi-launch:before
{
    content: "\f419";
}

.mdi-layers:before
{
    content: "\f41a";
}

.mdi-layers-off:before
{
    content: "\f41b";
}

.mdi-leaf:before
{
    content: "\f41c";
}

.mdi-led-off:before
{
    content: "\f41d";
}

.mdi-led-on:before
{
    content: "\f41e";
}

.mdi-led-outline:before
{
    content: "\f41f";
}

.mdi-led-variant-off:before
{
    content: "\f420";
}

.mdi-led-variant-on:before
{
    content: "\f421";
}

.mdi-led-variant-outline:before
{
    content: "\f422";
}

.mdi-library:before
{
    content: "\f423";
}

.mdi-library-books:before
{
    content: "\f424";
}

.mdi-library-music:before
{
    content: "\f425";
}

.mdi-library-plus:before
{
    content: "\f426";
}

.mdi-lightbulb:before
{
    content: "\f427";
}

.mdi-lightbulb-outline:before
{
    content: "\f428";
}

.mdi-link:before
{
    content: "\f429";
}

.mdi-link-off:before
{
    content: "\f42a";
}

.mdi-link-variant:before
{
    content: "\f42b";
}

.mdi-link-variant-off:before
{
    content: "\f42c";
}

.mdi-linkedin:before
{
    content: "\f42d";
}

.mdi-linkedin-box:before
{
    content: "\f42e";
}

.mdi-linux:before
{
    content: "\f42f";
}

.mdi-lock:before
{
    content: "\f430";
}

.mdi-lock-open:before
{
    content: "\f431";
}

.mdi-lock-open-outline:before
{
    content: "\f432";
}

.mdi-lock-outline:before
{
    content: "\f341";
}

.mdi-login:before
{
    content: "\f434";
}

.mdi-logout:before
{
    content: "\f343";
}

.mdi-looks:before
{
    content: "\f436";
}

.mdi-loupe:before
{
    content: "\f437";
}

.mdi-lumx:before
{
    content: "\f438";
}

.mdi-magnet:before
{
    content: "\f439";
}

.mdi-magnet-on:before
{
    content: "\f43a";
}

.mdi-magnify:before
{
    content: "\f349";
}

.mdi-magnify-minus:before
{
    content: "\f43c";
}

.mdi-magnify-plus:before
{
    content: "\f43d";
}

.mdi-mail-ru:before
{
    content: "\f43e";
}

.mdi-map:before
{
    content: "\f43f";
}

.mdi-map-marker:before
{
    content: "\f440";
}

.mdi-map-marker-circle:before
{
    content: "\f441";
}

.mdi-map-marker-multiple:before
{
    content: "\f442";
}

.mdi-map-marker-off:before
{
    content: "\f443";
}

.mdi-map-marker-radius:before
{
    content: "\f444";
}

.mdi-margin:before
{
    content: "\f445";
}

.mdi-markdown:before
{
    content: "\f446";
}

.mdi-marker-check:before
{
    content: "\f447";
}

.mdi-martini:before
{
    content: "\f448";
}

.mdi-material-ui:before
{
    content: "\f449";
}

.mdi-math-compass:before
{
    content: "\f44a";
}

.mdi-maxcdn:before
{
    content: "\f44b";
}

.mdi-medium:before
{
    content: "\f44c";
}

.mdi-memory:before
{
    content: "\f44d";
}

.mdi-menu:before
{
    content: "\f35c";
}

.mdi-menu-down:before
{
    content: "\f44f";
}

.mdi-menu-left:before
{
    content: "\f450";
}

.mdi-menu-right:before
{
    content: "\f451";
}

.mdi-menu-up:before
{
    content: "\f452";
}

.mdi-message:before
{
    content: "\f453";
}

.mdi-message-alert:before
{
    content: "\f454";
}

.mdi-message-draw:before
{
    content: "\f455";
}

.mdi-message-image:before
{
    content: "\f456";
}

.mdi-message-outline:before
{
    content: "\f457";
}

.mdi-message-processing:before
{
    content: "\f458";
}

.mdi-message-reply:before
{
    content: "\f459";
}

.mdi-message-reply-text:before
{
    content: "\f45a";
}

.mdi-message-text:before
{
    content: "\f45b";
}

.mdi-message-text-outline:before
{
    content: "\f45c";
}

.mdi-message-video:before
{
    content: "\f45d";
}

.mdi-microphone:before
{
    content: "\f45e";
}

.mdi-microphone-off:before
{
    content: "\f45f";
}

.mdi-microphone-outline:before
{
    content: "\f460";
}

.mdi-microphone-settings:before
{
    content: "\f461";
}

.mdi-microphone-variant:before
{
    content: "\f462";
}

.mdi-microphone-variant-off:before
{
    content: "\f463";
}

.mdi-microsoft:before
{
    content: "\f464";
}

.mdi-minus:before
{
    content: "\f374";
}

.mdi-minus-box:before
{
    content: "\f375";
}

.mdi-minus-circle:before
{
    content: "\f467";
}

.mdi-minus-circle-outline:before
{
    content: "\f468";
}

.mdi-minus-network:before
{
    content: "\f469";
}

.mdi-monitor:before
{
    content: "\f46a";
}

.mdi-monitor-multiple:before
{
    content: "\f46b";
}

.mdi-more:before
{
    content: "\f46c";
}

.mdi-motorbike:before
{
    content: "\f46d";
}

.mdi-mouse:before
{
    content: "\f46e";
}

.mdi-mouse-off:before
{
    content: "\f46f";
}

.mdi-mouse-variant:before
{
    content: "\f470";
}

.mdi-mouse-variant-off:before
{
    content: "\f471";
}

.mdi-movie:before
{
    content: "\f472";
}

.mdi-multiplication:before
{
    content: "\f473";
}

.mdi-multiplication-box:before
{
    content: "\f474";
}

.mdi-music-box:before
{
    content: "\f475";
}

.mdi-music-box-outline:before
{
    content: "\f476";
}

.mdi-music-circle:before
{
    content: "\f477";
}

.mdi-music-note:before
{
    content: "\f478";
}

.mdi-music-note-eighth:before
{
    content: "\f479";
}

.mdi-music-note-half:before
{
    content: "\f47a";
}

.mdi-music-note-off:before
{
    content: "\f47b";
}

.mdi-music-note-quarter:before
{
    content: "\f47c";
}

.mdi-music-note-sixteenth:before
{
    content: "\f47d";
}

.mdi-music-note-whole:before
{
    content: "\f47e";
}

.mdi-nature:before
{
    content: "\f47f";
}

.mdi-nature-people:before
{
    content: "\f480";
}

.mdi-navigation:before
{
    content: "\f481";
}

.mdi-needle:before
{
    content: "\f482";
}

.mdi-nest-protect:before
{
    content: "\f483";
}

.mdi-nest-thermostat:before
{
    content: "\f484";
}

.mdi-newspaper:before
{
    content: "\f485";
}

.mdi-nfc:before
{
    content: "\f486";
}

.mdi-nfc-tap:before
{
    content: "\f487";
}

.mdi-nfc-variant:before
{
    content: "\f488";
}
.mdi-all-inclusive:before
{
     content: "\f6bd";
}
.mdi-nodejs:before
{
    content: "\f489";
}

.mdi-note:before
{
    content: "\f48a";
}

.mdi-note-outline:before
{
    content: "\f48b";
}

.mdi-note-plus:before
{
    content: "\f39c";
}

.mdi-note-plus-outline:before
{
    content: "\f48d";
}

.mdi-note-text:before
{
    content: "\f48e";
}

.mdi-notification-clear-all:before
{
    content: "\f48f";
}

.mdi-numeric:before
{
    content: "\f490";
}

.mdi-numeric-0-box:before
{
    content: "\f491";
}

.mdi-numeric-0-box-multiple-outline:before
{
    content: "\f492";
}

.mdi-numeric-0-box-outline:before
{
    content: "\f493";
}

.mdi-numeric-1-box:before
{
    content: "\f494";
}

.mdi-numeric-1-box-multiple-outline:before
{
    content: "\f495";
}

.mdi-numeric-1-box-outline:before
{
    content: "\f496";
}

.mdi-numeric-2-box:before
{
    content: "\f497";
}

.mdi-numeric-2-box-multiple-outline:before
{
    content: "\f498";
}

.mdi-numeric-2-box-outline:before
{
    content: "\f499";
}

.mdi-numeric-3-box:before
{
    content: "\f49a";
}

.mdi-numeric-3-box-multiple-outline:before
{
    content: "\f49b";
}

.mdi-numeric-3-box-outline:before
{
    content: "\f49c";
}

.mdi-numeric-4-box:before
{
    content: "\f49d";
}

.mdi-numeric-4-box-multiple-outline:before
{
    content: "\f49e";
}

.mdi-numeric-4-box-outline:before
{
    content: "\f49f";
}

.mdi-numeric-5-box:before
{
    content: "\f4a0";
}

.mdi-numeric-5-box-multiple-outline:before
{
    content: "\f4a1";
}

.mdi-numeric-5-box-outline:before
{
    content: "\f4a2";
}

.mdi-numeric-6-box:before
{
    content: "\f4a3";
}

.mdi-numeric-6-box-multiple-outline:before
{
    content: "\f4a4";
}

.mdi-numeric-6-box-outline:before
{
    content: "\f4a5";
}

.mdi-numeric-7-box:before
{
    content: "\f4a6";
}

.mdi-numeric-7-box-multiple-outline:before
{
    content: "\f4a7";
}

.mdi-numeric-7-box-outline:before
{
    content: "\f4a8";
}

.mdi-numeric-8-box:before
{
    content: "\f4a9";
}

.mdi-numeric-8-box-multiple-outline:before
{
    content: "\f4aa";
}

.mdi-numeric-8-box-outline:before
{
    content: "\f4ab";
}

.mdi-numeric-9-box:before
{
    content: "\f4ac";
}

.mdi-numeric-9-box-multiple-outline:before
{
    content: "\f4ad";
}

.mdi-numeric-9-box-outline:before
{
    content: "\f4ae";
}

.mdi-numeric-9-plus-box:before
{
    content: "\f4af";
}

.mdi-numeric-9-plus-box-multiple-outline:before
{
    content: "\f4b0";
}

.mdi-numeric-9-plus-box-outline:before
{
    content: "\f4b1";
}

.mdi-nutrition:before
{
    content: "\f4b2";
}

.mdi-octagon:before
{
    content: "\f4b3";
}

.mdi-octagon-outline:before
{
    content: "\f4b4";
}

.mdi-odnoklassniki:before
{
    content: "\f4b5";
}

.mdi-office:before
{
    content: "\f4b6";
}

.mdi-oil:before
{
    content: "\f4b7";
}

.mdi-oil-temperature:before
{
    content: "\f4b8";
}

.mdi-omega:before
{
    content: "\f4b9";
}

.mdi-onedrive:before
{
    content: "\f4ba";
}

.mdi-open-in-app:before
{
    content: "\f4bb";
}

.mdi-open-in-new:before
{
    content: "\f3cc";
}

.mdi-opera:before
{
    content: "\f4bd";
}

.mdi-ornament:before
{
    content: "\f4be";
}

.mdi-ornament-variant:before
{
    content: "\f4bf";
}

.mdi-outbox:before
{
    content: "\f4c0";
}

.mdi-owl:before
{
    content: "\f4c1";
}

.mdi-package:before
{
    content: "\f4c2";
}

.mdi-package-down:before
{
    content: "\f4c3";
}

.mdi-package-up:before
{
    content: "\f4c4";
}

.mdi-package-variant:before
{
    content: "\f4c5";
}

.mdi-package-variant-closed:before
{
    content: "\f4c6";
}

.mdi-palette:before
{
    content: "\f4c7";
}

.mdi-palette-advanced:before
{
    content: "\f4c8";
}

.mdi-panda:before
{
    content: "\f4c9";
}

.mdi-pandora:before
{
    content: "\f4ca";
}

.mdi-panorama:before
{
    content: "\f4cb";
}

.mdi-panorama-fisheye:before
{
    content: "\f4cc";
}

.mdi-panorama-horizontal:before
{
    content: "\f4cd";
}

.mdi-panorama-vertical:before
{
    content: "\f4ce";
}

.mdi-panorama-wide-angle:before
{
    content: "\f4cf";
}

.mdi-paper-cut-vertical:before
{
    content: "\f4d0";
}

.mdi-paperclip:before
{
    content: "\f3e2";
}

.mdi-parking:before
{
    content: "\f4d2";
}

.mdi-pause:before
{
    content: "\f4d3";
}

.mdi-pause-circle:before
{
    content: "\f4d4";
}

.mdi-pause-circle-outline:before
{
    content: "\f4d5";
}

.mdi-pause-octagon:before
{
    content: "\f4d6";
}

.mdi-pause-octagon-outline:before
{
    content: "\f4d7";
}

.mdi-paw:before
{
    content: "\f4d8";
}

.mdi-pen:before
{
    content: "\f4d9";
}

.mdi-pencil:before
{
    content: "\f3eb";
}

.mdi-pencil-box:before
{
    content: "\f4db";
}
.mdi-delete-empty:before
{
    content: "\f6cb";
}
.mdi-pencil-box-outline:before
{
    content: "\f4dc";
}

.mdi-pencil-lock:before
{
    content: "\f4dd";
}

.mdi-pencil-off:before
{
    content: "\f4de";
}

.mdi-percent:before
{
    content: "\f4df";
}

.mdi-pharmacy:before
{
    content: "\f4e0";
}

.mdi-phone:before
{
    content: "\f4e1";
}

.mdi-phone-bluetooth:before
{
    content: "\f4e2";
}

.mdi-phone-forward:before
{
    content: "\f4e3";
}

.mdi-phone-hangup:before
{
    content: "\f4e4";
}

.mdi-phone-in-talk:before
{
    content: "\f4e5";
}

.mdi-phone-incoming:before
{
    content: "\f4e6";
}

.mdi-phone-locked:before
{
    content: "\f4e7";
}

.mdi-phone-log:before
{
    content: "\f4e8";
}

.mdi-phone-missed:before
{
    content: "\f4e9";
}

.mdi-phone-outgoing:before
{
    content: "\f4ea";
}

.mdi-phone-paused:before
{
    content: "\f4eb";
}

.mdi-phone-settings:before
{
    content: "\f4ec";
}

.mdi-phone-voip:before
{
    content: "\f4ed";
}

.mdi-pi:before
{
    content: "\f4ee";
}

.mdi-pi-box:before
{
    content: "\f4ef";
}

.mdi-pig:before
{
    content: "\f4f0";
}

.mdi-pill:before
{
    content: "\f4f1";
}

.mdi-pin:before
{
    content: "\f4f2";
}

.mdi-pin-off:before
{
    content: "\f4f3";
}

.mdi-pine-tree:before
{
    content: "\f4f4";
}

.mdi-pine-tree-box:before
{
    content: "\f4f5";
}

.mdi-pinterest:before
{
    content: "\f4f6";
}

.mdi-pinterest-box:before
{
    content: "\f4f7";
}

.mdi-pizza:before
{
    content: "\f4f8";
}

.mdi-play:before
{
    content: "\f4f9";
}

.mdi-play-box-outline:before
{
    content: "\f4fa";
}

.mdi-play-circle:before
{
    content: "\f4fb";
}

.mdi-play-circle-outline:before
{
    content: "\f4fc";
}

.mdi-play-pause:before
{
    content: "\f4fd";
}

.mdi-play-protected-content:before
{
    content: "\f4fe";
}

.mdi-playlist-minus:before
{
    content: "\f4ff";
}

.mdi-playlist-play:before
{
    content: "\f500";
}

.mdi-playlist-plus:before
{
    content: "\f412";
}

.mdi-playlist-remove:before
{
    content: "\f502";
}

.mdi-playstation:before
{
    content: "\f503";
}

.mdi-plus:before
{
    content: "\f415";
}
.mdi-plus-box-outline:before
{
    content: "\f703";
}
.mdi-minus-box-outline:before
{
    content: "\f6f1";
}

.mdi-plus-box:before
{
    content: "\f416";
}

.mdi-plus-circle:before
{
    content: "\f506";
}

.mdi-plus-circle-multiple-outline:before
{
    content: "\f507";
}

.mdi-plus-circle-outline:before
{
    content: "\f419";
}

.mdi-plus-network:before
{
    content: "\f509";
}

.mdi-plus-one:before
{
    content: "\f50a";
}

.mdi-pocket:before
{
    content: "\f50b";
}

.mdi-pokeball:before
{
    content: "\f50c";
}

.mdi-polaroid:before
{
    content: "\f50d";
}

.mdi-poll:before
{
    content: "\f50e";
}

.mdi-poll-box:before
{
    content: "\f50f";
}

.mdi-polymer:before
{
    content: "\f510";
}

.mdi-popcorn:before
{
    content: "\f511";
}

.mdi-pound:before
{
    content: "\f512";
}

.mdi-pound-box:before
{
    content: "\f513";
}

.mdi-power:before
{
    content: "\f514";
}

.mdi-power-settings:before
{
    content: "\f515";
}

.mdi-power-socket:before
{
    content: "\f516";
}

.mdi-presentation:before
{
    content: "\f517";
}

.mdi-presentation-play:before
{
    content: "\f518";
}

.mdi-printer:before
{
    content: "\f42a";
}

.mdi-printer-3d:before
{
    content: "\f51a";
}

.mdi-printer-alert:before
{
    content: "\f51b";
}

.mdi-priority-high:before
{
    content: "\f603";
}

.mdi-professional-hexagon:before
{
    content: "\f51c";
}

.mdi-projector:before
{
    content: "\f51d";
}

.mdi-projector-screen:before
{
    content: "\f51e";
}

.mdi-pulse:before
{
    content: "\f51f";
}

.mdi-puzzle:before
{
    content: "\f520";
}

.mdi-qrcode:before
{
    content: "\f521";
}

.mdi-qrcode-scan:before
{
    content: "\f522";
}

.mdi-quadcopter:before
{
    content: "\f523";
}

.mdi-quality-high:before
{
    content: "\f524";
}

.mdi-quicktime:before
{
    content: "\f525";
}

.mdi-radar:before
{
    content: "\f526";
}

.mdi-radiator:before
{
    content: "\f527";
}

.mdi-radio:before
{
    content: "\f528";
}

.mdi-radio-handheld:before
{
    content: "\f529";
}

.mdi-radio-tower:before
{
    content: "\f52a";
}

.mdi-radioactive:before
{
    content: "\f52b";
}

.mdi-radiobox-blank:before
{
    content: "\f52c";
}

.mdi-radiobox-marked:before
{
    content: "\f52d";
}

.mdi-raspberrypi:before
{
    content: "\f52e";
}

.mdi-ray-end:before
{
    content: "\f52f";
}

.mdi-ray-end-arrow:before
{
    content: "\f530";
}

.mdi-ray-start:before
{
    content: "\f531";
}

.mdi-ray-start-arrow:before
{
    content: "\f532";
}

.mdi-ray-start-end:before
{
    content: "\f533";
}

.mdi-ray-vertex:before
{
    content: "\f534";
}

.mdi-rdio:before
{
    content: "\f535";
}

.mdi-read:before
{
    content: "\f536";
}

.mdi-readability:before
{
    content: "\f537";
}

.mdi-receipt:before
{
    content: "\f538";
}

.mdi-record:before
{
    content: "\f539";
}

.mdi-record-rec:before
{
    content: "\f53a";
}

.mdi-recycle:before
{
    content: "\f53b";
}

.mdi-reddit:before
{
    content: "\f53c";
}

.mdi-redo:before
{
    content: "\f53d";
}

.mdi-redo-variant:before
{
    content: "\f53e";
}

.mdi-refresh:before
{
    content: "\f53f";
}

.mdi-regex:before
{
    content: "\f540";
}

.mdi-relative-scale:before
{
    content: "\f541";
}

.mdi-reload:before
{
    content: "\f542";
}

.mdi-remote:before
{
    content: "\f543";
}

.mdi-rename-box:before
{
    content: "\f544";
}

.mdi-repeat:before
{
    content: "\f545";
}

.mdi-repeat-off:before
{
    content: "\f546";
}

.mdi-repeat-once:before
{
    content: "\f547";
}

.mdi-replay:before
{
    content: "\f459";
}

.mdi-reply:before
{
    content: "\f549";
}

.mdi-reply-all:before
{
    content: "\f54a";
}

.mdi-reproduction:before
{
    content: "\f54b";
}

.mdi-resize-bottom-right:before
{
    content: "\f54c";
}

.mdi-responsive:before
{
    content: "\f54d";
}

.mdi-rewind:before
{
    content: "\f54e";
}

.mdi-ribbon:before
{
    content: "\f54f";
}

.mdi-road:before
{
    content: "\f550";
}

.mdi-road-variant:before
{
    content: "\f551";
}

.mdi-rocket:before
{
    content: "\f552";
}

.mdi-rotate-3d:before
{
    content: "\f553";
}

.mdi-rotate-left:before
{
    content: "\f554";
}

.mdi-rotate-left-variant:before
{
    content: "\f555";
}

.mdi-rotate-right:before
{
    content: "\f556";
}

.mdi-rotate-right-variant:before
{
    content: "\f557";
}

.mdi-router-wireless:before
{
    content: "\f558";
}

.mdi-routes:before
{
    content: "\f559";
}

.mdi-rss:before
{
    content: "\f55a";
}

.mdi-rss-box:before
{
    content: "\f55b";
}

.mdi-ruler:before
{
    content: "\f55c";
}

.mdi-run:before
{
    content: "\f55d";
}

.mdi-sale:before
{
    content: "\f55e";
}

.mdi-satellite:before
{
    content: "\f55f";
}

.mdi-satellite-variant:before
{
    content: "\f560";
}

.mdi-scale:before
{
    content: "\f561";
}

.mdi-scale-bathroom:before
{
    content: "\f562";
}

.mdi-school:before
{
    content: "\f563";
}

.mdi-screen-rotation:before
{
    content: "\f564";
}

.mdi-screen-rotation-lock:before
{
    content: "\f565";
}

.mdi-screwdriver:before
{
    content: "\f566";
}

.mdi-script:before
{
    content: "\f567";
}

.mdi-sd:before
{
    content: "\f568";
}

.mdi-seal:before
{
    content: "\f569";
}

.mdi-seat-flat:before
{
    content: "\f56a";
}

.mdi-seat-flat-angled:before
{
    content: "\f56b";
}

.mdi-seat-individual-suite:before
{
    content: "\f56c";
}

.mdi-seat-legroom-extra:before
{
    content: "\f56d";
}

.mdi-seat-legroom-normal:before
{
    content: "\f56e";
}

.mdi-seat-legroom-reduced:before
{
    content: "\f56f";
}

.mdi-seat-recline-extra:before
{
    content: "\f570";
}

.mdi-seat-recline-normal:before
{
    content: "\f571";
}

.mdi-security:before
{
    content: "\f572";
}

.mdi-security-network:before
{
    content: "\f573";
}

.mdi-select:before
{
    content: "\f574";
}

.mdi-select-all:before
{
    content: "\f575";
}

.mdi-select-inverse:before
{
    content: "\f576";
}

.mdi-select-off:before
{
    content: "\f577";
}

.mdi-selection:before
{
    content: "\f578";
}

.mdi-send:before
{
    content: "\f48a";
}

.mdi-server:before
{
    content: "\f57a";
}

.mdi-server-minus:before
{
    content: "\f57b";
}

.mdi-server-network:before
{
    content: "\f57c";
}

.mdi-server-network-off:before
{
    content: "\f57d";
}

.mdi-server-off:before
{
    content: "\f57e";
}

.mdi-server-plus:before
{
    content: "\f57f";
}

.mdi-server-remove:before
{
    content: "\f580";
}

.mdi-server-security:before
{
    content: "\f581";
}

.mdi-settings:before
{
    content: "\f582";
}

.mdi-settings-box:before
{
    content: "\f583";
}

.mdi-shape-plus:before
{
    content: "\f584";
}

.mdi-share:before
{
    content: "\f585";
}

.mdi-share-variant:before
{
    content: "\f586";
}

.mdi-shield:before
{
    content: "\f587";
}

.mdi-shield-outline:before
{
    content: "\f588";
}

.mdi-shopping:before
{
    content: "\f589";
}

.mdi-shopping-music:before
{
    content: "\f58a";
}

.mdi-shredder:before
{
    content: "\f58b";
}

.mdi-shuffle:before
{
    content: "\f58c";
}

.mdi-shuffle-disabled:before
{
    content: "\f58d";
}

.mdi-shuffle-variant:before
{
    content: "\f58e";
}

.mdi-sigma:before
{
    content: "\f58f";
}

.mdi-sign-caution:before
{
    content: "\f590";
}

.mdi-signal:before
{
    content: "\f591";
}

.mdi-silverware:before
{
    content: "\f592";
}

.mdi-silverware-fork:before
{
    content: "\f593";
}

.mdi-silverware-spoon:before
{
    content: "\f594";
}

.mdi-silverware-variant:before
{
    content: "\f595";
}

.mdi-sim:before
{
    content: "\f596";
}

.mdi-sim-alert:before
{
    content: "\f597";
}

.mdi-sim-off:before
{
    content: "\f598";
}

.mdi-sitemap:before
{
    content: "\f599";
}

.mdi-skip-backward:before
{
    content: "\f59a";
}

.mdi-skip-forward:before
{
    content: "\f59b";
}

.mdi-skip-next:before
{
    content: "\f59c";
}

.mdi-skip-previous:before
{
    content: "\f59d";
}

.mdi-skype:before
{
    content: "\f59e";
}

.mdi-skype-business:before
{
    content: "\f59f";
}

.mdi-slack:before
{
    content: "\f5a0";
}

.mdi-sleep:before
{
    content: "\f5a1";
}

.mdi-sleep-off:before
{
    content: "\f5a2";
}

.mdi-smoking:before
{
    content: "\f5a3";
}

.mdi-smoking-off:before
{
    content: "\f5a4";
}

.mdi-snapchat:before
{
    content: "\f5a5";
}

.mdi-snowman:before
{
    content: "\f5a6";
}

.mdi-sofa:before
{
    content: "\f5a7";
}

.mdi-sort:before
{
    content: "\f5a8";
}

.mdi-sort-alphabetical:before
{
    content: "\f5a9";
}

.mdi-sort-ascending:before
{
    content: "\f5aa";
}

.mdi-sort-descending:before
{
    content: "\f5ab";
}

.mdi-sort-numeric:before
{
    content: "\f5ac";
}

.mdi-sort-variant:before
{
    content: "\f5ad";
}

.mdi-soundcloud:before
{
    content: "\f5ae";
}

.mdi-source-fork:before
{
    content: "\f5af";
}

.mdi-source-pull:before
{
    content: "\f5b0";
}

.mdi-speaker:before
{
    content: "\f5b1";
}

.mdi-speaker-off:before
{
    content: "\f5b2";
}

.mdi-speedometer:before
{
    content: "\f5b3";
}

.mdi-spellcheck:before
{
    content: "\f5b4";
}

.mdi-spotify:before
{
    content: "\f5b5";
}

.mdi-spotlight:before
{
    content: "\f5b6";
}

.mdi-spotlight-beam:before
{
    content: "\f5b7";
}

.mdi-square-inc:before
{
    content: "\f5b8";
}

.mdi-square-inc-cash:before
{
    content: "\f5b9";
}

.mdi-stackoverflow:before
{
    content: "\f5ba";
}

.mdi-stairs:before
{
    content: "\f5bb";
}

.mdi-star:before
{
    content: "\f5bc";
}

.mdi-star-circle:before
{
    content: "\f5bd";
}

.mdi-star-half:before
{
    content: "\f5be";
}

.mdi-star-off:before
{
    content: "\f5bf";
}

.mdi-star-outline:before
{
    content: "\f5c0";
}

.mdi-steam:before
{
    content: "\f5c1";
}

.mdi-steering:before
{
    content: "\f5c2";
}

.mdi-step-backward:before
{
    content: "\f5c3";
}

.mdi-step-backward-2:before
{
    content: "\f5c4";
}

.mdi-step-forward:before
{
    content: "\f5c5";
}

.mdi-step-forward-2:before
{
    content: "\f5c6";
}

.mdi-stethoscope:before
{
    content: "\f5c7";
}

.mdi-stocking:before
{
    content: "\f5c8";
}

.mdi-stop:before
{
    content: "\f5c9";
}

.mdi-store:before
{
    content: "\f5ca";
}

.mdi-store-24-hour:before
{
    content: "\f5cb";
}

.mdi-stove:before
{
    content: "\f5cc";
}

.mdi-subway:before
{
    content: "\f5cd";
}

.mdi-sunglasses:before
{
    content: "\f5ce";
}

.mdi-swap-horizontal:before
{
    content: "\f5cf";
}

.mdi-swap-vertical:before
{
    content: "\f5d0";
}

.mdi-swim:before
{
    content: "\f5d1";
}

.mdi-switch:before
{
    content: "\f5d2";
}

.mdi-sword:before
{
    content: "\f5d3";
}

.mdi-sync:before
{
    content: "\f4e6";
}

.mdi-sync-alert:before
{
    content: "\f5d5";
}

.mdi-sync-off:before
{
    content: "\f5d6";
}

.mdi-tab:before
{
    content: "\f5d7";
}

.mdi-tab-unselected:before
{
    content: "\f5d8";
}

.mdi-table:before
{
    content: "\f5d9";
}

.mdi-table-column-plus-after:before
{
    content: "\f5da";
}

.mdi-table-column-plus-before:before
{
    content: "\f5db";
}

.mdi-table-column-remove:before
{
    content: "\f5dc";
}

.mdi-table-column-width:before
{
    content: "\f5dd";
}

.mdi-table-edit:before
{
    content: "\f5de";
}

.mdi-table-large:before
{
    content: "\f5df";
}

.mdi-table-row-height:before
{
    content: "\f5e0";
}

.mdi-table-row-plus-after:before
{
    content: "\f5e1";
}

.mdi-table-row-plus-before:before
{
    content: "\f5e2";
}

.mdi-table-row-remove:before
{
    content: "\f5e3";
}

.mdi-tablet:before
{
    content: "\f5e4";
}

.mdi-tablet-android:before
{
    content: "\f5e5";
}

.mdi-tablet-ipad:before
{
    content: "\f5e6";
}

.mdi-tag:before
{
    content: "\f5e7";
}

.mdi-tag-faces:before
{
    content: "\f5e8";
}

.mdi-tag-multiple:before
{
    content: "\f5e9";
}

.mdi-tag-outline:before
{
    content: "\f5ea";
}

.mdi-tag-text-outline:before
{
    content: "\f5eb";
}

.mdi-target:before
{
    content: "\f5ec";
}

.mdi-taxi:before
{
    content: "\f5ed";
}

.mdi-teamviewer:before
{
    content: "\f5ee";
}

.mdi-telegram:before
{
    content: "\f501";
}

.mdi-television:before
{
    content: "\f5f0";
}

.mdi-television-guide:before
{
    content: "\f5f1";
}

.mdi-temperature-celsius:before
{
    content: "\f5f2";
}

.mdi-temperature-fahrenheit:before
{
    content: "\f5f3";
}

.mdi-temperature-kelvin:before
{
    content: "\f5f4";
}

.mdi-tennis:before
{
    content: "\f5f5";
}

.mdi-tent:before
{
    content: "\f5f6";
}

.mdi-terrain:before
{
    content: "\f5f7";
}

.mdi-text-to-speech:before
{
    content: "\f5f8";
}

.mdi-text-to-speech-off:before
{
    content: "\f5f9";
}

.mdi-texture:before
{
    content: "\f5fa";
}

.mdi-theater:before
{
    content: "\f5fb";
}

.mdi-theme-light-dark:before
{
    content: "\f5fc";
}

.mdi-thermometer:before
{
    content: "\f5fd";
}

.mdi-thermometer-lines:before
{
    content: "\f5fe";
}

.mdi-thumb-down:before
{
    content: "\f5ff";
}

.mdi-thumb-down-outline:before
{
    content: "\f600";
}

.mdi-thumb-up:before
{
    content: "\f601";
}

.mdi-thumb-up-outline:before
{
    content: "\f602";
}

.mdi-thumbs-up-down:before
{
    content: "\f603";
}

.mdi-ticket:before
{
    content: "\f604";
}

.mdi-ticket-account:before
{
    content: "\f605";
}

.mdi-ticket-confirmation:before
{
    content: "\f606";
}

.mdi-tie:before
{
    content: "\f607";
}

.mdi-timelapse:before
{
    content: "\f608";
}

.mdi-timer:before
{
    content: "\f609";
}

.mdi-timer-10:before
{
    content: "\f60a";
}

.mdi-timer-3:before
{
    content: "\f60b";
}

.mdi-timer-off:before
{
    content: "\f60c";
}

.mdi-timer-sand:before
{
    content: "\f60d";
}

.mdi-timetable:before
{
    content: "\f60e";
}

.mdi-toggle-switch:before
{
    content: "\f60f";
}

.mdi-toggle-switch-off:before
{
    content: "\f610";
}

.mdi-tooltip:before
{
    content: "\f611";
}

.mdi-tooltip-edit:before
{
    content: "\f612";
}

.mdi-tooltip-image:before
{
    content: "\f613";
}

.mdi-tooltip-outline:before
{
    content: "\f614";
}

.mdi-tooltip-outline-plus:before
{
    content: "\f615";
}

.mdi-tooltip-text:before
{
    content: "\f616";
}

.mdi-tor:before
{
    content: "\f617";
}

.mdi-traffic-light:before
{
    content: "\f618";
}

.mdi-train:before
{
    content: "\f619";
}

.mdi-tram:before
{
    content: "\f61a";
}

.mdi-transcribe:before
{
    content: "\f61b";
}

.mdi-transcribe-close:before
{
    content: "\f61c";
}

.mdi-transfer:before
{
    content: "\f61d";
}

.mdi-tree:before
{
    content: "\f61e";
}

.mdi-trello:before
{
    content: "\f61f";
}

.mdi-trending-down:before
{
    content: "\f620";
}

.mdi-trending-neutral:before
{
    content: "\f621";
}

.mdi-trending-up:before
{
    content: "\f622";
}

.mdi-triangle:before
{
    content: "\f623";
}

.mdi-triangle-outline:before
{
    content: "\f624";
}

.mdi-trophy:before
{
    content: "\f625";
}

.mdi-trophy-award:before
{
    content: "\f626";
}

.mdi-trophy-outline:before
{
    content: "\f627";
}

.mdi-trophy-variant:before
{
    content: "\f628";
}

.mdi-trophy-variant-outline:before
{
    content: "\f629";
}

.mdi-truck:before
{
    content: "\f62a";
}

.mdi-truck-delivery:before
{
    content: "\f62b";
}

.mdi-tshirt-crew:before
{
    content: "\f62c";
}

.mdi-tshirt-v:before
{
    content: "\f62d";
}

.mdi-tumblr:before
{
    content: "\f62e";
}

.mdi-tumblr-reblog:before
{
    content: "\f62f";
}

.mdi-twitch:before
{
    content: "\f630";
}

.mdi-twitter:before
{
    content: "\f631";
}

.mdi-twitter-box:before
{
    content: "\f632";
}

.mdi-twitter-circle:before
{
    content: "\f633";
}

.mdi-twitter-retweet:before
{
    content: "\f634";
}

.mdi-ubuntu:before
{
    content: "\f635";
}

.mdi-umbraco:before
{
    content: "\f636";
}

.mdi-umbrella:before
{
    content: "\f637";
}

.mdi-umbrella-outline:before
{
    content: "\f638";
}

.mdi-undo:before
{
    content: "\f639";
}

.mdi-undo-variant:before
{
    content: "\f63a";
}

.mdi-unfold-less:before
{
    content: "\f63b";
}

.mdi-unfold-more:before
{
    content: "\f63c";
}

.mdi-ungroup:before
{
    content: "\f63d";
}

.mdi-untappd:before
{
    content: "\f63e";
}

.mdi-upload:before
{
    content: "\f63f";
}

.mdi-usb:before
{
    content: "\f640";
}

.mdi-vector-arrange-above:before
{
    content: "\f641";
}

.mdi-vector-arrange-below:before
{
    content: "\f642";
}

.mdi-vector-circle:before
{
    content: "\f643";
}

.mdi-vector-circle-variant:before
{
    content: "\f644";
}

.mdi-vector-combine:before
{
    content: "\f645";
}

.mdi-vector-curve:before
{
    content: "\f646";
}

.mdi-vector-difference:before
{
    content: "\f647";
}

.mdi-vector-difference-ab:before
{
    content: "\f648";
}

.mdi-vector-difference-ba:before
{
    content: "\f649";
}

.mdi-vector-intersection:before
{
    content: "\f64a";
}

.mdi-vector-line:before
{
    content: "\f64b";
}

.mdi-vector-point:before
{
    content: "\f64c";
}

.mdi-vector-polygon:before
{
    content: "\f64d";
}

.mdi-vector-polyline:before
{
    content: "\f64e";
}

.mdi-vector-selection:before
{
    content: "\f64f";
}

.mdi-vector-square:before
{
    content: "\f650";
}

.mdi-vector-triangle:before
{
    content: "\f651";
}

.mdi-vector-union:before
{
    content: "\f652";
}

.mdi-verified:before
{
    content: "\f653";
}

.mdi-vibrate:before
{
    content: "\f654";
}

.mdi-video:before
{
    content: "\f655";
}

.mdi-video-off:before
{
    content: "\f656";
}

.mdi-video-switch:before
{
    content: "\f657";
}

.mdi-view-agenda:before
{
    content: "\f658";
}

.mdi-view-array:before
{
    content: "\f659";
}

.mdi-view-carousel:before
{
    content: "\f65a";
}

.mdi-view-column:before
{
    content: "\f65b";
}

.mdi-view-dashboard:before
{
    content: "\f65c";
}

.mdi-view-day:before
{
    content: "\f65d";
}

.mdi-view-grid:before
{
    content: "\f65e";
}

.mdi-view-headline:before
{
    content: "\f65f";
}

.mdi-view-list:before
{
    content: "\f660";
}

.mdi-view-module:before
{
    content: "\f661";
}

.mdi-view-quilt:before
{
    content: "\f662";
}

.mdi-view-stream:before
{
    content: "\f663";
}

.mdi-view-week:before
{
    content: "\f664";
}

.mdi-vimeo:before
{
    content: "\f665";
}

.mdi-vine:before
{
    content: "\f666";
}

.mdi-vk:before
{
    content: "\f667";
}

.mdi-vk-box:before
{
    content: "\f668";
}

.mdi-vk-circle:before
{
    content: "\f669";
}

.mdi-voicemail:before
{
    content: "\f66a";
}

.mdi-volume-high:before
{
    content: "\f66b";
}

.mdi-volume-low:before
{
    content: "\f66c";
}

.mdi-volume-medium:before
{
    content: "\f66d";
}

.mdi-volume-off:before
{
    content: "\f66e";
}

.mdi-vpn:before
{
    content: "\f66f";
}

.mdi-walk:before
{
    content: "\f670";
}

.mdi-wallet:before
{
    content: "\f671";
}

.mdi-wallet-giftcard:before
{
    content: "\f672";
}

.mdi-wallet-membership:before
{
    content: "\f673";
}

.mdi-wallet-travel:before
{
    content: "\f674";
}

.mdi-wan:before
{
    content: "\f675";
}

.mdi-watch:before
{
    content: "\f676";
}

.mdi-watch-export:before
{
    content: "\f677";
}

.mdi-watch-import:before
{
    content: "\f678";
}

.mdi-water:before
{
    content: "\f679";
}

.mdi-water-off:before
{
    content: "\f67a";
}

.mdi-water-percent:before
{
    content: "\f67b";
}

.mdi-water-pump:before
{
    content: "\f67c";
}

.mdi-weather-cloudy:before
{
    content: "\f67d";
}

.mdi-weather-fog:before
{
    content: "\f67e";
}

.mdi-weather-hail:before
{
    content: "\f67f";
}

.mdi-weather-lightning:before
{
    content: "\f680";
}

.mdi-weather-night:before
{
    content: "\f681";
}

.mdi-weather-partlycloudy:before
{
    content: "\f682";
}

.mdi-weather-pouring:before
{
    content: "\f683";
}

.mdi-weather-rainy:before
{
    content: "\f684";
}

.mdi-weather-snowy:before
{
    content: "\f685";
}

.mdi-weather-sunny:before
{
    content: "\f686";
}

.mdi-weather-sunset:before
{
    content: "\f687";
}

.mdi-weather-sunset-down:before
{
    content: "\f688";
}

.mdi-weather-sunset-up:before
{
    content: "\f689";
}

.mdi-weather-windy:before
{
    content: "\f68a";
}

.mdi-weather-windy-variant:before
{
    content: "\f68b";
}

.mdi-web:before
{
    content: "\f68c";
}

.mdi-webcam:before
{
    content: "\f68d";
}

.mdi-weight:before
{
    content: "\f68e";
}

.mdi-weight-kilogram:before
{
    content: "\f68f";
}

.mdi-whatsapp:before
{
    content: "\f690";
}

.mdi-wheelchair-accessibility:before
{
    content: "\f691";
}

.mdi-white-balance-auto:before
{
    content: "\f692";
}

.mdi-white-balance-incandescent:before
{
    content: "\f693";
}

.mdi-white-balance-irradescent:before
{
    content: "\f694";
}

.mdi-white-balance-sunny:before
{
    content: "\f695";
}

.mdi-wifi:before
{
    content: "\f696";
}

.mdi-wifi-off:before
{
    content: "\f697";
}

.mdi-wii:before
{
    content: "\f698";
}

.mdi-wikipedia:before
{
    content: "\f699";
}

.mdi-window-close:before
{
    content: "\f69a";
}

.mdi-window-closed:before
{
    content: "\f69b";
}

.mdi-window-maximize:before
{
    content: "\f69c";
}

.mdi-window-minimize:before
{
    content: "\f69d";
}

.mdi-window-open:before
{
    content: "\f69e";
}

.mdi-window-restore:before
{
    content: "\f69f";
}

.mdi-windows:before
{
    content: "\f6a0";
}

.mdi-wordpress:before
{
    content: "\f6a1";
}

.mdi-worker:before
{
    content: "\f6a2";
}

.mdi-wrap:before
{
    content: "\f6a3";
}

.mdi-wrench:before
{
    content: "\f6a4";
}

.mdi-wunderlist:before
{
    content: "\f6a5";
}

.mdi-xbox:before
{
    content: "\f6a6";
}

.mdi-xbox-controller:before
{
    content: "\f6a7";
}

.mdi-xbox-controller-off:before
{
    content: "\f6a8";
}

.mdi-xda:before
{
    content: "\f6a9";
}

.mdi-xing:before
{
    content: "\f6aa";
}

.mdi-xing-box:before
{
    content: "\f6ab";
}

.mdi-xing-circle:before
{
    content: "\f6ac";
}

.mdi-xml:before
{
    content: "\f6ad";
}

.mdi-yeast:before
{
    content: "\f6ae";
}

.mdi-yelp:before
{
    content: "\f6af";
}

.mdi-youtube-play:before
{
    content: "\f6b0";
}

.mdi-zip-box:before
{
    content: "\f6b1";
}
.mdi-gesture-double-tap:before
{
    content: "\f73b";
}
.mdi-18px
{
    font-size: 18px;
}

.mdi-24px
{
    font-size: 24px;
}

.mdi-36px
{
    font-size: 36px;
}

.mdi-48px
{
    font-size: 48px;
}

.mdi-dark
{
    color: rgba(0, 0, 0, 0.54);
}

.mdi-dark.mdi-inactive
{
    color: rgba(0, 0, 0, 0.26);
}

.mdi-light
{
    color: white;
}

.mdi-light.mdi-inactive
{
    color: rgba(255, 255, 255, 0.3);
}

.mdi-loading:before
{
    content: "\f771";
}

.mdi-circle:before
{
    content: "\f764";
}
.mdi-circle-outline:before
{
    content: "\f765";
}
.mdi-arrow-collapse-down:before
{
    content: "\f791";
}
.mdi-arrow-collapse-up:before
{
    content: "\f794";
}

.mdi-spin {
    -webkit-animation: mdi-spin 2s infinite linear;
    animation: mdi-spin 2s infinite linear;
}

@-webkit-keyframes mdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes mdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

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

:root
{
    --main-font: 'Thuan Viet';
    --main-font-bold: 'Thuan Viet Bold';
    --main-font-size: 16px;
    --main-font-size-head: 28px;
    --main-font-size-popup: 22px;
    --font-size: 14px;
    --main-color-bg: #62A5B7;
    --main-color-title: #2C6B7C;
    --main-color-tr-bg: #71aebe;
    --main-color-tr-bg-1: #B1D2DB;
    --main-color-tr-bg-2: #398ea5;
    --main-color-tr: #E4E4E4;
    --main-color-th: #0F2429;
    --main-color-th-bg: #ECF4F7;    
    --color-arrow-select: #250605;
    --color-border: #DAD7D7;
    --color-border-tbl: #C4C4C4;
    --main-color: #000;
    --color-border-tab: #BAC2C5;
    --color-actived-tab: #2C6B7C;
    --theme-color: #931813;
    --footer-color: #62A5B7;
}
* {
    box-sizing: border-box;
}
body
{
    font-family: var(--main-font) !important;
    font-size: var(--main-font-size);
    color: #000;
}
body.scroll-body
{
    overflow:hidden;
}
.container-form-add-quick {
    position: relative;
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
[data-tooltip]
{
    position: relative;
    z-index: 6;
}
[data-tooltip]:before, 
[data-tooltip]:after
{
    position: absolute;
    visibility: hidden;
    opacity: 0;
    left: 50%;
    bottom: calc(100% + 5px); 
    pointer-events: none;
    transition: 0.2s;
    will-change: transform;
}
[data-tooltip]:before
{
    content: attr(data-tooltip);
    padding: 10px 18px;
    min-width: 50px;
    max-width: 300px;
    width: max-content;
    width: -moz-max-content;
    border-radius: 6px;
    font-size: var(--main-font-size);
    background-color: rgba(59, 72, 80, 0.9);
    background-image: linear-gradient(30deg,rgba(59, 72, 80, 0.44),rgba(59, 68, 75, 0.44),rgba(60, 82, 88, 0.44));
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
    color: #fff;
    text-align: center;
    white-space: pre-wrap;
    transform: translate(-50%, -5px) scale(0.5);
}
[data-tooltip]:after
{
    content: "";
    border-style: solid;
    border-width: 5px 5px 0px 5px;
    border-color: rgba(55, 64, 70, 0.9) transparent transparent transparent;
    transition-duration: 0s; 
    transform-origin: top;
    transform: translateX(-50%) scaleY(0);
}
[data-tooltip]:hover:before, 
[data-tooltip]:hover:after
{
    visibility: visible;
    opacity: 1;
}
[data-tooltip]:hover:before
{
    transition-delay: 0.3s;
    transform: translate(-50%, -5px) scale(1);
}
[data-tooltip]:hover:after
{
    transition-delay: 0.5s; 
    transition-duration: 0.2s;
    transform: translateX(-50%) scaleY(1);
}
[data-tooltip-location="left"]:before, 
[data-tooltip-location="left"]:after
{
    left: auto;
    right: calc(100% + 5px);
    bottom: 50%;
}
[data-tooltip-location="left"]:before
{
    transform: translate(-5px, 50%) scale(0.5);
}
[data-tooltip-location="left"]:hover:before
{
    transform: translate(-5px, 50%) scale(1);
}
[data-tooltip-location="left"]:after
{
    border-width: 5px 0px 5px 5px;
    border-color: transparent transparent transparent rgba(55, 64, 70, 0.9);
    transform-origin: left;
    transform: translateY(50%) scaleX(0);
}
[data-tooltip-location="left"]:hover:after
{
    transform: translateY(50%) scaleX(1);
}
[data-tooltip-location="right"]:before, 
[data-tooltip-location="right"]:after
{
    left: calc(100% + 5px);
    bottom: 50%;
}
[data-tooltip-location="right"]:before
{
    transform: translate(5px, 50%) scale(0.5);
}
[data-tooltip-location="right"]:hover:before
{
    transform: translate(5px, 50%) scale(1);
}
[data-tooltip-location="right"]:after
{
    border-width: 5px 5px 5px 0px;
    border-color: transparent rgba(55, 64, 70, 0.9) transparent transparent;
    transform-origin: right;
    transform: translateY(50%) scaleX(0);
}
[data-tooltip-location="right"]:hover:after
{
    transform: translateY(50%) scaleX(1);
}
[data-tooltip-location="bottom"]:before, [
data-tooltip-location="bottom"]:after
{
    top: calc(100% + 5px);
    bottom: auto;
}
[data-tooltip-location="bottom"]:before
{
    transform: translate(-50%, 5px) scale(0.5);
}
[data-tooltip-location="bottom"]:hover:before
{
    transform: translate(-50%, 5px) scale(1);
}
[data-tooltip-location="bottom"]:after
{
    border-width: 0px 5px 5px 5px;
    border-color: transparent transparent rgba(55, 64, 70, 0.9) transparent;
    transform-origin: bottom;
}
.container-form
{
    color: var(--main-color);
}
.container-form .row
{
    margin: 0;
}
.wapper-fieldset
{
    min-width: 0;
    padding: 0;
    margin: 0 10px 0 0;
    border: 0;
}
.wapper-fieldset .legend-title
{
    font-family: var(--main-font-bold);
    font-size: var(--main-font-size-head);
    background: transparent;
    color: var(--main-color-title);
    text-align: center;
    margin: 20px auto;
    border: none;
    padding-top: 10px;
}
.title-popup-form
{
    font-family: var(--main-font-bold);
    font-size: var(--main-font-size-popup);
    background: transparent;
    color: var(--main-color-title);
    text-align: center;
    margin: 0px auto 15px;
    border: none;
    padding-top: 10px;
    text-transform:uppercase
}
.form-table, .tbl.form-table
{
    border: none;
    font-family: var(--main-font);
    font-size: var(--main-font-size);
}
.form-table td, .tbl.form-table td
{
    border: none;
    font-family: var(--main-font);
    font-size: var(--main-font-size);
    background-color: transparent;
}
.input-value
{
    font-family: var(--main-font);
    font-size: var(--main-font-size);
}
.input-readonly
{
    border: none !important;
    /*pointer-events: none;*/
    margin-top: -8px;
}
.input-readonly.is-text,
.footer-table .input-readonly,
.content-table .input-readonly
{
     margin-top: 0px;
}
.footer-table .input-readonly,
.content-table .input-readonly
{
    text-align:right
}
.input-readonly.input-label,
.input-value
{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: auto!important;
}
.input-upper
{
    text-transform:uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.title-field
{
    font-family: var(--main-font);
    font-size: var(--main-font-size);
    color: #888;
}
.container-form .wapper-input
{
    margin-bottom: 30px;
}
.icon-arrow-quytrinh:before
{
    content: "\f054";
    font-family: "Material Design Icons";
    margin: 0 10px;
}
.wapper-input-vt 
{
    position:relative;
    padding-right: 20px;
    cursor:pointer
}
.wapper-input-vt span
{
    font-size:var(--main-font-size);
}
.container-infor-popup-nhom
{
    font-size:var(--main-font-size);
}
.container-infor-popup-nhom .category-selector .category-item
{
    margin:10px 0;
    color: #000;
    line-height: 19px;
}
.container-infor-popup-nhom .category-selector .category-item.selected, 
.container-infor-popup-nhom .category-selector .category-item.selected .icon-next
{
    font-weight:bold;
    color: #000;
}
.container-infor-popup-nhom .category-selector .icon-next
{
    color: #000;
}
.wapper-drop-vt
{
    margin-left:10px;
    width: 100%;
    margin-right: 10px;
    position: relative;
}
.container-select-vattu
{
    position:relative;
}
.container-select-vattu i
{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 3px;
    font-size: 21px;
    color: #250605;
}
.container-result-records {
    position: absolute;
    background: #fff;
    z-index: 10;
    width: 100%;
    border: 1px solid var(--color-border);
    border-top: none;
    max-height: 200px;
    overflow: auto;
    border-radius: 0 0 5px 5px;
    display:none;
}
.item-result-record {
    padding: 5px 15px;
    cursor: pointer;
}
.item-result-record:hover,
.item-result-record.active {
    background:#5897fb;
    color:#fff
}
.not-result-record {
    padding: 10px;
}
.form-input-flex
{
    display: flex;
    align-items: center;
    line-height: 35px;
}
.form-input-flex .value-right-check label
{
    font-weight:normal;
    cursor:pointer
}
.form-input-flex .input-form
{
    /*min-width:auto!important*/
}
.input-form
{
    position:relative;
}
.has-unit
{
   position:relative;
}
.has-unit::after {
    content: attr(data-unit);
    position: absolute;
    right: 2px;
    top: 2px;
    color: #888;
    height: calc(100% - 4px);
    display: flex;
    align-items: center;
    padding: 0 10px;
    background: #fff;
    border-radius: 0 5px 5px 0; 
}
.form-input-flex .value-right-check {
    display: flex;
    align-items: center;
    white-space: nowrap;
    margin-right: 10px;
}
.form-input-flex .value-right-check input {
    margin: 0;
    margin-right: 5px;
}
.form-group-input-flex
{
    display: flex;
    align-items: center;
}
.form-group-input-flex .title-field
{
    margin-bottom:0!important;
    margin-right:10px
}
.form-group-input-flex input[type=checkbox], 
.form-group-input-flex input[type=radio]
{
    zoom: 1;
    margin:0
}
.wapper-input-vt .remove-search-nhom {
    position: absolute;
    top: 0px;
    right: -5px;
    font-size: 19px;
    color: var(--theme-color);
    display:none;
}
.wapper-input .input-form,
.container-select-vattu .input-form,
.wapper-input-vt .input-form,
.input-search.input-form,
.content-detail-search .input-form
{
    font-family: var(--main-font);
    font-size: var(--main-font-size) !important;
    width: 100%;
    min-width:100%;
    border-radius: 5px;
    height: 35px;
    border-color: var(--color-border);
}
.container-select-vattu .input-form
{
    margin-bottom:0
}
.wapper-input .input-form.hasDatepicker
{
    cursor:pointer
}
.content-detail-search .input-form
{
    min-width:auto;
    text-align:center
}
.input-search.input-form
{
   width: 310px;
   padding-right:60px
}
.search-row .input-search.input-form,
.search-row #searchText,
.search-row #TuKhoa

{
    width: 440px!important;
    max-width: 440px!important;
}
.container-form-popup .wapper-input-vt .input-form
{
    font-size: var(--font-size) !important;
    border:none;
}
.container-form-popup .paging-form .wapper-paging
{
    top: 0px;
    height: calc(100% + 1px);
}
.wapper-input .textarea-input,
.textarea-input
{
    border-color: var(--color-border);
    font-family: var(--main-font);
    font-size: var(--main-font-size) !important;
    width: 100%;
    border-radius: 5px;
    resize: vertical;
    min-height:100px
}

.wapper-input .input-form.input-transform
{
    text-transform: uppercase;
}
.container-form .select2-container--default .select2-selection--single .select2-selection__clear,
.container-form .select2-container--default .select2-selection--multiple .select2-selection__clear,
.container-form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.container-search-home .select2-container--default .select2-selection--multiple .select2-selection__clear,
.container-search-home .select2-container--default .select2-selection--multiple .select2-selection__choice__remove
{
    color: var(--theme-color);
    font-size: 18px;
}
.container-form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.container-search-home .select2-container--default .select2-selection--multiple .select2-selection__choice__remove
{
    margin-right: 5px;  
}
.container-form .select2-container--default .select2-selection--multiple .select2-selection__clear,
.container-search-home .select2-container--default .select2-selection--multiple .select2-selection__clear
{
    margin-top:2px;
    position:absolute;
    right:-16px;
    
}
.container-form .select2-container--default .select2-search--inline .select2-search__field::placeholder,
.container-search-home .select2-container--default .select2-search--inline .select2-search__field::placeholder
{
    color: #999;
}
.container-form .select2-container--default .select2-search--inline .select2-search__field,
.container-search-home .select2-container--default .select2-search--inline .select2-search__field
{
    width:auto!important;
    font-family: var(--main-font);
}
.container-form .select2-container .select2-search--inline.not-input,
.container-search-home .select2-container .select2-search--inline.not-input,
.container-form .select2-container .select2-search--inline.not-input > input,
.container-search-home .select2-container .select2-search--inline.not-input > input
{
    height:0
}
.container-form .select2-container--default .select2-selection--single .select2-selection__arrow
{
    height: 100% !important;
}
.container-form .select2-container--default .select2-selection--single .select2-selection__arrow b
{
    border: none;
    display: none;
}
.container-form .select2-container--default .select2-selection--single .select2-selection__arrow:after
{
    content: "\f140";
    font: normal normal normal 21px/1 "Material Design Icons";
    position: absolute;
    top: 0px;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    color: var(--color-arrow-select);
}
.container-form .select2-container--default .select2-selection--multiple .select2-selection__choice,
.container-search-home .select2-container--default .select2-selection--multiple .select2-selection__choice
{
    margin-top: 3px;
    background-color:#fff;
    border: 1px solid #ccc;
    display:inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.container-form .select2-container .select2-selection--multiple .select2-selection__rendered,
.container-search-home .select2-container .select2-selection--multiple .select2-selection__rendered
{
    overflow:visible;
    white-space: normal
}

.container-form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:after
{
    content: "\f143";
    font: normal normal normal 21px/1 "Material Design Icons";
    position: absolute;
    top: 0px;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    color: var(--color-arrow-select);
}
.container-btn-tree button:after
{
    content: "\f140";
    font: normal normal normal 21px/1 "Material Design Icons";
    position: absolute;
    top: 0px;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    color: var(--color-arrow-select);
}
.container-btn-tree .dropdown.open button:after
{
    content: "\f143";
    font: normal normal normal 21px/1 "Material Design Icons";
}
.button-select.select-open .mdi-chevron-down:before
{
    content: "\f143";
    font: normal normal normal 24px/1 "Material Design Icons";
}
.container-btn-tree .form-group.has-feedback
{
   margin-top:11px!important;
   margin-bottom:11px!important; 
   width: calc(100% - 30px)!important;
}
.container-btn-tree .form-group.has-feedback .input-sm
{
    height: 35px;
    font-size:var(--main-font-size)!important;
}
.container-btn-tree .form-group.has-feedback .input-sm:focus
{
    border-color:var(--color-border);
    box-shadow:none;
}
.container-btn-tree .treeview li a:hover,
.container-btn-tree .hvr-underline-from-center.active-li
{
    text-decoration: none;
    color:blue
}
.container-btn-tree .treeview
{
    max-height: 300px;
    overflow: auto;
    width: calc(100% - 15px)!important;
    margin-left: 15px;
}
.container-btn-tree .treeview li
{
    padding-top:0;
    padding-bottom:9px;
    padding-right: 10px;
}
.container-form .select2-container--default .select2-selection--single
{
    border: 1px solid var(--color-border) !important;
    height: 35px !important;
}
.container-form.wapper-congtrinh .select2-container--default .select2-selection--single
{
    border:none!important;
    height: 28px !important;
}
.container-form.wapper-congtrinh .select2-container--default .select2-selection--multiple
{
    border:none!important;
}
.container-form.wapper-congtrinh .select2-container .select2-selection--single .select2-selection__rendered
{
    line-height: 29px!important;
}
.wapper-congtrinh .select2-container--default .select2-selection--single,
.wapper-congtrinh .select2-container--default .select2-selection--multiple
{
    background-color:transparent
}
.wapper-congtrinh .select2-container
{
    max-width:350px!important;
    min-width:270px!important;
    width:auto!important;
}
.wapper-congtrinh.width-auto .select2-container
{
    max-width:510px!important;
}
.wapper-congtrinh .select2-container--default.select2-container--open .select2-selection--single
{
    border-bottom: 1px solid var(--color-border) !important;
}
.select2-container--open
{
    z-index:9999
}
.wapper-congtrinh .select2-container .select2-selection--single .select2-selection__rendered
{
    padding-right:28px;
    padding-left:0
}
.wapper-congtrinh .select2-container--default .select2-selection--single .select2-selection__clear
{
    margin-left: 10px;
}
.container-form .select2-container .select2-selection--single .select2-selection__rendered
{
    font-size: var(--main-font-size);
    height: 100%;
    line-height:35px!important
}
.select2-results__option
{
    font-size: var(--main-font-size) !important
}
.container-btn-tree button
{
    position: relative;
    min-width: 100%;
    text-align: left;
    align-items: center;
    border: 1px solid var(--color-border) !important;
    margin: 0;
    padding: 2px 10px;
    font-size: var(--main-font-size);
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: var(--main-font);
    height:35px;
    background: #fff!important;
    color:#000!important
}
.container-btn-tree button:hover
{
    box-shadow: none;
}
.container-btn-tree button .caret
{
    margin-left: auto;
    display: none;
}
.container-btn-tree .dropdown-menu
{
    font-size: var(--main-font-size);
}
.container-btn-tree .treeview .hitarea
{
    margin-top: 6px;
}
.container-tabs
{
    font-family: var(--main-font);
    font-size: var(--main-font-size);
    margin-top: 0;
}
.container-tabs .tab-element
{
    display: flex;
    align-items: center;
    border-bottom:1px solid var(--color-border-tab);
    position: relative;
    margin-top:0px;
    margin-bottom: 20px;
}
label.hvr-underline-from-center:before
{
    display:none
}
.container-tabs .tab-element .tab-item
{
    cursor: pointer;
    margin-right: 25px;
    text-transform: uppercase;
    color: rgb(37 6 5 / 50%);
    text-align:center;
    position:relative;
}
.container-tabs .tab-element .tab-item.actived-tab{
   
   color: var(--color-actived-tab);
   font-family: var(--main-font-bold);
}
.container-tabs .tab-element .tab-item.actived-tab:before
{
    content: '';
    border-bottom: 3px solid var(--color-actived-tab);
    position: absolute;
    bottom: -2px;
    width:100%;
    -webkit-animation: navtab 1s ease-in;
  -webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes navtab {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.container-tabs .tab-content-item.actived-tab
{
    display:block;
}
.container-tabs .tab-content-item
{
    display:none;
}
.wapper-content-tab {
    margin-top: 10px;
    /*min-height: calc(100vh - 270px);*/
}
.wapper-select
{
    display: flex;
}
.button-select {
    height: 35px;
    border-radius: 5px;
    border: 1px solid var(--color-border) !important;
    padding: 1px 5px;
    min-width: 249px;
    font-size: var(--font-size);
    display: flex;
    align-items: center;
    
    cursor: pointer;
    position:relative;
    margin-right: 20px;
    max-width: 100%;
}
.button-select .toggle-select
{
    display: flex;
    align-items: center;
    width:100%;
}
.button-select.select-open
{
    border-radius: 5px 5px 0 0 ;
}
.button-select i{
    color:var(--color-arrow-select);
    font-size: 24px;
    margin-left:auto
}
.wapper-select-option {
    position: absolute;
    width: 249px;
    top: 32px;
    left: -1px;
    border: 1px solid var(--color-border) !important;
    padding: 10px;
    z-index: 10;
    background: #fff;
    border-radius: 0 0 5px;
    font-size: var(--font-size);
    font-style: normal;
    display:none;
}
.wapper-select-option.show-item
{
    display:block;
}
.wapper-select-option li
{
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}
.wapper-select-option li:hover
{
    color:var(--color-actived-tab)
}
.wapper-select-option li input,
.wapper-select-option li label
{
    margin: 0;
}
.wapper-select-option li label
{
    font-weight:normal;
    margin-left:4px;
    font-family: var(--main-font);
    font-size: var(--main-font-size);
}
.item-tt-checked {
    display: inline-flex;
    margin-right: 30px;
    align-items: center;
    margin-bottom: 10px;
}
.item-tt-checked .delete-icon img,
.item-tt-checked .delete-icon i
{
    width:16px;
    color:var(--theme-color);
    font-size: 20px;
}
.item-tt-checked span.label-name-tt
{
    font-size:  var(--main-font-size);
    font-weight:bold;
    color:#000;
    margin-right:10px;
    font-style: italic;
}
.delete-icon,.icon-attack-file
{
    cursor:pointer;
}
.item-cap-do
{
    display: block; 
    border-radius: 3px; 
    margin-right: 5px;
    color:#fff;
    font-size: var(--main-font-size);
    font-family: var(--main-font-bold);
    padding:0 10px;
    width:40px
}
.table-form thead th
{
    font-family: var(--main-font-bold);
    font-size: var(--font-size);
    color:var(--main-color-th)!important;
    text-align: center;
    
}
table.table-form tr.cls_custome_back th
{
    background:var(--main-color-tr)!important;
    text-transform: capitalize;
}
table.table-form th
{
    border-left: 1px solid var(--color-border-tbl)!important;
    border-bottom: 1px solid var(--color-border-tbl)!important;
}
table.tbl th.button-title
{
    font-family: var(--main-font);
}
table.table-form thead tr:first-child th,
table.table-form thead tr:first-child td
{
    border-top: 1px solid var(--color-border-tbl)!important;
}
table.table-index th
{
    text-transform:uppercase!important;
    height: 60px;
}
table.table-index .footer-table th
{
    height: 35px;
}
.row-data {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.line-row-data
{
   margin-bottom: 3px; 
}
.v-top
{
    vertical-align: top;
}
table.table-index tbody td
{
    padding:15px
}
table.table-index tbody td i
{ 
    font-size: 22px;
    margin-right:2px
}
table.table-form tr.cls_custome_back th.th-background,
table.table-form tr th.th-background
{
    background:var(--main-color-tr-bg)!important;
    color:#fff!important;
}
table.table-form tr.cls_custome_back th.th-background-1,
table.table-form tr th.th-background-1
{
    background:var(--main-color-tr-bg-1)!important;
}
table.table-form tr.cls_custome_back th.th-background-2,
table.table-form tr th.th-background-2
{
    background:var(--main-color-tr-bg-2)!important;
    color:#fff!important;
}
.container-btn-tree .btn-primary:active:focus
{
    background:transparent;
    outline:none;
}
.container-btn-tree .open > .btn-primary
{
    border:none;
    background-color: #fff !important;
    color: #000 !important;
}
.btn-add-vt
{
    padding: 5px 0px;
    display: flex;
    align-items: center;
    width:55%;
    margin: 0 auto;
    position:fixed;
    left: 50%;
    transform: translateX(-50%);
}
button.button-action
{
    background: #fff;
    background-color:#fff!important;
    color: #0F2429;
    font-size: var(--main-font-size);
    font-family: var(--main-font);
    box-shadow: 0px 3px 8px 1px #aeadb3;
    display: inline-flex;
    align-items: center;
    margin-left: 10px;
    transition:350ms all;
}
button.button-action:hover
{
    box-shadow: 0px 2px 5px #aeadb3;
}
button.button-action img
{
    width: 20px;
    height: 20px;
    margin-right: 4px;
}
button.button-action i
{
    font-size:25px;
    margin-right: 4px;
    color: var(--theme-color);
}
.container-button
{
    margin: 15px;
    text-align: right;
}
@media (max-width: 850px)
{
    #wrapper.container-body {
        overflow: auto !important;
    }
    .wapper-select
    {
        display: block;
    }
    #wrapper .wrapper_content_master
    {
        padding-top:0!important;
    }
    .form-group-input .select2-container, .form-group-input select, .form-group-input input[type='text']
    {
        margin-bottom:0!important;
        max-width: 100%!important;
    }
    .wapper-button-head-table
    {
        justify-content: flex-start!important;
    }  
    .container-right-sidebar {
        display: none;
    }
    .container-form-input {
        width: 100%!important;
    }
    .row-infor-hd,
    .line-right-home,
    .line-left-home
    {
        height:auto!important;
    }
    .headerMobile
    {
        background-color:transparent!important;
        border-bottom:none!important;
        max-width:250px;
    }
    .container-top-nav.top_nav
    {
        z-index: 999;
        width: calc(100% - 55px);
        margin-left: 55px;
    }
    .container-top-nav.top_nav .wapper-logo-sys
    {
        display:none
    }
    #wrapper .top_nav .right_top_n
    {
        width:auto!important;
        margin: 0 0 0 auto!important;
    }
    .headerMobile .iconLeftMenu.activeIconLeftMenu
    {
        width:100%!important;
    }
    #wrapper .right_top_n ul
    {
        padding-top:7px!important;
    }
    #wrapper #popUpUser
    {
        position: absolute!important;
        right: 0;
        left: auto!important;
        top: 40px!important;
    }
    td.td-left-fixed, td.td-left-fixed-1, th.td-left-fixed-1,
    th.td-left-fixed,th.td-left-fixed-r,th.td-left-fixed-t,
    td.td-left-fixed-r
    {
        position: static!important;
    }
    .scroll-fixed-last:before
    {
        display:none!important
    }
    
}
@media (max-width: 1024px)
{
    .line-left-home:before,
    .line-right-home:before
    {
        display:none;
    }    
}
.row-infor-hd,
.line-right-home,
.line-left-home
{
    height:100%;
}
.container-file-record,
.container-item-record
{
    display:flex;
}
.container-file-record .icon-button,
.container-item-record .icon-button
{
   margin-right: 10px;
}

.container-has-choose .icon-button
{
    position: absolute;
    top: 2px;
    left: 3px;
    z-index:1
}
.container-has-choose > i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 3px;
    font-size: 21px;
    color: #250605;
}
.container-text-choose,
.container-has-choose {
    position: relative;
}
.container-text-choose .input-form
{
    padding-right:35px;
}
.container-has-choose .input-form
{
    padding-left:35px;
}
.container-text-choose .icon-button
{
    position: absolute;
    top: 2px;
    right: 3px;
}
.icon-button
{
    transition:all 300ms;  
    display: inline-flex;  
    cursor:pointer;
    position:relative;
    padding:3px
}
.icon-button:hover
{
    background: #D9D9DB;
    border-radius: 50px;   
}
.icon-button .file-upload-input
{
    display:none;
}
.icon-button img,
.icon-button svg,
.icon-button i
{
    transition:all 300ms;
     cursor:pointer
}
.icon-button:hover img,
.icon-button:hover svg
{
   transform: scale(0.6);
}

.icon-button i
{
    color:var(--theme-color);
    font-size:25px;
}
.button-search
{
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 0!important;
    background: transparent!important;
    padding: 0!important;
    height: 100%;
    display: flex;
    align-items: center;
    width: 30px;
    justify-content: center;
}
.button-search img
{
    width: 18px;
}
.button-search i
{
    font-size: 25px;
    color: var(--theme-color);
}
.wapper-form-search
{
    position:relative;
   
}
.container-form-popup .wapper-form-search
{
    margin-bottom: 20px;
    width:400px
}
.button-search:hover
{
    box-shadow:none!important;
}
.category-selected .label
{
    font-size: var(--main-font-size);
    font-family: var(--main-font);
    color: #000;
    padding-right:0;
}
.table-fixed-head .table-form,
.table-form.table-detail,
.table-form.table-view
{
    font-size: var(--main-font-size);
    font-family: var(--main-font);
}
.table-form.table-detail,
.table-form.table-view
{
    border-bottom: 0;
    border-collapse: separate;
    border-spacing: 0px;
    border-top:0;
    height:1px
}
table.tbl 
{
    width:100%
}

.table-form.table-detail td,
.table-form.table-view td
{
    padding: 3px 7px;
}

.table-form.table-detail thead
{
    position: sticky;
    top: 0px;
    z-index: 99;
}
.table-fixed-head
{
    overflow: auto;
}
.table-fixed-head .table-form tbody a
{
    color:#3B8EA5;
}
.paging-form .pageActive,
.paging-form .pageCurrent:hover,
.paging-form .pageNext:hover,
.paging-form .pageLast:hover, 
.paging-form .pageFirst:hover, 
.paging-form .pagePrevious:hover
{
    background-color: transparent;
    border: 0;
    color: #3B8EA5;
    /*border-bottom: 1px solid #6E120E;*/
    border-radius: 0;
}
.paging-form .pageActive:after,
.paging-form .pageCurrent:hover:after,
.paging-form .pageNext:hover:after,
.paging-form .pageLast:hover:after, 
.paging-form .pageFirst:hover:after, 
.paging-form .pagePrevious:hover:after
{
    content:'';
    position:absolute;
    border-bottom: 1px solid #6E120E;
    width: 60%;
    bottom: 5px;
}

.paging-form .pageCurrent,
.paging-form .pageNext,
.paging-form .pageLast,
.paging-form .pageFirst,
.paging-form .pagePrevious
{
    border: none;
    color:var(--theme-color)!important;
    border-radius: 0px;
    text-decoration: none;
    font-weight: bold;
    display: inline-flex;
    min-width: 40px;
    height: 32px;
    align-items: center;
    justify-content: center;
    font-size: var(--main-font-size);
    background: transparent;
    position:relative;
}
.paging-form .pageActive
{
    display: inline-flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    font-size:  var(--main-font-size);    
    position:relative;
}
.paging-form {
    /*background: var(--main-color-tr);*/
    height: 60px;
    position: relative;
    border-top: 1px solid #cfcfcf;
}
.table-index  .paging-form .wapper-paging
{
    top: 0px;
    height: calc(100% + 0px);
}
.paging-form .wapper-paging
{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: calc(100% + 2px);
    left: -1px;
    top: -1px;
    height: calc(100% + 1px);
    background: #fff;
}
.paging-form .wapper-paging:before
{
    content:''
}
.paging-form .wapper-paging i
{
    font-size: 20px;
}
.tr-paging .pagination
{
    margin:0
}
.form-popup .title-popup-form
{
    margin-bottom:0;
}
.form-popup .image-vattu
{
    width: 65px;
    height: 65px;
    margin-right:25px;
    background: #E4E4E4;
    border:none;
    border-radius: 5px;
}
.form-popup .container-infor
{
    font-size: var(--main-font-size);
    color: var(--main-color);
}
.form-popup .container-infor .soluong-dt label
{
    font-weight:normal;
    margin-bottom:0;
} 
.form-popup .container-infor .name-vattu
{
    font-weight: 600;
}
.form-popup .container-infor .name-vattu,
.form-popup .container-infor .dvt-vattu,
.form-popup .container-infor .soluong-dt
{
    margin-bottom: 5px;
} 
.form-popup .container-infor .top-infor
{
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}
.form-popup .container-tinhchat .name-tinhchat
{
    font-style:normal;
    font-weight: bold;
    margin-bottom: 10px;
}
.form-popup .container-tinhchat .item-tinhchat {
    margin-bottom: 15px;
}

.form-popup .container-tinhchat .item-tinhchat ul li
{
    background:#ECECEC;
    color:#252B42;
    margin-bottom: 10px;
    margin-right: 15px;
    padding: 5px 8px;
    border:2px solid transparent;
    cursor: pointer;
    position: relative;
    display: inline-block;
    border-radius: 5px;
}
.form-popup .container-tinhchat
{
    margin-top: 10px;
    /*max-height: 330px;*/
    overflow-y: auto;
    overflow-x: hidden;
}
.form-popup .container-tinhchat .item-tinhchat ul li.highlight-tinhchat
{
    border-color: var(--main-color-title);
}
.form-popup .container-tinhchat .item-tinhchat ul
{
    padding-left: 0px;
}
.form-popup .container-tinhchat .item-tinhchat ul li.active-tc
{
    background:rgb(178 180 182 / 80%)
}
.form-popup .container-tinhchat .item-tinhchat ul li.active-tc:after
{
    display:none;
}
.form-popup .container-infor .wapper-input .title-field
{
    /*font-weight:bold;*/
    font-size: var(--main-font-size);
    margin-bottom: 3px;
    display: block;
}
.form-popup .container-infor .mess-error-sl, .form-popup .container-infor .mess-error
{
    top: auto;
    left: 0;
    color: #cc3333;
    position: static;
}

.container-form-popup .wapper-input .input-form,
.container-form-popup .wapper-input .textarea-input
{
    font-size: var(--main-font-size) !important;
}

.form-popup .container-infor .wapper-input
{
    margin-bottom: 20px;
}
.form-popup .container-infor .line-datetime
{
    border-bottom: 0.5px solid #dad7d7;
    width: 20px;
}
.file-result-add,
.wapper-phieudenghi
{
    margin-top:5px
}
.item-file-upload,
.item-record-phieu
{
    display:flex;
    align-items: center;
    margin-bottom: 7px;
}
.item-record-phieu
{
    margin-top: 3px;
}
.item-file-upload .file-name
{
    margin-left: 5px;
}
.item-file-upload .file-name a
{
    margin-right:10px;    
}
.item-file-upload .file-name span
{
    /*display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;*/
    width: 100%;
}
.item-record-phieu .record-name {
    /*display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;*/
    margin-left: 5px;
}
.item-file-upload .file-delete img
{
    width:16px;
}
.item-file-upload .file-delete i,
.item-record-phieu .record-del i
{
    color: var(--theme-color);
    font-size: 20px;
}
.table-file .item-file-upload .file-size 
{
    display:none;
}
.table-file .item-file-upload .file-img 
{
    display:none;
}

.container-menu-top
{
    font-size: var(--main-font-size);
    font-family: var(--main-font);
}
.label-search
{
    font-size: var(--main-font-size);
}
.container-menu-top li span,
.left-infor
{
   font-size: var(--main-font-size);  
   font-family: var(--main-font);
}
.right_top_n.container-menu-top ul li
{
    display: inline-flex;
    align-items: center;
    line-height: initial;
    padding: 0;
    margin-left: 20px;
    float:none;
    
}
.right_top_n.container-menu-top
{
    font-family: var(--main-font)!important;
    z-index:110;
    margin-left: auto;
}
.right_top_n.container-menu-top ul li > a#lstCongViec
{
    display: flex;
    align-items: center;
}

.right_top_n.container-menu-top ul li img
{
    padding:0;
    border-radius:50%;
}

.right_top_n.container-menu-top ul li:last-child
{
    margin-right:15px
}
.right_top_n.container-menu-top ul 
{
    padding:5px 0;
    display: flex;
    align-items: center;
        margin: 0;
}
.icon-top-menu i
{
    font-size:28px;
    color:var(--footer-color)
}
.icon-top-menu
{
  width: 26px;
  margin-right:3px
}
.container-body .container-top-nav.top_nav
{
    height:auto;
    display: flex;
    align-items: center;
}
#countTD.number-count-notitifi,
.lsCongViecXuLy.count-todos {
    color: #fff;
    padding: 0;
    font-size: 12px;
    left: 15px;
    top: -12px;
    box-shadow: none;
    line-height: 0;
    text-shadow: none;
    right: auto;
    width: 22px;
    height: 22px;
    background: #DA251D;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    border-radius: 50%;
    border: 2px solid #fff;
    font-weight: bold;
    position: absolute;
}
#countTD.number-count-notitifi.number-count-plus,
.lsCongViecXuLy.count-todos.number-count-plus {    
    left: 13px;
}
.wapper-infor-user #inForHover img, 
.wapper-infor-user #inForHover .img
{
    width:26px;
    height:26px;
}
.wapper-infor-user #inForHover .img
{
    background: var(--theme-color);
    color: #ECF4F7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    float: right;
    font-weight: bold
}
.ListThongBao
{
    top:27px!important;
    background: var(--theme-color)!important;
    border: 1px solid #ccc;
    box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
}
.ListThongBao .timeline-item::after,
.ListThongBao .timeline-item
{
    border-color:var(--theme-color)
}
.ListThongBao .header-line-thongBao
{
    padding:8px
}
.ListThongBao .timeline-item:hover {
    color: var(--theme-color);
}
.ListThongBao .timeline-item:hover::after
{
    background:var(--theme-color)
}
.ListThongBao .timeline-item:last-child
{
    border-image: linear-gradient(to bottom, var(--theme-color) 60%, transparent) 1 100%;
}
.ListThongBao .main-line-thongBao::-webkit-scrollbar-thumb
{
    border-radius: 0px;
    background-color: var(--theme-color);
}
.left-infor.not-avatar a {
    background: linear-gradient(#ffffff -125%, var(--theme-color));
    display: flex;
    align-items: center;
    justify-content: center;
}
.left-infor.not-avatar a span
{
    font-size: 30px;
}
.left-infor.not-avatar > a{
    color:#fff;
    font-weight: bold;
}
.left-infor {
    margin-bottom: 60px!important;
    position: relative;
    height: 70px!important;
    background: #ebf0f1;
    border-radius: 8px 8px 0 0;
}
.infor-user-label a
{
    display: flex;
    align-items: center;
    justify-content: center;
}
.infor-user-label label
{
    margin: 7px 6px 20px;
    font-size: 15px;
    font-weight: normal;
    color: #777;
    max-width: 300px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 16px;
    line-height: 13px;
    text-align:center
}
.infor-user-label a
{
    display: flex;
    align-items: center;
    justify-content: center;
}
.wapper-infor-user .right-infor i.mdi
{
    color:var(--theme-color);
    font-size:20px;
    margin-right:5px
}
.wapper-infor-user .left-infor a:hover {
    box-shadow: 0 0 12px -1px #aa2829;
}
.wapper-infor-user .left-infor a
{
    position: absolute;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    top: 70px;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 4px solid #fff;
    box-shadow: 0 0 12px -1px #ababab;
    transition:all 300ms
}
.wapper-infor-user .right-infor .MK,
.wapper-infor-user .right-infor .help
{
    margin: 0 !important;
    font-size: var(--main-font-size);
    border-radius: 50px;
    border: none!important;
    padding: 10px 20px!important;
    background: transparent!important;
    color: #000!important;
    width: auto;
}
.wapper-infor-user .right-infor .logout
{
    margin: 0 0 25px 0 !important;
    font-size: var(--main-font-size);
    border-radius: 50px;
    border: none!important;
    padding: 10px 20px!important;
    background: transparent!important;
    color: #000!important;
    width: auto;
}
.wapper-infor-user .right-infor .MK a,
.wapper-infor-user .right-infor .help a,
.wapper-infor-user .right-infor .logout a
{
    color: #000!important;
    display: flex;
    align-items: center;
}
.wapper-infor-user .right-infor img
{
   width:20px;
   margin-right:10px
}
.wapper-infor-user .gb_u 
{
    left:5px
}
.wapper-infor-user #popUpUser 
{
    right: 4px;
    min-width: 200px;
    border-radius: 8px;
}
.wapper-infor-user #topInfor
{
  border-bottom:none!important;
  padding: 0;
}
.wapper-infor-user .line-bg-infor img
{
   width:100%;
}
.table-view tr td
{
    height:37px
}
@media (max-width: 850px)
{
    .top_nav img.logo {
        display: none;
    }
    .table-fixed-detail {
        width: 100%;
        overflow: auto;
    }
    .table-fixed-detail .table-form.table-detail,
    .table-fixed-detail .table-form.table-view{
        width: 220%!important;
    }
    .btnMenuMobile i
    {
        font-size: 50px!important;
        opacity:1!important;
        color:var(--theme-color)!important;
    }
    .activeIconLeftMenu .btnMenuMobile
    {
        background:transparent!important;
        width:auto!important;
    }
    .activeIconLeftMenu .img-logo
    {
        padding-top: 1px!important;
    }
}
@media (max-width: 480px)
{
    .table-fixed-detail .table-form.table-detail,
    .table-fixed-detail .table-form.table-view{
        width: 500%!important;
    }
}
@media (max-width: 640px)
{
    .wapper-infor-form{
        padding: 15px!important;
    }
    .wapper-infor-form .wapper-logo
    {
        margin-top:20px
    }
    .wapper-infor-form .wapper-form-input{
        padding: 0 10px;
    }
}
.group-field-wapper:first-child
{
    margin-top:25px
}
.group-field-wapper {
    position: relative;
    border-radius: 5px;
    padding: 25px 0px 0;
    margin: 40px 0;
}
.group-field-title {
    position: absolute;
    top: -13px;
    left: 15px;
    color: var(--color-actived-tab);
    font-size:18px
}
.wapper-title
{
    position:relative;   
}
.icon-button[data-title]:hover::after,
.wapper-title[data-title]:hover::after,
.title-label[data-title]:hover::after {
    content: attr(data-title);
    color: #000;
    font-size: 15px;
    position: absolute;
    top: 19px;
    white-space: nowrap;
    left: 30px;
    background: #e5e5e5;
    border-radius: 4px;
    padding: 2px 7px;
    z-index: 999;
    font-weight:lighter!important;
}
.icon-button[data-position*="left"]:hover::after,
.wapper-title[data-position*="left"]:hover::after,
.title-label[data-position*="left"]:hover::after
{
	right:30px;
	left:auto;
}
.title-label {
    position: relative;
}
.title-select
{
    color:#999;
    font-size: var(--main-font-size);
}
@media (min-width: 1200px)
{
    .col-lg-1 {
        width: 11.333333%!important;
    }
    .col-lg-5 {
        width: 38.666667%!important;
    }
    .col-lg-11 {
        width: 88.666667%!important;
    }
}
@media (min-width: 1090px)
{
    
    .col-mr-row
    {
        background-clip: padding-box;
        border-right: 30px solid transparent;
    }
    .col-ml-row
    {
        background-clip: padding-box;
        /*border-left: 30px solid transparent;*/
        margin-left: 30px;
    }
    .col-bl-row
    {
        background-clip: padding-box;
        border-left: 30px solid transparent;
    }
    .col-lr-row
    {
        background-clip: padding-box;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
    }
}
.form-input-flex-check
{
    margin-top:8px
}

.input-form::placeholder,
.container-btn-tree .form-control.input-sm::placeholder
{
    color: #999;
    font-size:  var(--main-font-size);
}
/*[class*="col-"] {
    background-clip: padding-box;
    border: 10px solid transparent;
}*/
.container-btn-tree .btn.error,
.container-form .select2-container--default .select2-selection--single.error-select
{
    border-color:rgb(204, 51, 51)!important;
    border-width: 2px!important;
}
input[type="file"].error
{
    border:1px solid;
}
.point-validate
{
    color:rgb(216, 48, 68);
    font-style:normal;
    font-weight: bold;
    margin-left: 2px;
}
.table-fixed-detail
{
    /*overflow: auto;
    position: relative;*/
}
.container-table-detail.full,
.container-table-detail.full-screen
{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background:#fff
    /*background: #000000cf;*/
}
.container-table-detail.full .table-fixed-detail,
.container-table-detail.full-screen .container-table-fixed {
    min-height: calc(100vh);
    background: #fff;
    width: calc(100vw);
    max-height: calc(100vh);
    max-width: calc(100vw);
    position: relative;
    margin: auto;
    z-index: 1;
    overflow: auto;
}
.container-table-detail.full .wapper-hide-full .icon-button
{
    display: block;
}
.wapper-hide-full
{
    display: flex;
    margin: 0 15px 0px;
}
.wapper-hide-full .icon-button
{
     display: none;
}
.wapper-hide-full .icon-button i
{
    color:#fff
}
.table-detail .content-table .input-editable
{
    border: 1px solid #CCC;
    min-height: 30px;
    font-family: var(--main-font);
    font-size: var(--main-font-size) !important;
    width: 100%;
    min-width: 100%;
    border-radius: 5px;
    border-color: var(--color-border);
    background:transparent;
    max-width:300px;
    padding:2px;
    resize: none;
    overflow:hidden;
    max-height: 30px;
}
.table-detail .content-table input[type="text"],
.table-detail .content-table select,
.table-detail .content-table-merce input[type="text"],
.table-detail .content-table-merce select,
.table-detail .footer-table input[type="text"],
.table-detail .footer-table select,
.table-view .content-table input[type="text"],
.table-view .content-table select,
.table-view .content-table-merce input[type="text"],
.table-view .content-table-merce select,
.table-view .footer-table input[type="text"],
.table-view .footer-table select
{
    font-family: var(--main-font);
    font-size: var(--main-font-size) !important;
    width: 100%;
    min-width: 100%;
    border-radius: 5px;
    height: 30px;
    border-color: var(--color-border);
    background:transparent;
}
.table-detail .content-table textarea,
.table-view .content-table textarea,
.table-detail .content-table-merce textarea,
.table-view .content-table-merce textarea
{
    font-family: var(--main-font);
    font-size: var(--main-font-size) !important;
    width: 100%;
    min-width: 100%;
    border-radius: 5px;
    border-color: var(--color-border);
    background:transparent;
}
.table-detail .short-input,
.table-view .short-input
{
    font-family: var(--main-font);
    font-size: var(--main-font-size) !important;
    border-radius: 5px;
    height: 30px;
    border-color: var(--color-border);
    background:transparent;
    min-width:auto!important
}
.table-detail .content-table select,
.table-view .content-table select,
.table-detail .content-table-merce select,
.table-view .content-table-merce select
{
    text-align:center;
    min-width:45px
}
.table-detail .icon-sort,
.table-view .icon-sort
{
    margin-left: 5px;
    color: var(--theme-color);
}
.table-detail .sort-item.asc:after,
.table-view .sort-item.asc:after {
    content: "\25B2";
    color: #ff5151;
}
.table-detail .sort-item.desc:after,
.table-view .sort-item.desc:after {
    content: "\25BC";
    color: #ff5151;
}
.search-form
{
   margin-bottom: 15px;
}
.form-control-feedback .icon-search
{
    font-size: 27px;
    color: var(--theme-color);
    margin-top: 5px;
}
.wrapperDuyetNew .modal-contentQTD.normal-popup {
    width: 100%!important;
}
body.scroll-body .container-content-main
{
    width: calc(100% - 290px)!important;
}
.container-content-main
{
    transition:width 300ms;
    margin-left: auto;
}

.container-main-menu
{
    /*background-color: rgb(0 0 0 / 40%)!important;
    position: fixed;
    left: 0;
    top:0;*/
    background-color: rgb(0 0 0 / 0%)!important;   
    height: calc(100vh - 61px);
    /*visibility:hidden;*/
    width:0!important;
}
.container-search-home + .container-table-fixed,
.container-search-home + .container-table-detail > .container-table-fixed
{
    max-height: calc(100vh - 280px)!important;
}

.wapper-content-tab .container-search-home + .container-table-fixed,
.wapper-content-tab .container-search-home + .container-table-detail > .container-table-fixed
{
    max-height: calc(100vh - 333px)!important;
}

.container-main-menu .jqueryslidemenu
{
    background-color: transparent;
    font-size:var(--main-font-size);
    height: calc(100% - 85px)!important;
    overflow: auto;
    direction: rtl; 
}
::-webkit-scrollbar
{
    height:8px;
}
/*.container-main-menu .jqueryslidemenu::-webkit-scrollbar,*/
.search-row::-webkit-scrollbar
{
    display:none;
}
.container-main-menu .jqueryslidemenu > ul > li >a
{
    color:var(--main-color-title)!important;
    font-size: 18px;
    /*display: flex!important;
    align-items: center;*/
    
}
.container-main-menu .jqueryslidemenu > ul > li >a span
{
    margin-left: auto;
    font-size: 25px;
}
.container-main-menu .jqueryslidemenu ul li
{
    float:none;
    display: block;
    padding: 20px 15px 20px 40px;
}
.container-main-menu .jqueryslidemenu > ul > li:last-child
{
    padding-bottom:40px
}
.container-main-menu .jqueryslidemenu ul li .con-nav-child ul li
{
    padding: 20px 15px 20px 20px;
    width:100%
}
.container-main-menu .jqueryslidemenu ul li a
{
    background:#fff;
    color: #000;
}
.container-main-menu .jqueryslidemenu ul li a:hover,
.container-main-menu .jqueryslidemenu > ul > li:hover > a,
.container-main-menu .jqueryslidemenu > ul > li:hover > a:before,
.container-main-menu ul li a:hover:before
{
    color:var(--theme-color)!important;
    background:#fff!important
}
.container-main-menu .jqueryslidemenu .wapper-nav-child .con-nav-child > ul > li:hover > a
{
    color: #000!important;
    cursor: default;
}
.container-main-menu .jqueryslidemenu > ul li a,
.container-main-menu .jqueryslidemenu > ul li > ul li a
{
    font-weight:600
}
.container-main-menu ul li a.nav_li_a:hover:before
{
	font-weight: bold;
}
.container-main-menu ul li a:before
{
    font-family: FontAwesome;
	padding-right: 20px;
	color: var(--main-color-title);
	width: 41px;
	display:none
}
.container-main-menu ul li a[data-menu-cha*="HETHONG"]:before
{
	content: "\f085";
}

.container-main-menu ul li a[data-menu-cha*="QLHOPDONG"]:before
{
	content: "\f0ea";
}
.container-main-menu ul li a[data-menu-cha*="KTNghiepVu"]:before
{
	content: "\f0d6";
}

.container-main-menu ul li a[data-menu-cha*="QLTC"]:before
{
	content: "\f19c";
}
.container-main-menu ul li a[data-menu-cha*="QTVT"]:before
{
	content: "\f217";
}
.container-main-menu ul li a[data-menu-cha*="TS_KH"]:before
{
	content: "\f108 ";
}
.container-main-menu ul li a[data-menu-cha*="KHO_LN"]:before
{
	content: "\f1b3";
}
.container-main-menu ul li a[data-menu-cha*="PhieuDeNghi"]:before
{
	content: "\f0f6";
}
.container-main-menu ul li a[data-menu-cha*="BCKTOAN"]:before
{
	content: "\f080";
}
.scroll-body .wapper-logo-sys
{
    background: #fff;
    z-index: 999999;
}
.wapper-logo-sys {
    display: inline-flex;
    align-items: center;
    padding: 8px 15px;
}
.wapper-logo-sys img.logo
{
    position:static!important;
    width:167px!important;
    max-height: 44.5px;
    object-fit: contain;
}
.icon-nav {
    font-size: 40px;
    margin-left: 53px;
    color: var(--theme-color);
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    transition-duration: .25s;
}

.icon-nav-main
{
    height: 4px;
    background: var(--theme-color);
    width: 30px;
    position: relative;
    
}
.icon-nav-main:after,
.icon-nav-main:before
{
    height: 4px;
    background: var(--theme-color);
    width: 30px;
    position: absolute;
    transition-duration: .25s;
}
.icon-nav-main:after
{
    content:'';
    top:8px
}
.icon-nav-main:before
{
    content:'';
    top:-8px
}
.icon-nav.clicked .icon-nav-main
{
    transform: rotate(45deg);
}
.icon-nav.clicked .icon-nav-main:after
{
    top: 0;
    transform: rotate(90deg);
       
}
.icon-nav.clicked .icon-nav-main:before
{
    top: 0;
    transform: rotate(0);    
}

@-webkit-keyframes widthmenu {
  0% {
    width: 0;
  }
  50% {
    width: 185px;
  }
  100% {
    width: 290px;
  }
}
@-webkit-keyframes transformmenu {
  from {
    transform: translateX(-290px);
  }

  to {
    transform: translateX(0);
  }
}
@-webkit-keyframes overloadmenu {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.wapper-main-menu {
    background: #fff;
    height: 100%;
    transform: translateX(-300px);
    display: block!important;
    width:290px;
}
.container-main-menu.open-nav .wapper-main-menu {    
    /*-webkit-animation: transformmenu 0.3s ease-in;
    -webkit-animation-fill-mode: forwards;*/
    -webkit-animation: transformmenu 0.2s ease-in-out forwards;
    -moz-animation: transformmenu 0.2s ease-in-out forwards;
    -o-animation: transformmenu 0.2s ease-in-out forwards;
    animation: transformmenu 0.2s ease-in-out forwards;
}
.container-main-menu.open-nav
{
  -webkit-animation: widthmenu 1s ease-in;
  -webkit-animation-fill-mode: forwards;
  position:relative;
}
.container-main-menu.open-nav:before
{
    content:'';
    position: fixed;
    width: 100%;
    height: 100%;
    background: #00000052;
    top: 0;
    left: 0;
    opacity:0;
     -webkit-animation: overloadmenu .6s ease-in-out forwards;
    -moz-animation: overloadmenu .6s ease-in-out forwards;
    -o-animation: overloadmenu .6s ease-in-out forwards;
    animation: overloadmenu .6s ease-in-out forwards;
}
.container-main-screen
{
    display: flex;
}
.wapper-main-menu .jqueryslidemenu > ul
{
    width: 100%;
    height: calc(100% - 140px)!important;
    direction: ltr;
    /*padding:  15px;
    overflow-y: auto;
    overflow-x: hidden;*/
}
.wapper-main-menu .jqueryslidemenu ul li .nav_li_a
{
    float:none;
    width:100%;
    display: flex;
    padding: 0;
    align-items: center;
}
.wapper-main-menu .jqueryslidemenu ul li:hover .wapper-nav-child
{
    display:block;
    visibility:visible;
}
.wapper-main-menu .jqueryslidemenu ul li ul
{
    position:static;
    display:block;
    visibility:visible;
}
.wapper-main-menu .wapper-nav-child
{
    display:none;
    position: fixed;
    top: 65px;
    left: 280px;
    background: #fff;
    width: calc(100vw - 280px);
    height: calc(100vh - 120px);
    overflow-x: hidden;
    overflow-y: auto;
}
.wapper-main-menu .jqueryslidemenu ul li ul li
{
    background:none;
}
.wapper-main-menu .wapper-nav-child .con-nav-child
{
    padding:20px
}

.wapper-main-menu .jqueryslidemenu ul li ul li a
{
    border: none;
    width: 100%;
}
.wapper-main-menu .jqueryslidemenu .con-nav-child > ul > li
{
    display: inline-grid;
    width:33.3%!important
}
.wapper-main-menu .jqueryslidemenu .con-nav-child > ul li ul li 
{
    padding:0
}
.wapper-main-menu .jqueryslidemenu .con-nav-child > ul li ul li:first-child
{
    margin-top:10px
}
.wapper-main-menu .jqueryslidemenu .con-nav-child > ul li ul li a
{
    font-weight:400!important;
    padding: 3px;
}

.container-search-main {
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
}
.container-search-main .wapper-input-search-main
{
    position:relative;
    padding: 0px 20px;
    display: flex;
    align-items: center;
    margin:0;
}
.container-search-main .input-form
{
    font-family: var(--main-font);
    font-size: var(--main-font-size) !important;
    width: 100%;
    border-radius: 5px;
    height: 35px;
    border-color: var(--color-border);
    padding-right: 35px;
    padding-left: 10px;
}
.container-search-main .wapper-input-search-main i
{
    position: absolute;
    top: -8px;
    right: 30px;
    font-size: 29px;
    color: var(--theme-color);
    transform: translate(10px, 10px);
    height: 100%;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wapper-main-menu .wapper-nav-child .con-nav-child > ul li a
{
    font-weight:600;
    padding:3px
}
#popup_container
{
      
}
#popup_title {
    font-family: var(--main-font);
    font-size: 18px!important;
    background: var(--theme-color)!important;
}
#popup_content {
    font-family: var(--main-font);
}
#popup_content #popup_message{
    font-size: var(--main-font-size);
}
#popup_content #popup_panel input
{
    font-family: var(--main-font)!important;
    font-size:  var(--main-font-size)!important;
    color: #0F2429;
    background: #fff;
    box-shadow: 0px 3px 8px 1px #aeadb3;
    border-radius: 4px;
    transition:all 300ms
}

#remove_icon:hover
{
   transform: rotate(180deg);
}
#remove_icon {
    color: var(--theme-color);
    font-size:22px!important;
    top: -14px!important;
    right: -14px!important;
    background: #fff;
    border-radius: 25px;
    line-height: 25px;
    width: 30px;
    height: 30px;
    text-align: center;
    border: 2px solid;
    transition: all 300ms;
    display: flex;
    align-items: center;
    justify-content: center;
}
#remove_icon .fa-times:before,
.closeQTD2 .fa-times:before,
.closeQTD .fa-times:before,
.closeQTD_child .fa-times:before
{
    content: "\f156";
    font-family:"Material Design Icons";
}
#popup_content #popup_panel input:hover {
    box-shadow: 0px 2px 5px #aeadb3;
}
.container-notification .timeline-item::before {
    font-size: varr(--main-font-size);
    content: attr(date-is);
    position: absolute;
    left: 2em;
    font-weight: bold;
    top: 12px;
    display: block;
    font-weight: 700;
    font-weight: bold;
}

.container-notification .timeline-item::after
{
    width: 17px;
    height: 17px;
    display: block;
    top: 1em;
    position: absolute;
    left: -10px;
    border-radius: 10px;
    content: '';
    border: 3px solid var(--theme-color);
    background: #fff;
}
.container-mess-error
{
    position:relative;
    display:none;
    margin-bottom:20px
}
.content-mess-error {
    display: flex;
    align-items: center;
    padding: 10px;
    background: #ffdddd;
    position: relative;
    border-radius: 5px;
}
.icon-mess-error {
    font-size: 40px;
    color: var(--theme-color);
    padding: 0px 30px 0px 10px;
}
.note-upload-file .icon-mess-error
{
    font-size: 60px;
}
span.close-mess-error {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 18px;
    cursor: pointer;
    color: #785252;
}
.wapper-mess-error
{
    font-size: var(--main-font-size);
    color: #931813;
    font-weight: bold;
}
.item-mess {
    font-size: var(--main-font-size);
    color: #931813;
    margin: 3px 0;
    position: relative;
    padding-left: 15px;
}
.item-mess:before {
    content: "\f764";
    font-family: "Material Design Icons";
    font-size: 6px;
    position: absolute;
    left: 0;
    top: 8px;
}
.form-group-input label
{
    margin-bottom:0
}
.form-group-input.validate .error-validation
{
    display:block;
}
.error-vt
{
    border-color: rgb(204, 51, 51)!important;
    border-width: 2px!important;
}
.value-sl.errorsl
{
    border: 2px solid rgb(204, 51, 51);
}
.icon-error
{
    margin-right:3px
}
.error-validation {
    font-size: 14px;
    color: #cc3333;
    display: none;
    margin-top: 4px;
}
.error-validation:before {
    content: "\f026";
    margin-right: 3px;
    font-family: "Material Design Icons";
}
.mx-auto {
    margin: 0 auto;
    float: none!important;
    position:relative;
    
}

.mx-auto .title-field
{
    margin-bottom:5px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    
}
.ui-datepicker-calendar,
.ui-datepicker .ui-datepicker-title select{
    font-family: var(--main-font);
    font-size: var(--main-font-size)!important;
}
.ui-datepicker .ui-datepicker-header
{
    
}
.ui-state-default, 
.ui-widget-content .ui-state-default
{
    text-align:center;
}
.wapper-result-selected {
    margin-top: 10px;
}
.line-bot-nav
{
    height:3px;
    background:var(--color-actived-tab);
    position:absolute;
    bottom:-2px;
    transition: all 350ms;
    width:0;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: .4s!important;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@media not all, (prefers-reduced-motion: reduce)
{
    .animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1s !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 0.4s !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
    }
}
.container-search-home
{
    background: #fff;
}
.container-search-home .search-row
{
    margin-bottom:10px;
    padding:10px;
    font-size: var(--main-font-size);
    display: flex;
    align-items: center;
    box-shadow: 0px 1px 8px 1px #cccccd;
    border-radius: 5px;
    /*overflow-x: auto;*/
}
.container-search-home .search-row:last-child
{
    box-shadow:none;
    padding-left: 0;
    padding-right: 0;
    
}
.wapper-fieldset .container-search-home .search-row:last-child
{
    overflow: auto;
}
.container-search-home .search-row .wapper-form-search + div
{
    display:flex!important
}
.container-search-home .search-row .wapper-form-search + div .icon-button
{
        margin-left: 4px;
}
.container-search-home .result-label-search
{
    display: flex;
    align-items: center;
    color:#252B42
}
.container-search-home .result-label-search i,
.container-search-home .result-label-icon i
{
    font-size: 22px;
}
.container-search-home .result-label-search .label-result
{
    margin: 0 5px;
    white-space: nowrap;
}
.container-search-home .result-label-search .label-result.not-date
{
    color: #999;
}
.col-search {
    margin-right: 30px;
    padding: 7px;
    cursor: pointer;
    border-radius: 5px;
    position:relative;
}
.col-search:hover,
.col-search:hover .mdi-gop {
    background: #e5e5e5;
}

.result-label-icon {
    display: flex;
    align-items: center;
}
.result-label-icon i
{
    margin-right:5px
}
                
.wapper-tree-home .container-btn-tree button
{
    height: 28px;
    background: transparent!important;
    border: none!important;
    padding-right: 45px!important;
    min-width:270px;
    max-width:350px;
    padding-left:0;
}       
.wapper-tree-home .container-btn-tree .open > .btn-primary
{
    background-color: transparent !important;
    color: #252B42 !important;
    border: none !important;
}         
.search-row .container-button
{
    margin:0;
    margin-left:auto;
    white-space: nowrap;
}
.button-action-title
{
    display: flex;
    align-items: center;
    margin-left: 30px;
    white-space: nowrap;
    margin-right: 20px;
}
.button-action-title > span
{
    margin-left: 5px;
    font-size:var(--main-font-size);
}
.container-filter-home {
    margin-left: auto;
    white-space: nowrap;
}
.content-detail-search {
    min-width: 250px;
    border: 0px solid #ccc;
    border-color: rgba(0,0,0,.2);
    box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    border-radius: 5px;
    padding: 20px;
    position: absolute;
    z-index: 100;
    background: #fff;
    top: 38px;
    display:none;
}
.container-date-input {
    display: flex;
    align-items: center;
}
.line-space-date {
    width: 45px;
    border-bottom: 1px solid #ccc;
}
.container-button-date {
    margin-top: 10px;
}
.button-choose-date {
    cursor: pointer;
    padding: 5px;
    text-align: center;
    border: 1px solid #C4C4C4;
    border-radius: 8px;
    margin: 20px 0;
}
.result-label-search .icon-close-date
{
    color: var(--theme-color);
    font-size: 15px!important;
    font-weight: bold;
    display:none;
}
.container-btn-tree .delete-chiphi
{
    color: var(--theme-color);
    margin-left: auto;
    position: absolute;
    right: 20px;
    top: 5px;
    display:none;
}
.container-btn-tree .delete-chiphi .icon-close-chiphi
{
    font-size: 15px;
    font-weight: bold;
}

.wapper-tree-home .container-btn-tree .treeview a[id=''] {
   display:none
}
.icon-close-nhathau,.icon-close-bank
{
    right: 30px;
    color: var(--theme-color)!important;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 17px;
    display:none;
}
.icon-close-bank
{
    right: 5px;
}
.total-records {
    margin-left: 20px;
}
.show-row {
    cursor: pointer;
    position: relative;
    margin-right: 20px;
}
.container-isrow
{
    display: flex;
    align-items: center;
    /*box-shadow: 0px 3px 8px 1px #aeadb3;*/
    padding: 5px 5px;
    border-radius: 5px;
    margin: 5px 0;
    transition: 300ms all;
    border: 1px solid #ddd;
}
.wapper-show-row
{
    position: absolute;
    bottom: 40px;
    background: #fff;
    border: 0px solid #ccc;
    border-color: rgba(0,0,0,.2);
    box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    width: 100%;
    border-radius: 5px;
    z-index: 100;
    display: none;
}
.wapper-show-row ul
{
    margin-bottom:0;
}
.wapper-show-row ul li {
    padding: 5px;
    cursor:pointer;
    transition:all 300ms;
    text-align:center
}
.wapper-show-row ul li:hover {
    background:#eee
}
.content-search-more {
    min-width: 370px;
    border: 0px solid #ccc;
    border-color: rgba(0,0,0,.2);
    box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    border-radius: 5px;
    position: absolute;
    z-index: 100;
    background: #fff;
    top: 38px;
    right:0;
    font-size: var(--main-font-size);
    display:none;
}

.header-search-more {
    padding: 10px;
}

.title-search-more {
    color: #2C6B7C;
    font-weight: bold;
    text-transform: uppercase;
    font-family: var(--main-font-bold);
    text-align: center;
    margin-bottom: 10px;
    position:relative;
}
.title-item-more {
    color: #252B42;
    text-align: center;
    padding: 7px;
    font-weight:bold
}
.wappert-item-more {
    margin-bottom: 10px;
}
.content-item-more {
    padding: 10px;
}
.choose-value-more {
    overflow: hidden;
    margin: 0;
}
.choose-value-more li {
    display: inline-grid;
    width: 50%;
    float: left;
}

.choose-value-more li span {
    padding: 5px 2px;
    border: 1px solid #C4C4C4;
    margin: 0 10px;
    border-radius: 5px;
    text-align: center;
}
.choose-value-more li.choose-paramater span {
    background:#C4C4C4
}
.reset-button {
    position: absolute;
    top: -1px;
    font-size: 13px;
    box-shadow: 0px 3px 8px 1px #aeadb3;
    right: 0px;
    padding: 2px 8px;
    border-radius: 50px;
    color: #0F2429;
    transition:all 300ms;
    background: #fff;
}

.reset-button:hover,
.container-isrow:hover {
    box-shadow: 0px 2px 5px #aeadb3;
}
.placeholder-button-tree {
    margin: 0;
    font-weight: normal;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    cursor: pointer;
}
.icon-trangthai
{
    font-size:25px!important;
    margin-right: 0!important;
}
.wapper-button-head-table.left
{
    justify-content: flex-start;
}
.wapper-button-head-table
{
    margin: 5px 0px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /*overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 10px;*/
}
.wapper-button-head-table .button-action
{
    white-space:nowrap
}
.wapper-button-head-table::-webkit-scrollbar,
.table-fixed-detail::-webkit-scrollbar
{
    display:none;
}
.show-all
{
    margin-right:3px;
    font-size: 13px;
    color: var(--theme-color);
    margin-right: 3px;
    margin-top: 5px;
    cursor:pointer;
    float:left
}
.record-del
{
    cursor:pointer
}
.syb-icon
{
    font-size:15px;
}
.btn-disabled-click
{
    opacity:0.6;
    pointer-events: none;
}
.clear-both
{
    clear:both
}

.line-left-home:before
{
    content: '';
    position: absolute;
    height: 100%;
    border-left: 1px solid #cfcfcf;
    left: -1px;
    top: 0px;
}
.line-right-home:before
{
    content: '';
    position: absolute;
    height: 100%;
    border-left: 1px solid #cfcfcf;
    right: 0;
    top: 0;
}
.titl-show-hide
{
    font-size:var(--main-font-size)
}
.code-idname
{
    max-width: 100px;
    word-wrap: break-word;
    line-break: anywhere;
    display:block
}
.code-idname-2
{
    max-width: 165px;
    word-wrap: break-word;
    line-break: anywhere;
    display:block
}
.code-idname-135
{
    max-width: 135px;
    word-wrap: break-word;
    line-break: anywhere;
    display:block
}
.wapper-check,
.item-check {
    display: flex;
    align-items: center;
}
.item-check {
    margin-right: 30px;
    margin-left: 5px;
}
.item-check input,
.item-check label {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
    margin-right: 13px!important;
    font-size: var(--main-font-size);
    font-weight: normal;
}
.item-check input[type='checkbox']
{
    zoom:1.4;
    margin-right:4px!important;
}
.select-more-duyet {
    margin-left: auto;
    display:none;
}
.container-uutien-duyet
{
    display:none;
}
.select-more-duyet select{
    font-size: var(--main-font-size);
    margin-left:5px;
    border-color: var(--color-border);
    border-radius: 5px;
    padding: 3px;
}
.item-quytrinh-duyet {
    display: flex;
    margin: 15px 0;
}
.check-quytrinh input {
    margin-top: 0;
}
.check-quytrinh {
    padding: 5px;
    margin-right: 10px;
}
.name-quytrinh-duyet {
    font-size: var(--main-font-size);
    font-weight: 600;
    color: var(--main-color-title);
    margin: 0px 0 5px 0;
}
.buocduyet-quytrinh-duyet
{
    font-size: var(--main-font-size);
}
.note-upload-file {
    color: #c11f1f;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-size: var(--main-font-size);
}
.note-upload-file  ul{
    list-style-type: circle; 
    margin-left: 20px;
}
.prioritized-label
{
    font-weight: bold; 
    color: Red;
    font-size: 18px;
}
.content-table tr:hover,
.content-table tr:hover .td-left-fixed,
.content-table tr:hover .td-left-fixed-r,
.content-table tr:hover .tbody-fixed,
.content-table tr:hover .td-right-fixed,
.content-table tr.active-tr,
.content-table tr:hover .select2-container--default .select2-selection--single,
.content-table-merce tr:hover,
.content-table-merce tr:hover .td-left-fixed,
.content-table-merce tr:hover .td-left-fixed-r,
.content-table-merce tr:hover .tbody-fixed,
.content-table-merce tr:hover .td-right-fixed,
.content-table-merce tr.active-tr,
.content-table-merce tr.active-tr-cl,

.content-table-merce tr.active-tr .td-left-fixed,
.content-table-merce tr.active-tr .tbody-fixed,
.content-table-merce tr.active-tr .td-right-fixed,
.content-table-merce tr.active-tr .td-left-fixed-r,
.content-table-merce tr.active-tr-cl .td-left-fixed,
.content-table-merce tr.active-tr-cl .tbody-fixed,
.content-table-merce tr.active-tr-cl .td-right-fixed,
.content-table-merce tr.active-tr-cl .td-left-fixed-r,

.content-table tr.active-tr .td-left-fixed,
.content-table tr.active-tr .td-left-fixed-r,
.content-table tr.active-tr .tbody-fixed,
.content-table tr.active-tr .select2-container--default .select2-selection--single,
.content-table tr.active-tr-cl .select2-container--default .select2-selection--single,
.content-table-merce tr.active-tr .select2-container--default .select2-selection--single,
.content-table-merce tr.active-tr-cl .select2-container--default .select2-selection--single,
.content-table tr.active-tr .td-right-fixed
{
    background: #eee!important;
}
.footer-table
{
   color:var(--footer-color);
   font-weight:bold;
   text-transform:uppercase
}
table.tbl .footer-table th
{
    background:#fff!important;
    text-transform:uppercase!important;
    color:var(--footer-color)!important;
    font-weight:bold!important;
    font-size:var(--main-font-size);
}
.content-table .parent-root
{
    color: #31708f;
    font-weight: bold;
}
.infor-user-duyet
{
    padding: 10px 0;
    font-weight: 600;
    font-size: var(--main-font-size);
}
.container-uutien-duyet
{
    margin-bottom:10px
}
.wapper-quytrinh
{
    font-size: var(--main-font-size);
}
.no-scroll
{
    overflow:hidden
}
.scroll-fixed-last:before
{
    content: '';
    position: absolute;
    right: -2px;
    /*width: 100%;*/
    height: calc(100% + 2px);
    border-right: 3px solid var(--color-border-tbl);
    display: block;
    top: -1px;
}
.scroll-fixed-last.scroll-fixed:before
{
   border-right:none; 
}
.button-action:before
{
    margin-right: 4px;
    font-size: 25px;
    color: var(--theme-color);
    font-family: "Material Design Icons";
    width: 25px;
    height: 25px;
    align-items: center;
    justify-content: center;
    display:none;
}
.button-action.button-create-copy:before
{
    content: '\f18f';
    display: inline-flex;
}
.button-action.button-create-orther:before
{
    /*content: '\f214';*/
    content: '\f419';
    display: inline-flex;
    
}
.button-create-orther-dong:before
{
    content: '\f156';
    display: inline-flex;
}
.button-action.button-luu-phieu:before
{
    content: '\f193';
    display: inline-flex;
    
}
.button-action.button-tro-ve:before
{
    content: '\f30d';
    display: inline-flex;
}
.button-reset-password:before
{
    content: '\f772';
    display: inline-flex;
}
.button-action.button-gui-duyet:before
{
    content: '\f501';
    display: inline-flex;
}
.button-action.button-duyet-phieu:before
{
    content: '\f5e0';
    display: inline-flex;
}
.button-action.button-lay-phieu:before
{
    content: '\f6ea';
    display: inline-flex;
}
.button-action.button-chuyen-nhan-vien:before
{
    content: '\f00a';
    display: inline-flex;
}
.button-action.button-tra-lai:before
{
    content: '\f459';
    display: inline-flex;
}
.button-action.button-xuat-file:before
{
    content: '\f21d';
    display: inline-flex;
}
.button-action.button-copy:before
{
    content: '\f18f';
    display: inline-flex;
}
.button-action.button-print:before
{
    content: '\f42a';
    display: inline-flex;
}
.button-action.button-add-phieu:before
{
    content: '\f419';
    display: inline-flex;
}

.table-form input[type='checkbox'],
.table-form input[type='radio']
{
    zoom:1.5;
    margin-top: 0;
}

.wapper-form0radio
{
    font-size:var(--main-font-size);
    margin-top: 10px;
    display: flex;
    align-items: center;
} 
.wapper-form0radio label
{
    margin-right:20px;
    font-weight:normal;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.wapper-form0radio input
{
    zoom:1.5;
    margin: 0 5px 0 0!important;
}  
.select2-container--default .select2-search--dropdown .select2-search__field
{
    font-size: var(--main-font-size);
    font-family: var(--main-font);
    width: 100%;
    border-radius: 5px;
    border-color: var(--color-border)!important;
}
.select2-dropdown
{
    border-color:var(--color-border)!important;
}

tr.is-row-background,
tr.is-row-background .td-left-fixed
{
  background: #e3eff2!important;
}
td.td-left-fixed-r
{
    position: sticky;
    z-index: 9;
    right:0;
    background: #fff;
}
th.td-left-fixed-r
{
    position: sticky;
    z-index: 9;
    right:0;   
}

/*---Datetime picker*/
#ui-datepicker-div .ui-widget-header .ui-icon
{
    background:none;
    
}
#ui-datepicker-div.ui-widget-content 
{
    border: 0px solid #ccc;
    border-color: rgba(0,0,0,.2);
    box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    border-radius: 5px;
    padding: 10px 15px;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev:hover,
#ui-datepicker-div.ui-datepicker .ui-datepicker-next:hover
{
    text-decoration:none;
    cursor:pointer;    
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-next, 
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev
{
    background:#fff!important;
    color:#000!important;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev:before
{
    content:"\f141";
    font-family: "Material Design Icons";
    font-size:23px    
}
#ui-datepicker-div .ui-widget-header .ui-datepicker-next:before
{
    content:"\f142"; 
    font-family: "Material Design Icons";
    font-size:23px   
}

#ui-datepicker-div .ui-widget-header
{
    border: none;
    background: none;
    color:#000
}

#ui-datepicker-div.ui-datepicker select.ui-datepicker-month, 
#ui-datepicker-div.ui-datepicker select.ui-datepicker-year
{
    border: 1px solid var(--color-border);
    border-radius: 5px;
    font-weight:600
}
#ui-datepicker-div.ui-datepicker select.ui-datepicker-year
{
    margin-left:1%;
    width:35%;
}
#ui-datepicker-div.ui-datepicker select.ui-datepicker-month
{
    margin-right:1%;
    width: 63%;
}
#ui-datepicker-div table.ui-datepicker-calendar thead
{
    background:#fff;
    color:#000
}
#ui-datepicker-div .ui-state-default, 
#ui-datepicker-div.ui-widget-content .ui-state-default
{
    border: none;
    background: none;
    color: #000000;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
}
#ui-datepicker-div .ui-state-hover,
#ui-datepicker-div.ui-widget-content .ui-state-hover, 
#ui-datepicker-div .ui-state-focus, 
#ui-datepicker-div.ui-widget-content .ui-state-focus,
#ui-datepicker-div .ui-state-active, 
#ui-datepicker-div.ui-widget-content .ui-state-active
{
    border: none;
    background: var(--main-color-bg);
    color: #fff;
    
}
#ui-datepicker-div .ui-state-highlight:before, 
#ui-datepicker-div.ui-widget-content .ui-state-highlight:before
{
    content: '';
    position: absolute;
    right: 3px;
    bottom: 3px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #62a5b7;
    transform: rotate(45deg);
}
#ui-datepicker-div .ui-state-active.ui-state-highlight:before, 
#ui-datepicker-div .ui-state-hover.ui-state-highlight:before, 
#ui-datepicker-div.ui-widget-content .ui-state-active.ui-state-highlight:before
{
    content: '';
    position: absolute;
    right: 3px;
    bottom: 3px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #fff;
    transform: rotate(45deg);
}
.button-cate-more.click-cate
{
    margin-right: 5px;
    width: 30px;
    display:none
}
.button-cate-more .icon-button .mdi,
.button-cate-more span
{
    transition:300ms all;
}
.button-cate-more.click-cate .mdi
{
   transform: rotate(135deg);
}
.button-cate-more.click-cate span
{
   opacity:0;
   visibility: hidden;
   display:none
}
.button-cate-vt {
    opacity: 0;
    visibility: hidden;
    
}
.button-cate-vt.show-button
{
  -webkit-animation: show-button 0.3s ease-in-out;
  -webkit-animation-fill-mode: forwards;
}
.button-cate-vt.hide-button
{
    opacity: 0;
    visibility: hidden;
}
@-webkit-keyframes show-button {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
  }
}
.empty-value
{
    font-size: var(--main-font-size);
    color: #ccc;
}
.empty-value.have-value
{
    font-style:italic;
    font-size: var(--main-font-size);
    color: blue;
    
}
.title-name-ssg
{
    color: #fff!important;
}
.title-name-ssg:hover
{
    text-decoration: underline;
}
.container-action-ncc .mdi{
    font-size: 18px;
}
.container-action-ncc {
    align-items: center;
    justify-content: center;
}
.container-action-ncc .icon-delete-ncc{
    /*background: #ff4040;*/
    border-radius: 50%;
}
.container-action-ncc .icon-delete-ncc i,
.container-action-ncc .icon-update-ncc i{
    color: #ffffff;
}
.container-action-ncc .icon-update-ncc{
    background: #0f4c99;
    border-radius: 50%;
}
.line-name-ncc {
    width: 100%;
    height: 25px;
}
.hide-table
{
    display:none;
}
.container-radio-duyet {
    display: flex;
    align-items: center;
    margin-right: 10px;
}
.item-radio-duyet-ssg {
    display: flex;
    align-items: center;
    margin-left: 25px;
}
.item-radio-duyet-ssg input
{
      margin: 0 5px 0 0!important;
    zoom: 1.5; 
}
.item-radio-duyet-ssg label {
    margin: 0;
    cursor:pointer;
    font-weight: 500;
}
.title-list
{
  color: var(--main-color-title); 
  font-weight: 700;
  margin-left:0;
  margin-right:5px
}
.icon-search-input
{
    position: absolute;
    right: 32px;
    top: 0px;
    cursor: pointer;
    height: 100%;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon-search-input:before
{
    content: "\f156";
    font-family: "Material Design Icons";
    color: var(--theme-color);
    font-size: 21px!important;
}
.bank-infor.hide
{
    display:none;
}
.category-selected .cat-selected-item {
    color: var(--theme-color);
    font-weight: 700;
}
.category-selected .cat-selected-item .arrow-selected {
    font-size: 16px;
    margin: 0 7px;
}
.container-button a:hover
{
    text-decoration:none
}
/*--- Đăng nhập form ---*/

.container-login-form
{
    display:flex;
    height: 100vh;
}
.container-form-input {
    width: 45%;
    position:relative
}
.container-right-sidebar {
    width: 55%;
}
.container-form-input .img-logo {
    width: 100%;
    max-height: 90px;
    object-fit: contain;
}
.wapper-infor-form {
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    left: 50%;
    width: 100%;
    padding: 70px;
}
.container-right-sidebar .wapper-sliders .item-slider
{
    height:100vh;
    position:absolute;
    opacity: 0;
	z-index: 1;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	transition: opacity 1s;
}
.container-right-sidebar .wapper-sliders .item-slider img
{
    width:100%;
    height:100%; 
        object-fit: cover;  
}
.container-right-sidebar .wapper-sliders .item-slider.showing{
	opacity: 1;
	z-index: 2;
}
.container-right-sidebar .wapper-sliders
{
    position:relative;
    width: 100%;
    height: 100%;
}
.wapper-infor-form .wapper-logo
{
    margin-bottom:50px
}
.wapper-form-input .form-input {
    background: #F1F1F1;
    margin-bottom: 25px;
    border-radius: 50px;  
    position: relative; 
    
}
.wapper-form-input
{
    padding: 0 50px;
}
.wapper-form-input .form-input .input {
    font-family: var(--main-font);
    font-size: var(--main-font-size) !important;
    border-radius: 50px;
    padding: 15px 50px;
    border: none;
    width: 100%;
    background: transparent;
    -webkit-appearance: none; 
    outline: none;
}
.wapper-form-input .form-input .icon-input {
    font-size: 25px;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    
}
.wapper-form-input .form-input .icon-view
{
    font-size: 22px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    cursor:pointer;
}
.wapper-form-input .form-input .input::-webkit-input-placeholder { /* Edge */
  color: #0A181A;
}

.wapper-form-input .form-input .input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #0A181A;
}

.wapper-form-input .form-input .input::placeholder {
  color: #0A181A;
}
.wapper-form-input .form-input .input:autofill {
  border: none;
  background:transparent;
}
.wapper-form-input .form-input .input:-webkit-autofill {
  border: none;
  background:transparent;
}

.wapper-form-input .form-input .input:-webkit-autofill,
.wapper-form-input .form-input .input:-webkit-autofill::first-line,
.wapper-form-input .form-input .input:-webkit-autofill:hover, 
.wapper-form-input .form-input .input:-webkit-autofill:focus,
.wapper-form-input .form-input .input:-webkit-autofill:active {
  border:  1px solid transparent;
  -webkit-text-fill-color: #000;
  -webkit-box-shadow: 0 0 0px 30px #F1F1F1 inset;  
  transition: background-color 5000s ease-in-out 0s;
  font-family: var(--main-font);
  font-size: var(--main-font-size) !important;
  height: 52px;
}
input:-webkit-autofill::first-line {font-size: 36px}
.wapper-form-input .form-input .input:-webkit-autofill::first-line
{
    font-family: var(--main-font);
    font-size: var(--main-font-size) !important;
}
.wapper-form-input .form-input .input:-internal-autofill-previewed {
  font-size: 22px !important;
}
.wapper-form-input .form-button
{
    margin: 40px 60px;
    text-align:center
}
.wapper-form-input .form-button .button{
    background: #04828F;
    border: none;
    padding: 15px;
    font-family: var(--main-font);
    font-size: var(--main-font-size) !important;
    border-radius: 50px;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    cursor:pointer;
    
}
.wapper-form-input .form-button .button.submiting
{
    pointer-events: none;
}

.wapper-form-input .form-button .button i{
     font-size: 22px;
}
.wapper-sliders .point-arrow {
    position: absolute;
    bottom: 20px;
    left: 20px;
    display: flex;
    z-index: 9;
    align-items: center;
}
.wapper-sliders .item-point {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: rgb(255 255 255 / 55%);
    margin-right: 10px;
    cursor: pointer;
    transition: all 300ms;
    border: 2px solid #fff;
}
.wapper-sliders .item-point.current,
.wapper-sliders .item-point:hover {
    background: #931813;
}
/*----------------------*/

.information-more li
{
    display: flex;
    align-items: center;
    margin: 5px 0;
}
.wapper-type-font {
    display: flex;
    align-items: center;
}
.type-font-item {
    display: flex;
    align-items: center;
    margin-right: 35px;
}
.type-font-item label
{
    font-size:var(--main-font-size);
    font-weight: 500;
    margin:0 0 0 5px;
    cursor:pointer;
}
.type-font-item input
{
    margin:0!important;
    zoom: 1.5;
}
.icon-show
{
   cursor:pointer 
}
.container-table-detail .container-table-fixed
{
   max-height: calc(100vh - 311px);
   overflow:auto;
   
}
/*.container-table-detail .container-table-fixed::-webkit-scrollbar-thumb
{
    display:none
}
.container-table-detail .container-table-fixed:hover::-webkit-scrollbar-thumb
{
    display:block
}*/
.container-chitiet.full-screen .container-table-fixed
{
    min-height: calc(100vh - 0px)!important;
}
.content-history.hide-his
{
    display:none
}
.icon-nav.icon-show-nav
{
    transition-duration: 0.5s;
    position:relative;
    width:35px;
    margin-left: 58px;
}
.icon-nav.icon-show-nav .mdi{
    transition-duration: 0.5s;
    position: absolute;
    height: 4px;
    width: 100%;
    top: 18px;
    background-color: var(--theme-color);
    border-radius: 50px
}
.icon-nav.icon-show-nav.clicked .mdi {
    transition-duration: 0.5s;
    background: transparent;
}
.icon-nav.icon-show-nav .mdi:before {
    transition-duration: 0.5s;
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: var(--theme-color);
    content: "";
    top: -10px;
    border-radius: 50px;
}
.icon-nav.icon-show-nav.clicked .mdi:before {
    transform: rotateZ(45deg) scaleX(1.25) translate(8px, 4px);
    width: 80%;
}
.icon-nav.icon-show-nav .mdi:after {
    transition-duration: 0.5s;
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: var(--theme-color);
    content: "";
    top: 10px;
    border-radius: 50px;
}
.icon-nav.icon-show-nav.clicked .mdi:after {
    transform: rotateZ(-45deg) scaleX(1.25) translate(8px, -5px);
    width: 80%;
}
.icon-gop
{
    position:relative;
    margin-right: 5px;
}
.icon-gop .mdi-gop
{
    position: absolute;
    font-size: 14px!important;
    bottom: 0px;
    left: 17px;
    margin: 0;
    background: #fff;
}
.tooltipmssg:hover:after
{
    z-index:100!important
}
.container-doituong
{
    font-family: var(--main-font) !important;
    font-size: var(--main-font-size);
}
.tooltipmssg:hover:after
{
    border-radius: 5px;
    font-size: var(--main-font-size);
    width:100%
}
.hide-input-time
{
    background-color: #ddd;
    pointer-events: none;
}
.has-unit.unit-thue::after
{
    background: transparent
}
.title-tooltip:hover
{
    z-index:100
}
.pagination a, .pagination a:link, .pagination a:active, .pagination a:visited
{
    border: none;
    color: var(--theme-color)!important;
    border-radius: 0px;
    text-decoration: none;
    font-weight: bold;
    display: inline-flex;
    min-width: 40px;
    height: 32px;
    align-items: center;
    justify-content: center;
    font-size: var(--main-font-size);
    background: transparent;
    position: relative;
}
.pagination a:hover:after,
.pagination .current:after
{
    content: '';
    position: absolute;
    border-bottom: 1px solid #6E120E;
    width: 60%;
    bottom: 5px;
}
.pagination .current
{
    display: inline-flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    font-size: var(--main-font-size);
    position: relative;
    background-color: transparent!important;
    border: 0;
    color: #3B8EA5!important;
    border-radius: 0;
}
.td-error
{
    background:#ffdddd
}