/*!* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)*/
@font-face {
    font-family: FontAwesome;
    src: url(fontawesome-webfont.674f50d287a8c48dc19b.eot);
    src: url(fontawesome-webfont.674f50d287a8c48dc19b.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(fontawesome-webfont.af7ae505a9eed503f8b8.woff2) format("woff2"), url(fontawesome-webfont.fee66e712a8a08eef580.woff) format("woff"), url(fontawesome-webfont.b06871f281fee6b241d6.ttf) format("truetype"), url(fontawesome-webfont.912ec66d7572ff821749.svg#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.fa-ul > li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714286em
}

.fa-border {
    padding: .2em .25em .15em;
    border: .08em solid #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\F000"
}

.fa-music:before {
    content: "\F001"
}

.fa-search:before {
    content: "\F002"
}

.fa-envelope-o:before {
    content: "\F003"
}

.fa-heart:before {
    content: "\F004"
}

.fa-star:before {
    content: "\F005"
}

.fa-star-o:before {
    content: "\F006"
}

.fa-user:before {
    content: "\F007"
}

.fa-film:before {
    content: "\F008"
}

.fa-th-large:before {
    content: "\F009"
}

.fa-th:before {
    content: "\F00A"
}

.fa-th-list:before {
    content: "\F00B"
}

.fa-check:before {
    content: "\F00C"
}

.fa-close:before, .fa-remove:before, .fa-times:before {
    content: "\F00D"
}

.fa-search-plus:before {
    content: "\F00E"
}

.fa-search-minus:before {
    content: "\F010"
}

.fa-power-off:before {
    content: "\F011"
}

.fa-signal:before {
    content: "\F012"
}

.fa-cog:before, .fa-gear:before {
    content: "\F013"
}

.fa-trash-o:before {
    content: "\F014"
}

.fa-home:before {
    content: "\F015"
}

.fa-file-o:before {
    content: "\F016"
}

.fa-clock-o:before {
    content: "\F017"
}

.fa-road:before {
    content: "\F018"
}

.fa-download:before {
    content: "\F019"
}

.fa-arrow-circle-o-down:before {
    content: "\F01A"
}

.fa-arrow-circle-o-up:before {
    content: "\F01B"
}

.fa-inbox:before {
    content: "\F01C"
}

.fa-play-circle-o:before {
    content: "\F01D"
}

.fa-repeat:before, .fa-rotate-right:before {
    content: "\F01E"
}

.fa-refresh:before {
    content: "\F021"
}

.fa-list-alt:before {
    content: "\F022"
}

.fa-lock:before {
    content: "\F023"
}

.fa-flag:before {
    content: "\F024"
}

.fa-headphones:before {
    content: "\F025"
}

.fa-volume-off:before {
    content: "\F026"
}

.fa-volume-down:before {
    content: "\F027"
}

.fa-volume-up:before {
    content: "\F028"
}

.fa-qrcode:before {
    content: "\F029"
}

.fa-barcode:before {
    content: "\F02A"
}

.fa-tag:before {
    content: "\F02B"
}

.fa-tags:before {
    content: "\F02C"
}

.fa-book:before {
    content: "\F02D"
}

.fa-bookmark:before {
    content: "\F02E"
}

.fa-print:before {
    content: "\F02F"
}

.fa-camera:before {
    content: "\F030"
}

.fa-font:before {
    content: "\F031"
}

.fa-bold:before {
    content: "\F032"
}

.fa-italic:before {
    content: "\F033"
}

.fa-text-height:before {
    content: "\F034"
}

.fa-text-width:before {
    content: "\F035"
}

.fa-align-left:before {
    content: "\F036"
}

.fa-align-center:before {
    content: "\F037"
}

.fa-align-right:before {
    content: "\F038"
}

.fa-align-justify:before {
    content: "\F039"
}

.fa-list:before {
    content: "\F03A"
}

.fa-dedent:before, .fa-outdent:before {
    content: "\F03B"
}

.fa-indent:before {
    content: "\F03C"
}

.fa-video-camera:before {
    content: "\F03D"
}

.fa-image:before, .fa-photo:before, .fa-picture-o:before {
    content: "\F03E"
}

.fa-pencil:before {
    content: "\F040"
}

.fa-map-marker:before {
    content: "\F041"
}

.fa-adjust:before {
    content: "\F042"
}

.fa-tint:before {
    content: "\F043"
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\F044"
}

.fa-share-square-o:before {
    content: "\F045"
}

.fa-check-square-o:before {
    content: "\F046"
}

.fa-arrows:before {
    content: "\F047"
}

.fa-step-backward:before {
    content: "\F048"
}

.fa-fast-backward:before {
    content: "\F049"
}

.fa-backward:before {
    content: "\F04A"
}

.fa-play:before {
    content: "\F04B"
}

.fa-pause:before {
    content: "\F04C"
}

.fa-stop:before {
    content: "\F04D"
}

.fa-forward:before {
    content: "\F04E"
}

.fa-fast-forward:before {
    content: "\F050"
}

.fa-step-forward:before {
    content: "\F051"
}

.fa-eject:before {
    content: "\F052"
}

.fa-chevron-left:before {
    content: "\F053"
}

.fa-chevron-right:before {
    content: "\F054"
}

.fa-plus-circle:before {
    content: "\F055"
}

.fa-minus-circle:before {
    content: "\F056"
}

.fa-times-circle:before {
    content: "\F057"
}

.fa-check-circle:before {
    content: "\F058"
}

.fa-question-circle:before {
    content: "\F059"
}

.fa-info-circle:before {
    content: "\F05A"
}

.fa-crosshairs:before {
    content: "\F05B"
}

.fa-times-circle-o:before {
    content: "\F05C"
}

.fa-check-circle-o:before {
    content: "\F05D"
}

.fa-ban:before {
    content: "\F05E"
}

.fa-arrow-left:before {
    content: "\F060"
}

.fa-arrow-right:before {
    content: "\F061"
}

.fa-arrow-up:before {
    content: "\F062"
}

.fa-arrow-down:before {
    content: "\F063"
}

.fa-mail-forward:before, .fa-share:before {
    content: "\F064"
}

.fa-expand:before {
    content: "\F065"
}

.fa-compress:before {
    content: "\F066"
}

.fa-plus:before {
    content: "\F067"
}

.fa-minus:before {
    content: "\F068"
}

.fa-asterisk:before {
    content: "\F069"
}

.fa-exclamation-circle:before {
    content: "\F06A"
}

.fa-gift:before {
    content: "\F06B"
}

.fa-leaf:before {
    content: "\F06C"
}

.fa-fire:before {
    content: "\F06D"
}

.fa-eye:before {
    content: "\F06E"
}

.fa-eye-slash:before {
    content: "\F070"
}

.fa-exclamation-triangle:before, .fa-warning:before {
    content: "\F071"
}

.fa-plane:before {
    content: "\F072"
}

.fa-calendar:before {
    content: "\F073"
}

.fa-random:before {
    content: "\F074"
}

.fa-comment:before {
    content: "\F075"
}

.fa-magnet:before {
    content: "\F076"
}

.fa-chevron-up:before {
    content: "\F077"
}

.fa-chevron-down:before {
    content: "\F078"
}

.fa-retweet:before {
    content: "\F079"
}

.fa-shopping-cart:before {
    content: "\F07A"
}

.fa-folder:before {
    content: "\F07B"
}

.fa-folder-open:before {
    content: "\F07C"
}

.fa-arrows-v:before {
    content: "\F07D"
}

.fa-arrows-h:before {
    content: "\F07E"
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\F080"
}

.fa-twitter-square:before {
    content: "\F081"
}

.fa-facebook-square:before {
    content: "\F082"
}

.fa-camera-retro:before {
    content: "\F083"
}

.fa-key:before {
    content: "\F084"
}

.fa-cogs:before, .fa-gears:before {
    content: "\F085"
}

.fa-comments:before {
    content: "\F086"
}

.fa-thumbs-o-up:before {
    content: "\F087"
}

.fa-thumbs-o-down:before {
    content: "\F088"
}

.fa-star-half:before {
    content: "\F089"
}

.fa-heart-o:before {
    content: "\F08A"
}

.fa-sign-out:before {
    content: "\F08B"
}

.fa-linkedin-square:before {
    content: "\F08C"
}

.fa-thumb-tack:before {
    content: "\F08D"
}

.fa-external-link:before {
    content: "\F08E"
}

.fa-sign-in:before {
    content: "\F090"
}

.fa-trophy:before {
    content: "\F091"
}

.fa-github-square:before {
    content: "\F092"
}

.fa-upload:before {
    content: "\F093"
}

.fa-lemon-o:before {
    content: "\F094"
}

.fa-phone:before {
    content: "\F095"
}

.fa-square-o:before {
    content: "\F096"
}

.fa-bookmark-o:before {
    content: "\F097"
}

.fa-phone-square:before {
    content: "\F098"
}

.fa-twitter:before {
    content: "\F099"
}

.fa-facebook-f:before, .fa-facebook:before {
    content: "\F09A"
}

.fa-github:before {
    content: "\F09B"
}

.fa-unlock:before {
    content: "\F09C"
}

.fa-credit-card:before {
    content: "\F09D"
}

.fa-feed:before, .fa-rss:before {
    content: "\F09E"
}

.fa-hdd-o:before {
    content: "\F0A0"
}

.fa-bullhorn:before {
    content: "\F0A1"
}

.fa-bell:before {
    content: "\F0F3"
}

.fa-certificate:before {
    content: "\F0A3"
}

.fa-hand-o-right:before {
    content: "\F0A4"
}

.fa-hand-o-left:before {
    content: "\F0A5"
}

.fa-hand-o-up:before {
    content: "\F0A6"
}

.fa-hand-o-down:before {
    content: "\F0A7"
}

.fa-arrow-circle-left:before {
    content: "\F0A8"
}

.fa-arrow-circle-right:before {
    content: "\F0A9"
}

.fa-arrow-circle-up:before {
    content: "\F0AA"
}

.fa-arrow-circle-down:before {
    content: "\F0AB"
}

.fa-globe:before {
    content: "\F0AC"
}

.fa-wrench:before {
    content: "\F0AD"
}

.fa-tasks:before {
    content: "\F0AE"
}

.fa-filter:before {
    content: "\F0B0"
}

.fa-briefcase:before {
    content: "\F0B1"
}

.fa-arrows-alt:before {
    content: "\F0B2"
}

.fa-group:before, .fa-users:before {
    content: "\F0C0"
}

.fa-chain:before, .fa-link:before {
    content: "\F0C1"
}

.fa-cloud:before {
    content: "\F0C2"
}

.fa-flask:before {
    content: "\F0C3"
}

.fa-cut:before, .fa-scissors:before {
    content: "\F0C4"
}

.fa-copy:before, .fa-files-o:before {
    content: "\F0C5"
}

.fa-paperclip:before {
    content: "\F0C6"
}

.fa-floppy-o:before, .fa-save:before {
    content: "\F0C7"
}

.fa-square:before {
    content: "\F0C8"
}

.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
    content: "\F0C9"
}

.fa-list-ul:before {
    content: "\F0CA"
}

.fa-list-ol:before {
    content: "\F0CB"
}

.fa-strikethrough:before {
    content: "\F0CC"
}

.fa-underline:before {
    content: "\F0CD"
}

.fa-table:before {
    content: "\F0CE"
}

.fa-magic:before {
    content: "\F0D0"
}

.fa-truck:before {
    content: "\F0D1"
}

.fa-pinterest:before {
    content: "\F0D2"
}

.fa-pinterest-square:before {
    content: "\F0D3"
}

.fa-google-plus-square:before {
    content: "\F0D4"
}

.fa-google-plus:before {
    content: "\F0D5"
}

.fa-money:before {
    content: "\F0D6"
}

.fa-caret-down:before {
    content: "\F0D7"
}

.fa-caret-up:before {
    content: "\F0D8"
}

.fa-caret-left:before {
    content: "\F0D9"
}

.fa-caret-right:before {
    content: "\F0DA"
}

.fa-columns:before {
    content: "\F0DB"
}

.fa-sort:before, .fa-unsorted:before {
    content: "\F0DC"
}

.fa-sort-desc:before, .fa-sort-down:before {
    content: "\F0DD"
}

.fa-sort-asc:before, .fa-sort-up:before {
    content: "\F0DE"
}

.fa-envelope:before {
    content: "\F0E0"
}

.fa-linkedin:before {
    content: "\F0E1"
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\F0E2"
}

.fa-gavel:before, .fa-legal:before {
    content: "\F0E3"
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "\F0E4"
}

.fa-comment-o:before {
    content: "\F0E5"
}

.fa-comments-o:before {
    content: "\F0E6"
}

.fa-bolt:before, .fa-flash:before {
    content: "\F0E7"
}

.fa-sitemap:before {
    content: "\F0E8"
}

.fa-umbrella:before {
    content: "\F0E9"
}

.fa-clipboard:before, .fa-paste:before {
    content: "\F0EA"
}

.fa-lightbulb-o:before {
    content: "\F0EB"
}

.fa-exchange:before {
    content: "\F0EC"
}

.fa-cloud-download:before {
    content: "\F0ED"
}

.fa-cloud-upload:before {
    content: "\F0EE"
}

.fa-user-md:before {
    content: "\F0F0"
}

.fa-stethoscope:before {
    content: "\F0F1"
}

.fa-suitcase:before {
    content: "\F0F2"
}

.fa-bell-o:before {
    content: "\F0A2"
}

.fa-coffee:before {
    content: "\F0F4"
}

.fa-cutlery:before {
    content: "\F0F5"
}

.fa-file-text-o:before {
    content: "\F0F6"
}

.fa-building-o:before {
    content: "\F0F7"
}

.fa-hospital-o:before {
    content: "\F0F8"
}

.fa-ambulance:before {
    content: "\F0F9"
}

.fa-medkit:before {
    content: "\F0FA"
}

.fa-fighter-jet:before {
    content: "\F0FB"
}

.fa-beer:before {
    content: "\F0FC"
}

.fa-h-square:before {
    content: "\F0FD"
}

.fa-plus-square:before {
    content: "\F0FE"
}

.fa-angle-double-left:before {
    content: "\F100"
}

.fa-angle-double-right:before {
    content: "\F101"
}

.fa-angle-double-up:before {
    content: "\F102"
}

.fa-angle-double-down:before {
    content: "\F103"
}

.fa-angle-left:before {
    content: "\F104"
}

.fa-angle-right:before {
    content: "\F105"
}

.fa-angle-up:before {
    content: "\F106"
}

.fa-angle-down:before {
    content: "\F107"
}

.fa-desktop:before {
    content: "\F108"
}

.fa-laptop:before {
    content: "\F109"
}

.fa-tablet:before {
    content: "\F10A"
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "\F10B"
}

.fa-circle-o:before {
    content: "\F10C"
}

.fa-quote-left:before {
    content: "\F10D"
}

.fa-quote-right:before {
    content: "\F10E"
}

.fa-spinner:before {
    content: "\F110"
}

.fa-circle:before {
    content: "\F111"
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\F112"
}

.fa-github-alt:before {
    content: "\F113"
}

.fa-folder-o:before {
    content: "\F114"
}

.fa-folder-open-o:before {
    content: "\F115"
}

.fa-smile-o:before {
    content: "\F118"
}

.fa-frown-o:before {
    content: "\F119"
}

.fa-meh-o:before {
    content: "\F11A"
}

.fa-gamepad:before {
    content: "\F11B"
}

.fa-keyboard-o:before {
    content: "\F11C"
}

.fa-flag-o:before {
    content: "\F11D"
}

.fa-flag-checkered:before {
    content: "\F11E"
}

.fa-terminal:before {
    content: "\F120"
}

.fa-code:before {
    content: "\F121"
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\F122"
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\F123"
}

.fa-location-arrow:before {
    content: "\F124"
}

.fa-crop:before {
    content: "\F125"
}

.fa-code-fork:before {
    content: "\F126"
}

.fa-chain-broken:before, .fa-unlink:before {
    content: "\F127"
}

.fa-question:before {
    content: "\F128"
}

.fa-info:before {
    content: "\F129"
}

.fa-exclamation:before {
    content: "\F12A"
}

.fa-superscript:before {
    content: "\F12B"
}

.fa-subscript:before {
    content: "\F12C"
}

.fa-eraser:before {
    content: "\F12D"
}

.fa-puzzle-piece:before {
    content: "\F12E"
}

.fa-microphone:before {
    content: "\F130"
}

.fa-microphone-slash:before {
    content: "\F131"
}

.fa-shield:before {
    content: "\F132"
}

.fa-calendar-o:before {
    content: "\F133"
}

.fa-fire-extinguisher:before {
    content: "\F134"
}

.fa-rocket:before {
    content: "\F135"
}

.fa-maxcdn:before {
    content: "\F136"
}

.fa-chevron-circle-left:before {
    content: "\F137"
}

.fa-chevron-circle-right:before {
    content: "\F138"
}

.fa-chevron-circle-up:before {
    content: "\F139"
}

.fa-chevron-circle-down:before {
    content: "\F13A"
}

.fa-html5:before {
    content: "\F13B"
}

.fa-css3:before {
    content: "\F13C"
}

.fa-anchor:before {
    content: "\F13D"
}

.fa-unlock-alt:before {
    content: "\F13E"
}

.fa-bullseye:before {
    content: "\F140"
}

.fa-ellipsis-h:before {
    content: "\F141"
}

.fa-ellipsis-v:before {
    content: "\F142"
}

.fa-rss-square:before {
    content: "\F143"
}

.fa-play-circle:before {
    content: "\F144"
}

.fa-ticket:before {
    content: "\F145"
}

.fa-minus-square:before {
    content: "\F146"
}

.fa-minus-square-o:before {
    content: "\F147"
}

.fa-level-up:before {
    content: "\F148"
}

.fa-level-down:before {
    content: "\F149"
}

.fa-check-square:before {
    content: "\F14A"
}

.fa-pencil-square:before {
    content: "\F14B"
}

.fa-external-link-square:before {
    content: "\F14C"
}

.fa-share-square:before {
    content: "\F14D"
}

.fa-compass:before {
    content: "\F14E"
}

.fa-caret-square-o-down:before, .fa-toggle-down:before {
    content: "\F150"
}

.fa-caret-square-o-up:before, .fa-toggle-up:before {
    content: "\F151"
}

.fa-caret-square-o-right:before, .fa-toggle-right:before {
    content: "\F152"
}

.fa-eur:before, .fa-euro:before {
    content: "\F153"
}

.fa-gbp:before {
    content: "\F154"
}

.fa-dollar:before, .fa-usd:before {
    content: "\F155"
}

.fa-inr:before, .fa-rupee:before {
    content: "\F156"
}

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
    content: "\F157"
}

.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
    content: "\F158"
}

.fa-krw:before, .fa-won:before {
    content: "\F159"
}

.fa-bitcoin:before, .fa-btc:before {
    content: "\F15A"
}

.fa-file:before {
    content: "\F15B"
}

.fa-file-text:before {
    content: "\F15C"
}

.fa-sort-alpha-asc:before {
    content: "\F15D"
}

.fa-sort-alpha-desc:before {
    content: "\F15E"
}

.fa-sort-amount-asc:before {
    content: "\F160"
}

.fa-sort-amount-desc:before {
    content: "\F161"
}

.fa-sort-numeric-asc:before {
    content: "\F162"
}

.fa-sort-numeric-desc:before {
    content: "\F163"
}

.fa-thumbs-up:before {
    content: "\F164"
}

.fa-thumbs-down:before {
    content: "\F165"
}

.fa-youtube-square:before {
    content: "\F166"
}

.fa-youtube:before {
    content: "\F167"
}

.fa-xing:before {
    content: "\F168"
}

.fa-xing-square:before {
    content: "\F169"
}

.fa-youtube-play:before {
    content: "\F16A"
}

.fa-dropbox:before {
    content: "\F16B"
}

.fa-stack-overflow:before {
    content: "\F16C"
}

.fa-instagram:before {
    content: "\F16D"
}

.fa-flickr:before {
    content: "\F16E"
}

.fa-adn:before {
    content: "\F170"
}

.fa-bitbucket:before {
    content: "\F171"
}

.fa-bitbucket-square:before {
    content: "\F172"
}

.fa-tumblr:before {
    content: "\F173"
}

.fa-tumblr-square:before {
    content: "\F174"
}

.fa-long-arrow-down:before {
    content: "\F175"
}

.fa-long-arrow-up:before {
    content: "\F176"
}

.fa-long-arrow-left:before {
    content: "\F177"
}

.fa-long-arrow-right:before {
    content: "\F178"
}

.fa-apple:before {
    content: "\F179"
}

.fa-windows:before {
    content: "\F17A"
}

.fa-android:before {
    content: "\F17B"
}

.fa-linux:before {
    content: "\F17C"
}

.fa-dribbble:before {
    content: "\F17D"
}

.fa-skype:before {
    content: "\F17E"
}

.fa-foursquare:before {
    content: "\F180"
}

.fa-trello:before {
    content: "\F181"
}

.fa-female:before {
    content: "\F182"
}

.fa-male:before {
    content: "\F183"
}

.fa-gittip:before, .fa-gratipay:before {
    content: "\F184"
}

.fa-sun-o:before {
    content: "\F185"
}

.fa-moon-o:before {
    content: "\F186"
}

.fa-archive:before {
    content: "\F187"
}

.fa-bug:before {
    content: "\F188"
}

.fa-vk:before {
    content: "\F189"
}

.fa-weibo:before {
    content: "\F18A"
}

.fa-renren:before {
    content: "\F18B"
}

.fa-pagelines:before {
    content: "\F18C"
}

.fa-stack-exchange:before {
    content: "\F18D"
}

.fa-arrow-circle-o-right:before {
    content: "\F18E"
}

.fa-arrow-circle-o-left:before {
    content: "\F190"
}

.fa-caret-square-o-left:before, .fa-toggle-left:before {
    content: "\F191"
}

.fa-dot-circle-o:before {
    content: "\F192"
}

.fa-wheelchair:before {
    content: "\F193"
}

.fa-vimeo-square:before {
    content: "\F194"
}

.fa-try:before, .fa-turkish-lira:before {
    content: "\F195"
}

.fa-plus-square-o:before {
    content: "\F196"
}

.fa-space-shuttle:before {
    content: "\F197"
}

.fa-slack:before {
    content: "\F198"
}

.fa-envelope-square:before {
    content: "\F199"
}

.fa-wordpress:before {
    content: "\F19A"
}

.fa-openid:before {
    content: "\F19B"
}

.fa-bank:before, .fa-institution:before, .fa-university:before {
    content: "\F19C"
}

.fa-graduation-cap:before, .fa-mortar-board:before {
    content: "\F19D"
}

.fa-yahoo:before {
    content: "\F19E"
}

.fa-google:before {
    content: "\F1A0"
}

.fa-reddit:before {
    content: "\F1A1"
}

.fa-reddit-square:before {
    content: "\F1A2"
}

.fa-stumbleupon-circle:before {
    content: "\F1A3"
}

.fa-stumbleupon:before {
    content: "\F1A4"
}

.fa-delicious:before {
    content: "\F1A5"
}

.fa-digg:before {
    content: "\F1A6"
}

.fa-pied-piper-pp:before {
    content: "\F1A7"
}

.fa-pied-piper-alt:before {
    content: "\F1A8"
}

.fa-drupal:before {
    content: "\F1A9"
}

.fa-joomla:before {
    content: "\F1AA"
}

.fa-language:before {
    content: "\F1AB"
}

.fa-fax:before {
    content: "\F1AC"
}

.fa-building:before {
    content: "\F1AD"
}

.fa-child:before {
    content: "\F1AE"
}

.fa-paw:before {
    content: "\F1B0"
}

.fa-spoon:before {
    content: "\F1B1"
}

.fa-cube:before {
    content: "\F1B2"
}

.fa-cubes:before {
    content: "\F1B3"
}

.fa-behance:before {
    content: "\F1B4"
}

.fa-behance-square:before {
    content: "\F1B5"
}

.fa-steam:before {
    content: "\F1B6"
}

.fa-steam-square:before {
    content: "\F1B7"
}

.fa-recycle:before {
    content: "\F1B8"
}

.fa-automobile:before, .fa-car:before {
    content: "\F1B9"
}

.fa-cab:before, .fa-taxi:before {
    content: "\F1BA"
}

.fa-tree:before {
    content: "\F1BB"
}

.fa-spotify:before {
    content: "\F1BC"
}

.fa-deviantart:before {
    content: "\F1BD"
}

.fa-soundcloud:before {
    content: "\F1BE"
}

.fa-database:before {
    content: "\F1C0"
}

.fa-file-pdf-o:before {
    content: "\F1C1"
}

.fa-file-word-o:before {
    content: "\F1C2"
}

.fa-file-excel-o:before {
    content: "\F1C3"
}

.fa-file-powerpoint-o:before {
    content: "\F1C4"
}

.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
    content: "\F1C5"
}

.fa-file-archive-o:before, .fa-file-zip-o:before {
    content: "\F1C6"
}

.fa-file-audio-o:before, .fa-file-sound-o:before {
    content: "\F1C7"
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\F1C8"
}

.fa-file-code-o:before {
    content: "\F1C9"
}

.fa-vine:before {
    content: "\F1CA"
}

.fa-codepen:before {
    content: "\F1CB"
}

.fa-jsfiddle:before {
    content: "\F1CC"
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {
    content: "\F1CD"
}

.fa-circle-o-notch:before {
    content: "\F1CE"
}

.fa-ra:before, .fa-rebel:before, .fa-resistance:before {
    content: "\F1D0"
}

.fa-empire:before, .fa-ge:before {
    content: "\F1D1"
}

.fa-git-square:before {
    content: "\F1D2"
}

.fa-git:before {
    content: "\F1D3"
}

.fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before {
    content: "\F1D4"
}

.fa-tencent-weibo:before {
    content: "\F1D5"
}

.fa-qq:before {
    content: "\F1D6"
}

.fa-wechat:before, .fa-weixin:before {
    content: "\F1D7"
}

.fa-paper-plane:before, .fa-send:before {
    content: "\F1D8"
}

.fa-paper-plane-o:before, .fa-send-o:before {
    content: "\F1D9"
}

.fa-history:before {
    content: "\F1DA"
}

.fa-circle-thin:before {
    content: "\F1DB"
}

.fa-header:before {
    content: "\F1DC"
}

.fa-paragraph:before {
    content: "\F1DD"
}

.fa-sliders:before {
    content: "\F1DE"
}

.fa-share-alt:before {
    content: "\F1E0"
}

.fa-share-alt-square:before {
    content: "\F1E1"
}

.fa-bomb:before {
    content: "\F1E2"
}

.fa-futbol-o:before, .fa-soccer-ball-o:before {
    content: "\F1E3"
}

.fa-tty:before {
    content: "\F1E4"
}

.fa-binoculars:before {
    content: "\F1E5"
}

.fa-plug:before {
    content: "\F1E6"
}

.fa-slideshare:before {
    content: "\F1E7"
}

.fa-twitch:before {
    content: "\F1E8"
}

.fa-yelp:before {
    content: "\F1E9"
}

.fa-newspaper-o:before {
    content: "\F1EA"
}

.fa-wifi:before {
    content: "\F1EB"
}

.fa-calculator:before {
    content: "\F1EC"
}

.fa-paypal:before {
    content: "\F1ED"
}

.fa-google-wallet:before {
    content: "\F1EE"
}

.fa-cc-visa:before {
    content: "\F1F0"
}

.fa-cc-mastercard:before {
    content: "\F1F1"
}

.fa-cc-discover:before {
    content: "\F1F2"
}

.fa-cc-amex:before {
    content: "\F1F3"
}

.fa-cc-paypal:before {
    content: "\F1F4"
}

.fa-cc-stripe:before {
    content: "\F1F5"
}

.fa-bell-slash:before {
    content: "\F1F6"
}

.fa-bell-slash-o:before {
    content: "\F1F7"
}

.fa-trash:before {
    content: "\F1F8"
}

.fa-copyright:before {
    content: "\F1F9"
}

.fa-at:before {
    content: "\F1FA"
}

.fa-eyedropper:before {
    content: "\F1FB"
}

.fa-paint-brush:before {
    content: "\F1FC"
}

.fa-birthday-cake:before {
    content: "\F1FD"
}

.fa-area-chart:before {
    content: "\F1FE"
}

.fa-pie-chart:before {
    content: "\F200"
}

.fa-line-chart:before {
    content: "\F201"
}

.fa-lastfm:before {
    content: "\F202"
}

.fa-lastfm-square:before {
    content: "\F203"
}

.fa-toggle-off:before {
    content: "\F204"
}

.fa-toggle-on:before {
    content: "\F205"
}

.fa-bicycle:before {
    content: "\F206"
}

.fa-bus:before {
    content: "\F207"
}

.fa-ioxhost:before {
    content: "\F208"
}

.fa-angellist:before {
    content: "\F209"
}

.fa-cc:before {
    content: "\F20A"
}

.fa-ils:before, .fa-shekel:before, .fa-sheqel:before {
    content: "\F20B"
}

.fa-meanpath:before {
    content: "\F20C"
}

.fa-buysellads:before {
    content: "\F20D"
}

.fa-connectdevelop:before {
    content: "\F20E"
}

.fa-dashcube:before {
    content: "\F210"
}

.fa-forumbee:before {
    content: "\F211"
}

.fa-leanpub:before {
    content: "\F212"
}

.fa-sellsy:before {
    content: "\F213"
}

.fa-shirtsinbulk:before {
    content: "\F214"
}

.fa-simplybuilt:before {
    content: "\F215"
}

.fa-skyatlas:before {
    content: "\F216"
}

.fa-cart-plus:before {
    content: "\F217"
}

.fa-cart-arrow-down:before {
    content: "\F218"
}

.fa-diamond:before {
    content: "\F219"
}

.fa-ship:before {
    content: "\F21A"
}

.fa-user-secret:before {
    content: "\F21B"
}

.fa-motorcycle:before {
    content: "\F21C"
}

.fa-street-view:before {
    content: "\F21D"
}

.fa-heartbeat:before {
    content: "\F21E"
}

.fa-venus:before {
    content: "\F221"
}

.fa-mars:before {
    content: "\F222"
}

.fa-mercury:before {
    content: "\F223"
}

.fa-intersex:before, .fa-transgender:before {
    content: "\F224"
}

.fa-transgender-alt:before {
    content: "\F225"
}

.fa-venus-double:before {
    content: "\F226"
}

.fa-mars-double:before {
    content: "\F227"
}

.fa-venus-mars:before {
    content: "\F228"
}

.fa-mars-stroke:before {
    content: "\F229"
}

.fa-mars-stroke-v:before {
    content: "\F22A"
}

.fa-mars-stroke-h:before {
    content: "\F22B"
}

.fa-neuter:before {
    content: "\F22C"
}

.fa-genderless:before {
    content: "\F22D"
}

.fa-facebook-official:before {
    content: "\F230"
}

.fa-pinterest-p:before {
    content: "\F231"
}

.fa-whatsapp:before {
    content: "\F232"
}

.fa-server:before {
    content: "\F233"
}

.fa-user-plus:before {
    content: "\F234"
}

.fa-user-times:before {
    content: "\F235"
}

.fa-bed:before, .fa-hotel:before {
    content: "\F236"
}

.fa-viacoin:before {
    content: "\F237"
}

.fa-train:before {
    content: "\F238"
}

.fa-subway:before {
    content: "\F239"
}

.fa-medium:before {
    content: "\F23A"
}

.fa-y-combinator:before, .fa-yc:before {
    content: "\F23B"
}

.fa-optin-monster:before {
    content: "\F23C"
}

.fa-opencart:before {
    content: "\F23D"
}

.fa-expeditedssl:before {
    content: "\F23E"
}

.fa-battery-4:before, .fa-battery-full:before, .fa-battery:before {
    content: "\F240"
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: "\F241"
}

.fa-battery-2:before, .fa-battery-half:before {
    content: "\F242"
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: "\F243"
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: "\F244"
}

.fa-mouse-pointer:before {
    content: "\F245"
}

.fa-i-cursor:before {
    content: "\F246"
}

.fa-object-group:before {
    content: "\F247"
}

.fa-object-ungroup:before {
    content: "\F248"
}

.fa-sticky-note:before {
    content: "\F249"
}

.fa-sticky-note-o:before {
    content: "\F24A"
}

.fa-cc-jcb:before {
    content: "\F24B"
}

.fa-cc-diners-club:before {
    content: "\F24C"
}

.fa-clone:before {
    content: "\F24D"
}

.fa-balance-scale:before {
    content: "\F24E"
}

.fa-hourglass-o:before {
    content: "\F250"
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: "\F251"
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: "\F252"
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: "\F253"
}

.fa-hourglass:before {
    content: "\F254"
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: "\F255"
}

.fa-hand-paper-o:before, .fa-hand-stop-o:before {
    content: "\F256"
}

.fa-hand-scissors-o:before {
    content: "\F257"
}

.fa-hand-lizard-o:before {
    content: "\F258"
}

.fa-hand-spock-o:before {
    content: "\F259"
}

.fa-hand-pointer-o:before {
    content: "\F25A"
}

.fa-hand-peace-o:before {
    content: "\F25B"
}

.fa-trademark:before {
    content: "\F25C"
}

.fa-registered:before {
    content: "\F25D"
}

.fa-creative-commons:before {
    content: "\F25E"
}

.fa-gg:before {
    content: "\F260"
}

.fa-gg-circle:before {
    content: "\F261"
}

.fa-tripadvisor:before {
    content: "\F262"
}

.fa-odnoklassniki:before {
    content: "\F263"
}

.fa-odnoklassniki-square:before {
    content: "\F264"
}

.fa-get-pocket:before {
    content: "\F265"
}

.fa-wikipedia-w:before {
    content: "\F266"
}

.fa-safari:before {
    content: "\F267"
}

.fa-chrome:before {
    content: "\F268"
}

.fa-firefox:before {
    content: "\F269"
}

.fa-opera:before {
    content: "\F26A"
}

.fa-internet-explorer:before {
    content: "\F26B"
}

.fa-television:before, .fa-tv:before {
    content: "\F26C"
}

.fa-contao:before {
    content: "\F26D"
}

.fa-500px:before {
    content: "\F26E"
}

.fa-amazon:before {
    content: "\F270"
}

.fa-calendar-plus-o:before {
    content: "\F271"
}

.fa-calendar-minus-o:before {
    content: "\F272"
}

.fa-calendar-times-o:before {
    content: "\F273"
}

.fa-calendar-check-o:before {
    content: "\F274"
}

.fa-industry:before {
    content: "\F275"
}

.fa-map-pin:before {
    content: "\F276"
}

.fa-map-signs:before {
    content: "\F277"
}

.fa-map-o:before {
    content: "\F278"
}

.fa-map:before {
    content: "\F279"
}

.fa-commenting:before {
    content: "\F27A"
}

.fa-commenting-o:before {
    content: "\F27B"
}

.fa-houzz:before {
    content: "\F27C"
}

.fa-vimeo:before {
    content: "\F27D"
}

.fa-black-tie:before {
    content: "\F27E"
}

.fa-fonticons:before {
    content: "\F280"
}

.fa-reddit-alien:before {
    content: "\F281"
}

.fa-edge:before {
    content: "\F282"
}

.fa-credit-card-alt:before {
    content: "\F283"
}

.fa-codiepie:before {
    content: "\F284"
}

.fa-modx:before {
    content: "\F285"
}

.fa-fort-awesome:before {
    content: "\F286"
}

.fa-usb:before {
    content: "\F287"
}

.fa-product-hunt:before {
    content: "\F288"
}

.fa-mixcloud:before {
    content: "\F289"
}

.fa-scribd:before {
    content: "\F28A"
}

.fa-pause-circle:before {
    content: "\F28B"
}

.fa-pause-circle-o:before {
    content: "\F28C"
}

.fa-stop-circle:before {
    content: "\F28D"
}

.fa-stop-circle-o:before {
    content: "\F28E"
}

.fa-shopping-bag:before {
    content: "\F290"
}

.fa-shopping-basket:before {
    content: "\F291"
}

.fa-hashtag:before {
    content: "\F292"
}

.fa-bluetooth:before {
    content: "\F293"
}

.fa-bluetooth-b:before {
    content: "\F294"
}

.fa-percent:before {
    content: "\F295"
}

.fa-gitlab:before {
    content: "\F296"
}

.fa-wpbeginner:before {
    content: "\F297"
}

.fa-wpforms:before {
    content: "\F298"
}

.fa-envira:before {
    content: "\F299"
}

.fa-universal-access:before {
    content: "\F29A"
}

.fa-wheelchair-alt:before {
    content: "\F29B"
}

.fa-question-circle-o:before {
    content: "\F29C"
}

.fa-blind:before {
    content: "\F29D"
}

.fa-audio-description:before {
    content: "\F29E"
}

.fa-volume-control-phone:before {
    content: "\F2A0"
}

.fa-braille:before {
    content: "\F2A1"
}

.fa-assistive-listening-systems:before {
    content: "\F2A2"
}

.fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before {
    content: "\F2A3"
}

.fa-deaf:before, .fa-deafness:before, .fa-hard-of-hearing:before {
    content: "\F2A4"
}

.fa-glide:before {
    content: "\F2A5"
}

.fa-glide-g:before {
    content: "\F2A6"
}

.fa-sign-language:before, .fa-signing:before {
    content: "\F2A7"
}

.fa-low-vision:before {
    content: "\F2A8"
}

.fa-viadeo:before {
    content: "\F2A9"
}

.fa-viadeo-square:before {
    content: "\F2AA"
}

.fa-snapchat:before {
    content: "\F2AB"
}

.fa-snapchat-ghost:before {
    content: "\F2AC"
}

.fa-snapchat-square:before {
    content: "\F2AD"
}

.fa-pied-piper:before {
    content: "\F2AE"
}

.fa-first-order:before {
    content: "\F2B0"
}

.fa-yoast:before {
    content: "\F2B1"
}

.fa-themeisle:before {
    content: "\F2B2"
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
    content: "\F2B3"
}

.fa-fa:before, .fa-font-awesome:before {
    content: "\F2B4"
}

.fa-handshake-o:before {
    content: "\F2B5"
}

.fa-envelope-open:before {
    content: "\F2B6"
}

.fa-envelope-open-o:before {
    content: "\F2B7"
}

.fa-linode:before {
    content: "\F2B8"
}

.fa-address-book:before {
    content: "\F2B9"
}

.fa-address-book-o:before {
    content: "\F2BA"
}

.fa-address-card:before, .fa-vcard:before {
    content: "\F2BB"
}

.fa-address-card-o:before, .fa-vcard-o:before {
    content: "\F2BC"
}

.fa-user-circle:before {
    content: "\F2BD"
}

.fa-user-circle-o:before {
    content: "\F2BE"
}

.fa-user-o:before {
    content: "\F2C0"
}

.fa-id-badge:before {
    content: "\F2C1"
}

.fa-drivers-license:before, .fa-id-card:before {
    content: "\F2C2"
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
    content: "\F2C3"
}

.fa-quora:before {
    content: "\F2C4"
}

.fa-free-code-camp:before {
    content: "\F2C5"
}

.fa-telegram:before {
    content: "\F2C6"
}

.fa-thermometer-4:before, .fa-thermometer-full:before, .fa-thermometer:before {
    content: "\F2C7"
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
    content: "\F2C8"
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
    content: "\F2C9"
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
    content: "\F2CA"
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
    content: "\F2CB"
}

.fa-shower:before {
    content: "\F2CC"
}

.fa-bath:before, .fa-bathtub:before, .fa-s15:before {
    content: "\F2CD"
}

.fa-podcast:before {
    content: "\F2CE"
}

.fa-window-maximize:before {
    content: "\F2D0"
}

.fa-window-minimize:before {
    content: "\F2D1"
}

.fa-window-restore:before {
    content: "\F2D2"
}

.fa-times-rectangle:before, .fa-window-close:before {
    content: "\F2D3"
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
    content: "\F2D4"
}

.fa-bandcamp:before {
    content: "\F2D5"
}

.fa-grav:before {
    content: "\F2D6"
}

.fa-etsy:before {
    content: "\F2D7"
}

.fa-imdb:before {
    content: "\F2D8"
}

.fa-ravelry:before {
    content: "\F2D9"
}

.fa-eercast:before {
    content: "\F2DA"
}

.fa-microchip:before {
    content: "\F2DB"
}

.fa-snowflake-o:before {
    content: "\F2DC"
}

.fa-superpowers:before {
    content: "\F2DD"
}

.fa-wpexplorer:before {
    content: "\F2DE"
}

.fa-meetup:before {
    content: "\F2E0"
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.xdsoft_datetimepicker {
    -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .506);
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .506);
    background: #fff;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    color: #333;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 8px;
    padding-left: 0;
    padding-top: 2px;
    position: absolute;
    z-index: 9999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none
}

.xdsoft_datetimepicker.xdsoft_rtl {
    padding: 8px 0 8px 8px
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: 0 0;
    border: none
}

.xdsoft_datetimepicker button {
    border: none !important
}

.xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.xdsoft_noselect::selection {
    background: 0 0
}

.xdsoft_noselect::-moz-selection {
    background: 0 0
}

.xdsoft_datetimepicker.xdsoft_inline {
    display: inline-block;
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none
}

.xdsoft_datetimepicker * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
    display: none
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block
}

.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 224px;
    float: left;
    margin-left: 8px
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
    width: 256px
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 58px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0
}

.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_monthpicker {
    position: relative;
    text-align: center
}

.xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)
}

.xdsoft_datetimepicker .xdsoft_label i {
    opacity: .5;
    background-position: -92px -19px;
    display: inline-block;
    width: 9px;
    height: 20px;
    vertical-align: middle
}

.xdsoft_datetimepicker .xdsoft_prev {
    float: left;
    background-position: -20px 0
}

.xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    background-position: -70px 0;
    margin-left: 5px
}

.xdsoft_datetimepicker .xdsoft_next {
    float: right;
    background-position: 0 0
}

.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: .5;
    -ms-filter: "alpha(opacity=50)";
    outline: medium;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px;
    min-width: 0
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    float: none;
    background-position: -40px -15px;
    height: 15px;
    width: 30px;
    display: block;
    margin-left: 14px;
    margin-top: 7px
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next, .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev {
    float: none;
    margin-left: 0;
    margin-right: 14px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 0;
    margin-bottom: 7px;
    margin-top: 0
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 151px;
    overflow: hidden;
    border-bottom: 1px solid #ddd
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: center;
    border-collapse: collapse;
    cursor: pointer;
    border-bottom-width: 0;
    height: 25px;
    line-height: 25px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
    border-top-width: 0
}

.xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover, .xdsoft_datetimepicker .xdsoft_today_button:hover {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

.xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    background-color: #fff;
    float: left;
    width: 182px;
    text-align: center;
    cursor: pointer
}

.xdsoft_datetimepicker .xdsoft_label:hover > span {
    text-decoration: underline
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
    opacity: 1
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
    border: 1px solid #ccc;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 101;
    display: none;
    background: #fff;
    max-height: 160px;
    overflow-y: hidden
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
    right: -7px
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
    right: 2px
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    color: #fff;
    background: #ff8000
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
    padding: 2px 10px 2px 5px;
    text-decoration: none !important
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background: #3af;
    -webkit-box-shadow: #178fe5 0 1px 3px 0 inset;
    box-shadow: inset 0 1px 3px 0 #178fe5;
    color: #fff;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_month {
    width: 100px;
    text-align: right
}

.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both
}

.xdsoft_datetimepicker .xdsoft_year {
    width: 48px;
    margin-left: 5px
}

.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%
}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
    padding-right: 5px
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    height: 25px
}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
    width: 14.2857142%;
    background: #f5f5f5;
    border: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: right;
    vertical-align: middle;
    padding: 0;
    border-collapse: collapse;
    cursor: pointer;
    height: 25px
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
    width: 12.5%
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #f1f1f1
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #3af
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    -webkit-box-shadow: #ffb871 0 1px 4px 0 inset;
    box-shadow: inset 0 1px 4px 0 #ffb871;
    color: #000
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    -webkit-box-shadow: #00dd1c 0 1px 4px 0 inset;
    box-shadow: inset 0 1px 4px 0 #00dd1c;
    color: #000
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #3af;
    -webkit-box-shadow: #178fe5 0 1px 3px 0 inset;
    box-shadow: inset 0 1px 3px 0 #178fe5;
    color: #fff;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
    opacity: .5;
    -ms-filter: "alpha(opacity=50)";
    cursor: default
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: .2;
    -ms-filter: "alpha(opacity=20)"
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: #fff !important;
    background: #ff8000 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
    background: #3af !important;
    -webkit-box-shadow: #178fe5 0 1px 3px 0 inset !important;
    box-shadow: inset 0 1px 3px 0 #178fe5 !important;
    color: #fff !important
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
    color: inherit !important;
    background: inherit !important;
    -webkit-box-shadow: inherit !important;
    box-shadow: inherit !important
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor: default
}

.xdsoft_datetimepicker .xdsoft_copyright {
    color: #ccc !important;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px
}

.xdsoft_datetimepicker .xdsoft_copyright a {
    color: #eee !important
}

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
    color: #aaa !important
}

.xdsoft_time_box {
    position: relative;
    border: 1px solid #ccc
}

.xdsoft_scrollbar > .xdsoft_scroller {
    background: #ccc !important;
    height: 20px;
    border-radius: 3px
}

.xdsoft_scrollbar {
    position: absolute;
    width: 7px;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
    left: 0;
    right: auto
}

.xdsoft_scroller_box {
    position: relative
}

.xdsoft_datetimepicker.xdsoft_dark {
    -webkit-box-shadow: 0 5px 15px -5px hsla(0, 0%, 100%, .506);
    box-shadow: 0 5px 15px -5px hsla(0, 0%, 100%, .506);
    background: #000;
    border-bottom: 1px solid #444;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    color: #ccc
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
    border-bottom: 1px solid #222
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div {
    background: #0a0a0a;
    border-top: 1px solid #222;
    color: #999
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
    background-color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
    border: 1px solid #333;
    background: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    color: #000;
    background: #007fff
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background: #c50;
    -webkit-box-shadow: #b03e00 0 1px 3px 0 inset;
    box-shadow: inset 0 1px 3px 0 #b03e00;
    color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0a0a0a;
    border: 1px solid #222;
    color: #999
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0e0e0e
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #c50
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    -webkit-box-shadow: #ffb871 0 1px 4px 0 inset;
    box-shadow: inset 0 1px 4px 0 #ffb871;
    color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    -webkit-box-shadow: #00dd1c 0 1px 4px 0 inset;
    box-shadow: inset 0 1px 4px 0 #00dd1c;
    color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #c50;
    -webkit-box-shadow: #b03e00 0 1px 3px 0 inset;
    box-shadow: inset 0 1px 3px 0 #b03e00;
    color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: #000 !important;
    background: #007fff !important
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    color: #666
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
    color: #333 !important
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
    color: #111 !important
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
    color: #555 !important
}

.xdsoft_dark .xdsoft_time_box {
    border: 1px solid #333
}

.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
    background: #333 !important
}

.xdsoft_datetimepicker .xdsoft_save_selected {
    display: block;
    border: 1px solid #ddd !important;
    margin-top: 5px;
    width: 100%;
    color: #454551;
    font-size: 13px
}

.xdsoft_datetimepicker .blue-gradient-button {
    font-family: museo-sans, Book Antiqua, sans-serif;
    font-size: 12px;
    font-weight: 300;
    color: #82878c;
    height: 28px;
    position: relative;
    padding: 4px 17px 4px 33px;
    border: 1px solid #d7d8da;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(73%, #f4f8fa));
    background: linear-gradient(180deg, #fff 0, #f4f8fa 73%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff", endColorstr="#f4f8fa", GradientType=0)
}

.xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:focus span, .xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:hover span {
    color: #454551;
    background: -webkit-gradient(linear, left top, left bottom, from(#f4f8fa), color-stop(73%, #fff));
    background: linear-gradient(180deg, #f4f8fa 0, #fff 73%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4f8fa", endColorstr="#FFF", GradientType=0)
}

table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0
}

table.dataTable tfoot th, table.dataTable thead th {
    font-weight: 700
}

table.dataTable thead td, table.dataTable thead th {
    padding: 10px 18px;
    border-bottom: 1px solid #111
}

table.dataTable thead td:active, table.dataTable thead th:active {
    outline: none
}

table.dataTable tfoot td, table.dataTable tfoot th {
    padding: 10px 18px 6px;
    border-top: 1px solid #111
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    *cursor: hand;
    background-repeat: no-repeat;
    background-position: 100%
}

table.dataTable thead .sorting {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7XQMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC)
}

table.dataTable thead .sorting_asc {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==)
}

table.dataTable thead .sorting_desc {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII=)
}

table.dataTable thead .sorting_asc_disabled {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAW0lEQVQoz2NgoCm4w3Vnwh02wspK7/y6k01Ikdadx3f+37l9RxmfIsY7c4GKQHDiHUbcyhzvvIMq+3THBpci3jv7oIpAcMcdduzKEu/8vPMdDn/eiWQYBYMKAAC3ykIEuYQJUgAAAABJRU5ErkJggg==)
}

table.dataTable thead .sorting_desc_disabled {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAWUlEQVQoz2NgGAWDCtyJvPPzznc4/HknEbsy9js77vyHw313eHGZZ3PnE1TRuzuOuK1lvDMRqmzuHUZ87lO+cxuo6PEdLUIeyb7z604pYf+y3Zlwh4u2YQoAc7ZCBHH4jigAAAAASUVORK5CYII=)
}

table.dataTable tbody tr {
    background-color: #fff
}

table.dataTable tbody tr.selected {
    background-color: #b0bed9
}

table.dataTable tbody td, table.dataTable tbody th {
    padding: 8px 10px
}

table.dataTable.display tbody td, table.dataTable.display tbody th, table.dataTable.row-border tbody td, table.dataTable.row-border tbody th {
    border-top: 1px solid #ddd
}

table.dataTable.display tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.row-border tbody tr:first-child th {
    border-top: none
}

table.dataTable.cell-border tbody td, table.dataTable.cell-border tbody th {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd
}

table.dataTable.cell-border tbody tr td:first-child, table.dataTable.cell-border tbody tr th:first-child {
    border-left: 1px solid #ddd
}

table.dataTable.cell-border tbody tr:first-child td, table.dataTable.cell-border tbody tr:first-child th {
    border-top: none
}

table.dataTable.display tbody tr.odd, table.dataTable.stripe tbody tr.odd {
    background-color: #f9f9f9
}

table.dataTable.display tbody tr.odd.selected, table.dataTable.stripe tbody tr.odd.selected {
    background-color: #abb9d3
}

table.dataTable.display tbody tr:hover, table.dataTable.hover tbody tr:hover {
    background-color: #f5f5f5
}

table.dataTable.display tbody tr:hover.selected, table.dataTable.hover tbody tr:hover.selected {
    background-color: #a9b7d1
}

table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3, table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3 {
    background-color: #f9f9f9
}

table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3, table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3 {
    background-color: #acbad4
}

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: #f1f1f1
}

table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
    background-color: #f3f3f3
}

table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
    background-color: #f5f5f5
}

table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
    background-color: #a6b3cd
}

table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
    background-color: #a7b5ce
}

table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
    background-color: #a9b6d0
}

table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: #f9f9f9
}

table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
    background-color: #fbfbfb
}

table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
    background-color: #fdfdfd
}

table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
    background-color: #acbad4
}

table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
    background-color: #adbbd6
}

table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
    background-color: #afbdd8
}

table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    background-color: #eaeaea
}

table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
    background-color: #ebebeb
}

table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
    background-color: #eee
}

table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
    background-color: #a1aec7
}

table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
    background-color: #a2afc8
}

table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
    background-color: #a4b2cb
}

table.dataTable.no-footer {
    border-bottom: 1px solid #111
}

table.dataTable.nowrap td, table.dataTable.nowrap th {
    white-space: nowrap
}

table.dataTable.compact thead td, table.dataTable.compact thead th {
    padding: 4px 17px 4px 4px
}

table.dataTable.compact tbody td, table.dataTable.compact tbody th, table.dataTable.compact tfoot td, table.dataTable.compact tfoot th {
    padding: 4px
}

table.dataTable td.dt-left, table.dataTable th.dt-left {
    text-align: left
}

table.dataTable td.dataTables_empty, table.dataTable td.dt-center, table.dataTable th.dt-center {
    text-align: center
}

table.dataTable td.dt-right, table.dataTable th.dt-right {
    text-align: right
}

table.dataTable td.dt-justify, table.dataTable th.dt-justify {
    text-align: justify
}

table.dataTable td.dt-nowrap, table.dataTable th.dt-nowrap {
    white-space: nowrap
}

table.dataTable tfoot td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable thead th.dt-head-left {
    text-align: left
}

table.dataTable tfoot td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable thead th.dt-head-center {
    text-align: center
}

table.dataTable tfoot td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable thead th.dt-head-right {
    text-align: right
}

table.dataTable tfoot td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable thead th.dt-head-justify {
    text-align: justify
}

table.dataTable tfoot td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable thead th.dt-head-nowrap {
    white-space: nowrap
}

table.dataTable tbody td.dt-body-left, table.dataTable tbody th.dt-body-left {
    text-align: left
}

table.dataTable tbody td.dt-body-center, table.dataTable tbody th.dt-body-center {
    text-align: center
}

table.dataTable tbody td.dt-body-right, table.dataTable tbody th.dt-body-right {
    text-align: right
}

table.dataTable tbody td.dt-body-justify, table.dataTable tbody th.dt-body-justify {
    text-align: justify
}

table.dataTable tbody td.dt-body-nowrap, table.dataTable tbody th.dt-body-nowrap {
    white-space: nowrap
}

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

.dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom: 1;
    zoom: 1
}

.dataTables_wrapper .dataTables_length {
    float: left
}

.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: .5em
}

.dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: .755em
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: .25em
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: .5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333 !important;
    border: 1px solid #979797;
    background-color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
    background: linear-gradient(180deg, #fff 0, #dcdcdc)
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #fff !important;
    border: 1px solid #111;
    background-color: #585858;
    background: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#111));
    background: linear-gradient(180deg, #585858 0, #111)
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: none;
    background-color: #2b2b2b;
    background: -webkit-gradient(linear, left top, left bottom, from(#2b2b2b), to(#0c0c0c));
    background: linear-gradient(180deg, #2b2b2b 0, #0c0c0c);
    -webkit-box-shadow: inset 0 0 3px #111;
    box-shadow: inset 0 0 3px #111
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
    padding: 0 1em
}

.dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), color-stop(25%, hsla(0, 0%, 100%, .9)), color-stop(75%, hsla(0, 0%, 100%, .9)), to(hsla(0, 0%, 100%, 0)));
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .9) 25%, hsla(0, 0%, 100%, .9) 75%, hsla(0, 0%, 100%, 0))
}

.dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_processing {
    color: #333
}

.dataTables_wrapper .dataTables_scroll {
    clear: both
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th {
    vertical-align: middle
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing {
    height: 0;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #111
}

.dataTables_wrapper.no-footer div.dataTables_scrollBody > table, .dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable {
    border-bottom: none
}

.dataTables_wrapper:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0
}

@media screen and (max-width: 767px) {
    .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center
    }

    .dataTables_wrapper .dataTables_paginate {
        margin-top: .5em
    }
}

@media screen and (max-width: 640px) {
    .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_length {
        float: none;
        text-align: center
    }

    .dataTables_wrapper .dataTables_filter {
        margin-top: .5em
    }
}

@keyframes dtb-spinner {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes dtb-spinner {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

div.dt-button-info {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    margin-top: -100px;
    margin-left: -200px;
    background-color: #fff;
    border: 2px solid #111;
    -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, .3);
    box-shadow: 3px 3px 8px rgba(0, 0, 0, .3);
    border-radius: 3px;
    text-align: center;
    z-index: 21
}

div.dt-button-info h2 {
    padding: .5em;
    margin: 0;
    font-weight: 400;
    border-bottom: 1px solid #ddd;
    background-color: #f3f3f3
}

div.dt-button-info > div {
    padding: 1em
}

a.dt-button, button.dt-button, div.dt-button {
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: .333em;
    margin-bottom: .333em;
    padding: .5em 1em;
    border: 1px solid #999;
    border-radius: 2px;
    cursor: pointer;
    font-size: .88em;
    line-height: 1.6em;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    background-color: #e9e9e9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e9e9e9));
    background-image: linear-gradient(180deg, #fff 0, #e9e9e9);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="white", EndColorStr="#e9e9e9");
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    outline: none
}

a.dt-button.disabled, button.dt-button.disabled, div.dt-button.disabled {
    color: #999;
    border: 1px solid #d0d0d0;
    cursor: default;
    background-color: #f9f9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
    background-image: linear-gradient(180deg, #fff 0, #f9f9f9);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="#ffffff", EndColorStr="#f9f9f9")
}

a.dt-button.active:not(.disabled), a.dt-button:active:not(.disabled), button.dt-button.active:not(.disabled), button.dt-button:active:not(.disabled), div.dt-button.active:not(.disabled), div.dt-button:active:not(.disabled) {
    background-color: #e2e2e2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#e2e2e2));
    background-image: linear-gradient(180deg, #f3f3f3 0, #e2e2e2);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="#f3f3f3", EndColorStr="#e2e2e2");
    -webkit-box-shadow: inset 1px 1px 3px #999;
    box-shadow: inset 1px 1px 3px #999
}

a.dt-button.active:not(.disabled):hover:not(.disabled), a.dt-button:active:not(.disabled):hover:not(.disabled), button.dt-button.active:not(.disabled):hover:not(.disabled), button.dt-button:active:not(.disabled):hover:not(.disabled), div.dt-button.active:not(.disabled):hover:not(.disabled), div.dt-button:active:not(.disabled):hover:not(.disabled) {
    -webkit-box-shadow: inset 1px 1px 3px #999;
    box-shadow: inset 1px 1px 3px #999;
    background-color: #ccc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#ccc));
    background-image: linear-gradient(180deg, #eaeaea 0, #ccc);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="#eaeaea", EndColorStr="#cccccc")
}

a.dt-button:hover, button.dt-button:hover, div.dt-button:hover {
    text-decoration: none
}

a.dt-button:hover:not(.disabled), button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled) {
    border: 1px solid #666;
    background-color: #e0e0e0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e0e0e0));
    background-image: linear-gradient(180deg, #f9f9f9 0, #e0e0e0);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="#f9f9f9", EndColorStr="#e0e0e0")
}

a.dt-button:focus:not(.disabled), button.dt-button:focus:not(.disabled), div.dt-button:focus:not(.disabled) {
    border: 1px solid #426c9e;
    text-shadow: 0 1px 0 #c4def1;
    outline: none;
    background-color: #79ace9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#bddef4), to(#79ace9));
    background-image: linear-gradient(180deg, #bddef4 0, #79ace9);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="#bddef4", EndColorStr="#79ace9")
}

.dt-button embed {
    outline: none
}

div.dt-buttons {
    position: relative;
    float: left
}

div.dt-buttons.buttons-right {
    float: right
}

div.dt-button-collection {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    margin-top: 3px;
    padding: 8px 8px 4px;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .4);
    background-color: #fff;
    overflow: hidden;
    border-radius: 5px;
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .3);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .3);
    z-index: 2002;
    -webkit-column-gap: 8px;
    -ms-column-gap: 8px;
    -o-column-gap: 8px;
    column-gap: 8px
}

div.dt-button-collection a.dt-button, div.dt-button-collection button.dt-button, div.dt-button-collection div.dt-button {
    position: relative;
    left: 0;
    right: 0;
    width: 100%;
    display: block;
    float: none;
    margin-bottom: 4px;
    margin-right: 0
}

div.dt-button-collection a.dt-button.active:not(.disabled), div.dt-button-collection a.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled), div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection div.dt-button.active:not(.disabled), div.dt-button-collection div.dt-button:active:not(.disabled) {
    background-color: #dadada;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#dadada));
    background-image: linear-gradient(180deg, #f0f0f0 0, #dadada);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="#f0f0f0", EndColorStr="#dadada");
    -webkit-box-shadow: inset 1px 1px 3px #666;
    box-shadow: inset 1px 1px 3px #666
}

div.dt-button-collection.fixed {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -75px;
    border-radius: 0
}

div.dt-button-collection.fixed.two-column {
    margin-left: -150px
}

div.dt-button-collection.fixed.three-column {
    margin-left: -225px
}

div.dt-button-collection.fixed.four-column {
    margin-left: -300px
}

div.dt-button-collection > * {
    -webkit-column-break-inside: avoid;
    break-inside: avoid
}

div.dt-button-collection.two-column {
    width: 300px;
    padding-bottom: 1px;
    -webkit-column-count: 2;
    -ms-column-count: 2;
    -o-column-count: 2;
    column-count: 2
}

div.dt-button-collection.three-column {
    width: 450px;
    padding-bottom: 1px;
    -webkit-column-count: 3;
    -ms-column-count: 3;
    -o-column-count: 3;
    column-count: 3
}

div.dt-button-collection.four-column {
    width: 600px;
    padding-bottom: 1px;
    -webkit-column-count: 4;
    -ms-column-count: 4;
    -o-column-count: 4;
    column-count: 4
}

div.dt-button-collection .dt-button {
    border-radius: 0
}

div.dt-button-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .7) 100%);
    z-index: 2001
}

@media screen and (max-width: 640px) {
    div.dt-buttons {
        float: none !important;
        text-align: center
    }
}

a.dt-button.processing, button.dt-button.processing, div.dt-button.processing {
    color: rgba(0, 0, 0, .2)
}

a.dt-button.processing:after, button.dt-button.processing:after, div.dt-button.processing:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    content: " ";
    border: 2px solid #282828;
    border-radius: 50%;
    border-left-color: transparent;
    border-right-color: transparent;
    animation: dtb-spinner 1.5s infinite linear;
    -o-animation: dtb-spinner 1.5s infinite linear;
    -ms-animation: dtb-spinner 1.5s infinite linear;
    -webkit-animation: dtb-spinner 1.5s infinite linear;
    -moz-animation: dtb-spinner 1.5s infinite linear
}

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

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

a {
    text-decoration: none
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

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

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

@font-face {
    font-family: kanitsemibold;
    src: url(/assets/fonts/kanit-semibold-webfont.eot);
    src: url(/assets/fonts/kanit-semibold-webfont.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/kanit-semibold-webfont.woff2) format("woff2"), url(/assets/fonts/kanit-semibold-webfont.woff) format("woff"), url(/assets/fonts/kanit-semibold-webfont.ttf) format("truetype"), url(/assets/fonts/kanit-semibold-webfont.svg#kanitsemibold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: kanitbold;
    src: url(/assets/fonts/kanit-bold-webfont.eot);
    src: url(/assets/fonts/kanit-bold-webfont.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/kanit-bold-webfont.woff2) format("woff2"), url(/assets/fonts/kanit-bold-webfont.woff) format("woff"), url(/assets/fonts/kanit-bold-webfont.ttf) format("truetype"), url(/assets/fonts/kanit-bold-webfont.svg#kanitbold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: kanitlight;
    src: url(/assets/fonts/kanit-light-webfont.eot);
    src: url(/assets/fonts/kanit-light-webfont.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/kanit-light-webfont.woff2) format("woff2"), url(/assets/fonts/kanit-light-webfont.woff) format("woff"), url(/assets/fonts/kanit-light-webfont.ttf) format("truetype"), url(/assets/fonts/kanit-light-webfont.svg#kanitlight) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: kanitregular;
    src: url(/assets/fonts/kanit-regular-webfont.eot);
    src: url(/assets/fonts/kanit-regular-webfont.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/kanit-regular-webfont.woff2) format("woff2"), url(/assets/fonts/kanit-regular-webfont.woff) format("woff"), url(/assets/fonts/kanit-regular-webfont.ttf) format("truetype"), url(/assets/fonts/kanit-regular-webfont.svg#kanitregular) format("svg");
    font-weight: 400;
    font-style: normal
}

body {
    font-size: 14px;
    min-width: 1020px
}

a, body, div, p, span {
    font-family: tahoma
}

ol, ul {
    margin: 0
}

a {
    cursor: pointer;
    color: #0b9dd1
}

a:active, a:focus, a:hover, a:visited {
    text-decoration: none
}

img {
    max-width: 100%
}

.table > tbody > tr > th {
    border-top: 0
}

.table td, .table th {
    vertical-align: middle !important;
    padding: .48rem
}

.table {
    margin-bottom: 0 !important
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f8f8f8
}

.table-hover tbody tr:hover {
    background-color: #f5f5f5
}

select.form-control:not([size]):not([multiple]) {
    height: 50px !important
}

input:-ms-input-placeholder {
    color: #ccc
}

input::-webkit-input-placeholder {
    color: #ccc
}

input:-moz-placeholder {
    color: #ccc
}

textarea:-ms-input-placeholder {
    color: #ccc
}

textarea::-webkit-input-placeholder {
    color: #ccc
}

textarea:-moz-placeholder {
    color: #ccc
}

.hidden {
    display: none !important
}

.show {
    display: block !important
}

.imgLiquid img {
    visibility: hidden
}

.text-center, .text-message {
    text-align: center
}

.text-message {
    color: #fff;
    font-family: kanitregular, tahoma;
    font-size: 22px
}

.form-warning {
    border: 1px solid #ff0003 !important
}

.txt-warning {
    color: #ff0003 !important;
    text-align: center
}

.txt-warning-cod {
    color: #ff0003 !important;
    text-align: center
}

.alert-status {
    display: none;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 600px;
    -webkit-transition: all .3s;
    transition: all .3s;
    padding: 12px;
    border-radius: 2px !important;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3)
}

.alert-success {
    top: 200px;
    background: #4caf50
}

.alert-danger {
    top: 200px;
    background: #f44336
}

.clear-float {
    clear: both
}

.g-recaptcha {
    width: 300px;
    margin: 20px auto 0
}

.vertical-middle {
    display: table
}

.vertical-middle .inner {
    display: table-cell;
    vertical-align: middle
}

.wrapper-1000 {
    width: 1220px;
    margin: 0 auto;
    padding: 0 10px
}

.txt-with-hr {
    display: block;
    padding-left: 55px;
    overflow: hidden;
    white-space: nowrap
}

.txt-with-hr-center {
    padding-left: 0;
    text-align: center
}

.txt-with-hr > span {
    color: #909090;
    position: relative;
    display: inline-block
}

.txt-with-hr > span:after, .txt-with-hr > span:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    height: 1px;
    background: #e9e9e9
}

.txt-with-hr > span:before {
    right: 100%;
    margin-right: 15px
}

.txt-with-hr > span:after {
    left: 100%;
    margin-left: 15px
}

.switch-toggle {
    position: relative;
    display: inline-block;
    width: 60px !important;
    height: 34px !important
}

.switch-toggle input {
    display: none
}

.switch-toggle .slider {
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc
}

.switch-toggle .slider, .switch-toggle .slider:before {
    position: absolute;
    -webkit-transition: .4s;
    transition: .4s
}

.switch-toggle .slider:before {
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #fff
}

.switch-toggle input:checked + .slider {
    background-color: #2196f3
}

.switch-toggle input:focus + .slider {
    -webkit-box-shadow: 0 0 1px #2196f3;
    box-shadow: 0 0 1px #2196f3
}

.switch-toggle input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    transform: translateX(26px)
}

.switch-toggle .slider.round {
    border-radius: 34px
}

.switch-toggle .slider.round:before {
    border-radius: 50%
}

.btn-custom {
    color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
    font-size: 14px !important;
    padding: 7px 10px !important
}

.btn-custom:hover {
    background: #ececec !important
}

.body-login {
    background: #ff0006
}

.body-login .footer-bottom {
    position: absolute;
    bottom: 10px;
    text-align: center;
    width: 100%;
    color: #fff;
    font-family: kanitlight, tahoma;
    font-size: 12px
}

.login-page {
    position: absolute;
    width: 500px;
    height: 610px;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    margin-top: -305px
}

.login-page .logo-login {
    text-align: center;
    padding-bottom: 10px
}

.login-page .form-login {
    background: #f8f8f8;
    padding: 35px 70px 15px;
    min-height: 480px;
    border-radius: 6px
}

.login-page .form-login .title-login {
    line-height: 30px;
    font-size: 30px;
    text-align: center;
    font-family: kanitregular, tahoma;
    color: #ff0005
}

.login-page .form-login .sub-title-login {
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 30px;
    font-family: kanitlight, tahoma
}

.login-page .form-login .form-control.form-input {
    line-height: 50px
}

.login-page .form-login label.txt-title {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 18px;
    color: #252525;
    font-family: kanitlight, tahoma
}

.login-page .form-login label.txt-title i {
    color: #a1a1a1
}

.login-page .form-login .note-bottom {
    padding-top: 10px;
    font-size: 12px;
    text-align: center;
    font-family: kanitlight, tahoma
}

.login-page .form-login .btn-login {
    margin-top: 30px;
    line-height: 65px;
    font-size: 18px;
    font-family: kanitlight, tahoma;
    background: #ff0005;
    display: block;
    width: 100%;
    color: #fff
}

.body-inner {
    background: #f8f8f8
}

.form-member {
    background: rgba(0, 0, 0, .7)
}

.form-member.modal {
    padding: 0 !important
}

.form-member .modal-dialog {
    width: 520px;
    margin: 60px auto 0;
    max-width: none
}

.form-member .title {
    color: #ff0005;
    font-size: 28px;
    font-family: kanitregular, tahoma;
    text-align: center;
    font-weight: 600;
    margin-bottom: 25px
}

.form-member button.close {
    position: absolute;
    z-index: 99;
    right: 0;
    top: -30px;
    color: #fff;
    opacity: 1;
    padding: 0
}

.form-member .modal-content {
    padding: 20px 35px 15px
}

.form-member .modal-content label {
    width: 100px;
    display: block;
    float: left;
    line-height: 50px
}

.form-member .modal-content .input-modal {
    font-size: 16px;
    margin: 0 0 10px;
    height: 50px;
    background: #f5f5f5;
    font-family: kanitregular, tahoma;
    float: left;
    width: 316px
}

.form-member .btn-member {
    margin-top: 10px;
    line-height: 65px;
    font-size: 18px;
    font-family: kanitregular, tahoma;
    background: #ffea33;
    display: block;
    width: 100%;
    color: #000000 !important;
    text-align: center;
    border-radius: 3px
}

.form-member .txt-message {
    display: none
}

.form-member .txt-message .txt-error {
    text-align: center;
    color: red
}

.form-create-page {
    background: rgba(0, 0, 0, .7)
}

.form-create-page .modal-dialog {
    max-width: 800px
}

.form-create-page .modal-body {
    padding: 30px 35px
}

.form-create-page .title-header {
    font-size: 14px;
    padding-bottom: 10px;
    font-weight: 700
}

.form-create-page .title-pickup-date {
    outline: auto;
    text-align-last: center;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #c5deff;
    border-bottom-width: 20px;
    margin-bottom: 12px;
    
}

.form-create-page .content {
    line-height: 25px;
    margin-bottom: 10px
}

.form-create-page .content label {
    float: left;
    width: 100px
}

.form-create-page .content input {
    height: 30px
}

.form-create-page .content input, .form-create-page .content textarea {
    width: 205px;
    float: left;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0 5px
}

.form-create-page .box-left {
    width: 355px;
    float: left;
    margin-right: 15px
}

.form-create-page .box-right {
    width: 355px;
    float: left
}

.form-create-page .weight {
    line-height: 25px;
    margin-bottom: 10px
}

.form-create-page .weight label {
    float: left;
    width: 60px;
    font-weight: 700
}

.form-create-page .weight input {
    width: 240px;
    height: 30px;
    float: left;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0 5px
}

.form-create-page .size {
    line-height: 25px;
    margin-bottom: 10px
}

.form-create-page .size label {
    float: left;
    font-weight: 700;
    padding-left: 10px;
    padding-right: 4px
}

.form-create-page .size label.title {
    padding-left: 0;
    font-weight: 700
}

.form-create-page .size input {
    width: 78px;
    height: 30px;
    float: left;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0 5px
}

.form-create-page .code-parcel {
    line-height: 25px;
    margin-bottom: 10px
}

.form-create-page .code-parcel label {
    float: left;
    font-weight: 700;
    padding-right: 10px
}

.form-create-page .code-parcel input {
    height: 25px;
    float: left;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0 5px;
    width: 215px
}

.form-create-page .title-cal {
    font-size: 20px;
    padding-bottom: 70px;
    font-weight: 700;
    text-align: center
}

.form-create-page .title-cal.title-cal-product {
    padding-bottom: 10px
}

.form-create-page .sub-title-cal {
    font-size: 16px;
    text-align: center;
    padding-bottom: 30px
}

.form-create-page .content-cal {
    min-height: 125px;
    width: 430px;
    margin: auto
}

.form-create-page .content-cal .row-input {
    line-height: 30px;
    margin-bottom: 15px
}

.form-create-page .content-cal label {
    float: left;
    font-weight: 700;
    width: 120px;
    text-align: right;
    padding-right: 20px
}

.form-create-page .content-cal input {
    width: 200px;
    height: 30px;
    float: left;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0 5px;
    text-align: right
}

.form-create-page .content-cal span {
    float: left;
    width: 75px;
    text-align: center;
    line-height: 30px
}

.form-create-page .footer-form {
    padding-top: 15px;
    width: 425px;
    margin: auto
}

.form-create-page .footer-form a {
    width: 200px;
    line-height: 50px;
    background: #ff0005;
    display: block;
    border-radius: 3px;
    text-align: center;
    color: #fff;
    font-family: kanitlight, tahoma;
    font-size: 16px;
    float: left;
    margin: 0 24px 0 0
}

.form-create-page .footer-form a.btn-cancel {
    background: #e4e4e4;
    color: #252525 !important
}

.form-create-page .footer-form a.btn-cancel:focus, .form-create-page .footer-form a.btn-cancel:hover {
    color: #252525 !important;
    background: #ccc !important
}

.form-create-page .footer-form a.btn-order {
    background: #ff0005;
    margin: 0
}

.form-create-page .footer-form a.btn-order:focus, .form-create-page .footer-form a.btn-order:hover {
    color: #fff !important;
    background: #b90408 !important
}

.form-shop {
    background: rgba(0, 0, 0, .7)
}

.form-shop .modal-body {
    padding: 30px 35px
}

.form-shop .title-header {
    font-family: kanitregular, tahoma;
    font-size: 18px;
    padding-bottom: 20px;
    font-weight: 700;
    text-align: center
}

.form-shop .form-group {
    line-height: 25px;
    margin-bottom: 15px
}

.form-shop .form-group label {
    float: left;
    width: 160px;
    font-weight: 700;
    text-align: right;
    padding-right: 20px
}

.form-shop .form-group .txt-content {
    width: 240px;
    float: left;
    padding: 0 5px
}

.form-shop .footer-form {
    padding-top: 15px
}

.form-shop .footer-form a {
    width: 200px;
    line-height: 50px;
    background: #ff0005;
    display: block;
    border-radius: 3px;
    text-align: center;
    color: #fff;
    font-family: kanitlight, tahoma;
    font-size: 16px;
    margin: 0 20px 0 0;
    float: left
}

.form-shop .footer-form a.btn-cancel {
    margin: 0 auto;
    float: none;
    background: #e4e4e4;
    color: #252525 !important
}

.form-shop .footer-form a.btn-cancel:focus, .form-shop .footer-form a.btn-cancel:hover {
    color: #252525 !important;
    background: #ccc !important
}

.form-shop .footer-form a.btn-close {
    background: #e4e4e4;
    color: #252525 !important
}

.form-shop .footer-form a.btn-close:focus, .form-shop .footer-form a.btn-close:hover {
    color: #252525 !important;
    background: #ccc !important
}

.form-shop .footer-form a.btn-modal {
    background: #ff0005;
    margin: 0
}

.form-shop .footer-form a.btn-modal:focus, .form-shop .footer-form a.btn-modal:hover {
    color: #fff !important;
    background: #b90408 !important
}

.form-map-modal {
    padding-left: 0
}

.form-map-modal .modal-dialog {
    max-width: 1000px
}

.form-map-modal .modal-dialog .title-map {
    font-size: 24px;
    font-family: kanitregular, tahoma;
    padding-bottom: 5px
}

.form-map-modal .modal-dialog .sub-title-map {
    font-size: 15px;
    padding-bottom: 15px
}

.form-map-modal .modal-dialog .content-map {
    position: relative
}

.form-map-modal .modal-dialog .content-map #map {
    height: 500px
}

.form-map-modal .modal-dialog .content-map html {
    height: 100%;
    margin: 0;
    padding: 0;
    text-align: center
}

.form-map-modal .modal-dialog .content-map #floating-panel {
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -320px;
    width: 700px;
    z-index: 5;
    background-color: #fff;
    padding: 5px;
    border: 1px solid #999
}

.form-map-modal .modal-dialog .content-map #floating-panel .map-address {
    width: 94%;
    float: left
}

.form-map-modal .modal-dialog .content-map #floating-panel .btn-search-map, .form-map-modal .modal-dialog .footer-form {
    float: right
}

.header-section {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 998;
    background: #ffea33;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2)
}

.header-section .home-header {
    height: 120px
}

.header-section .home-logo {
    float: left;
    padding: 9px 20px 8px
}

.header-section .home-menu .menu-ul {
    float: left
}

.header-section .home-menu .menu-ul .menu-li {
    float: left;
    padding: 10px;
    margin-top: 5%;
}

.header-section .home-menu .menu-ul .menu-li a {
    font-family: kanitregular, tahoma;
    color: #000000;
    font-size: 14px;
    display: block;
    line-height: 40px
}

.header-section .home-menu .menu-ul .menu-li a.active {
    border-bottom: 2px solid #ff0;
    font-weight: 700
}

.header-section .home-feature {
    float: right;
    padding: 19px 20px;
    width: 400px
}

.header-section .home-feature .home-feature-inner .feature-inner-content {
    float: left
}

.header-section .home-feature .home-feature-inner .feature-inner-content .feature-name {
    line-height: 25px
}

.header-section .home-feature .home-feature-inner .feature-inner-content .feature-name .title-name {
    color: #666666;
    font-family: kanitlight, tahoma;
    float: left;
    width: 70px;
    margin-right: 10px
}

.header-section .home-feature .home-feature-inner .feature-inner-content .feature-name .staff-name {
    color: #000000;
    font-family: kanitlight, tahoma;
    float: left;
    width: 120px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    text-overflow: ellipsis
}

.header-section .home-feature .home-feature-inner .feature-inner-content .feature-position {
    line-height: 25px
}

.header-section .home-feature .home-feature-inner .feature-inner-content .feature-position .title-position {
    color: #666666;
    font-family: kanitlight, tahoma;
    float: left;
    width: 70px;
    margin-right: 10px
}

.title-position {
    width: 42px !important;
}

.feature-position {
    width: 280px !important;
}

.header-section .home-feature .home-feature-inner .feature-inner-content .feature-position .status-position {
    color: #000000;
    font-family: kanitlight, tahoma;
    float: left;
    width: 120px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    text-overflow: ellipsis
}

.header-section .home-feature .home-feature-inner .feature-inner-logout {
    float: right
}

.header-section .home-feature .home-feature-inner .feature-inner-logout .btn-logout {
    width: 120px;
    background: #fff;
    line-height: 50px;
    display: block;
    text-align: center;
    border-radius: 3px;
    color: #252525;
    font-family: kanitlight, tahoma;
    font-size: 14px
}

.content-section {
    padding-top: 135px
}

.content-section .bg-page-white {
    background: #fff
}

.content-section .bg-page, .content-section .bg-page-white {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}

.content-section .section-title {
    width: 1160px;
    margin: 0 auto;
    padding: 30px 0
}

.content-section .section-title .filter {
    float: left;
    width: 500px
}

.content-section .section-title .filter .filter-input-wrapper {
    float: left;
    width: auto
}

.content-section .section-title .filter .filter-input-wrapper i {
    font-size: 24px;
    line-height: 50px;
    vertical-align: middle;
    width: 50px;
    text-align: center
}

.content-section .section-title .filter .filter-input-wrapper .input-filter {
    width: 240px;
    border: 0;
    background: #f5f5f5;
    border-radius: 4px;
    line-height: 50px;
    padding: 0 10px
}

.content-section .section-title .filter .filter-btn-wrapper {
    float: right
}

.content-section .section-title .filter .filter-btn-wrapper .btn-search {
    width: 190px;
    line-height: 50px;
    background: #ebebeb;
    display: block;
    border-radius: 3px;
    text-align: center;
    color: #252525;
    font-weight: 700;
    font-family: kanitlight, tahoma;
    font-size: 16px
}

.content-section .section-title .btn-wrapper {
    float: right
}

.content-section .section-title .btn-wrapper .btn-wrapper-add {
    width: 190px;
    line-height: 50px;
    background: #ffea33;
    display: block;
    border-radius: 3px;
    text-align: center;
    color: #000000;
    font-family: kanitlight, tahoma;
    font-weight: 700;
    font-size: 16px
}

.content-section .section-table {
    width: 1160px;
    margin: 0 auto;
    min-height: 420px;
    padding-bottom: 20px
}

.content-section .section-table .th-last {
    width: 190px
}

.content-section .section-table .td-last {
    padding-left: 0;
    padding-right: 0
}

.content-section .section-table .td-last .btn-first, .content-section .section-table .td-last .btn-last {
    width: 80px;
    background: #ebebeb;
    display: inline-block;
    float: right;
    border-radius: 3px
}

.content-section .section-table .td-last .btn-first {
    margin: 0 10px
}

.content-section .section-title-backend {
    width: 1160px;
    margin: 0 auto;
    padding: 30px 0
}

.content-section .section-title-backend .filter {
    float: left;
    width: 500px
}

.content-section .section-title-backend .filter .filter-input-wrapper {
    float: left;
    width: auto
}

.content-section .section-title-backend .filter .filter-input-wrapper i {
    font-size: 24px;
    line-height: 50px;
    vertical-align: middle;
    width: 50px;
    text-align: center
}

.content-section .section-title-backend .filter .filter-input-wrapper .input-filter {
    width: 240px;
    border: 0;
    background: #f5f5f5;
    border-radius: 4px;
    line-height: 50px;
    padding: 0 10px
}

.content-section .section-title-backend .filter .filter-btn-wrapper {
    float: right
}

.content-section .section-title-backend .filter .filter-btn-wrapper .btn-search {
    width: 190px;
    line-height: 50px;
    background: #ebebeb;
    display: block;
    border-radius: 3px;
    text-align: center;
    color: #252525;
    font-weight: 700;
    font-family: kanitlight, tahoma;
    font-size: 16px
}

.content-section .section-title-backend .btn-wrapper {
    float: right
}

.content-section .section-title-backend .btn-wrapper .btn-wrapper-add {
    width: 190px;
    line-height: 50px;
    background: #ffea33;
    display: block;
    border-radius: 3px;
    text-align: center;
    color: #000000;
    font-family: kanitlight, tahoma;
    font-weight: 700;
    font-size: 16px
}

.content-section .section-title-backend .filter-center {
    width: 500px;
    margin: 0 auto
}

.content-section .section-title-backend .filter-center .filter-input-wrapper {
    float: left;
    width: auto
}

.content-section .section-title-backend .filter-center .filter-input-wrapper i {
    font-size: 24px;
    line-height: 50px;
    vertical-align: middle;
    width: 50px;
    text-align: center
}

.content-section .section-title-backend .filter-center .filter-input-wrapper .input-filter {
    width: 240px;
    border: 0;
    background: #f5f5f5;
    border-radius: 4px;
    line-height: 50px;
    padding: 0 10px
}

.content-section .section-title-backend .filter-center .filter-btn-wrapper {
    float: right
}

.content-section .section-title-backend .filter-center .filter-btn-wrapper .btn-search {
    width: 190px;
    line-height: 50px;
    background: #ebebeb;
    display: block;
    border-radius: 3px;
    text-align: center;
    color: #252525;
    font-weight: 700;
    font-family: kanitlight, tahoma;
    font-size: 16px
}

.content-section .section-table-backend {
    width: 1160px;
    margin: 0 auto;
    padding-bottom: 20px
}

.content-section .section-table-backend.wrapper-table {
    min-height: 420px
}

.content-section .section-table-backend.table-config td, .content-section .section-table-backend.table-config th {
    border: 0
}

.content-section .section-table-backend .title-config {
    text-align: center;
    padding: 30px 0 20px;
    font-size: 20px;
    font-family: kanitregular, tahoma
}

.content-section .section-table-backend .title-config span {
    border: 1px solid #ccc;
    padding: 2px 6px;
    border-radius: 3px;
    margin: 0 0 0 5px
}

.content-section .section-table-backend .shop-modal {
    color: #0b9dd1
}

.content-section .section-table-backend .th-last {
    width: 190px
}

.content-section .section-table-backend .td-last {
    padding-left: 0;
    padding-right: 0
}

.content-section .section-table-backend .td-last .btn-first, .content-section .section-table-backend .td-last .btn-last {
    width: 80px;
    background: #ebebeb;
    display: inline-block;
    float: right;
    border-radius: 3px
}

.content-section .section-table-backend .td-last .btn-first {
    margin: 0 10px
}

.content-section .wrapper-create {
    width: 485px;
    float: left;
    background: #fff;
    min-height: 560px;
    border-right: 2px solid #ebebeb
}

.content-section .wrapper-create .table .tr-title {
    height: 60px
}

.content-section .wrapper-create .table td {
    border-bottom-width: 0 !important;
    border-top-width: 0 !important
}

.content-section .wrapper-create .table .tr-summary {
    height: 50px
}

.content-section .wrapper-create .table .tr-summary td {
    border-bottom-width: 1px !important;
    border-top-width: 1px !important;
    font-size: 16px;
    font-weight: 700
}

.content-section .wrapper-option {
    width: 515px;
    float: left
}

.content-section .wrapper-option .wrapper-menu {
    height: 120px;
    border-bottom: 2px solid #ccc
}

.content-section .wrapper-option .wrapper-menu .menu-inner {
    width: 220px;
    float: left;
    background: #ffea33;
    line-height: 80px;
    text-align: center;
    color: #000000;
    border-radius: 3px;
    margin: 20px;
    font-size: 20px;
    font-family: kanitregular, tahoma
}

.content-section .wrapper-option .wrapper-menu .menu-inner.menu-inner-last {
    margin: 20px 0
}

.content-section .wrapper-option .wrapper-content-inner {
    padding: 10px;
    border-bottom: 2px solid #ccc;
    min-height: 322px;
    height: 322px;
    overflow-y: auto
}

.content-section .wrapper-option .wrapper-content-inner.wrapper-content-inner-custom {
    padding: 5px
}

.content-section .wrapper-option .wrapper-content-inner a {
    width: 146px;
    float: left;
    background: #ebebeb;
    min-height: 100px;
    line-height: 2;
    display: table;
    text-align: center;
    color: #252525;
    border-radius: 3px;
    margin: 10px 0 10px 10px;
    font-size: 18px;
    font-family: kanitregular, tahoma
}

.content-section .wrapper-option .wrapper-content-inner a div {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.content-section .wrapper-option .wrapper-command {
    padding: 10px
}

.content-section .wrapper-option .wrapper-command .command-inner {
    width: 108px;
    float: left;
    background: #ebebeb;
    text-align: center;
    border-radius: 3px;
    margin: 10px 0 10px 10px;
    padding: 12px 0
}

.content-section .wrapper-option .wrapper-command .command-inner i {
    font-size: 24px;
    display: block;
    line-height: 30px;
    color: #252525
}

.content-section .wrapper-option .wrapper-command .command-inner span {
    font-size: 18px;
    font-family: kanitregular, tahoma;
    color: #252525
}

.content-section .wrapper-graph {
    padding-top: 30px
}

.content-section .wrapper-graph .summary-balance {
    text-align: center;
    font-size: 24px;
    font-family: kanitregular, tahoma
}

.content-section .wrapper-graph .summary-balance .val-summary {
    color: #ff0005;
    font-family: kanitregular, tahoma;
    font-weight: 700
}

.content-section .wrapper-graph .txt-date {
    font-size: 12px;
    font-weight: 700
}

.content-section .pagination-inner {
    float: right;
    margin-bottom: 20px
}

.content-section .pagination-inner .pagination {
    margin: 0 10px 0 0
}

.content-section .pagination-inner a {
    margin: 0 5px;
    border-radius: 50px;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    color: #ccc
}

.content-section .pagination-inner .active a {
    color: #fff;
    background: #ff0005;
    border: 1px solid #ff0005
}

.content-section .pagination-inner-center {
    float: none;
    text-align: center;
    margin-top: 20px
}

.content-section .pagination > li:first-child > a, .content-section .pagination > li:first-child > span {
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px
}

.content-section .pagination > li:last-child > a, .content-section .pagination > li:last-child > span {
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px
}

.footer-section {
    background: #ffea33
}

.footer-section .home-footer-bottom {
    text-align: center;
    padding: 10px 0 20px
}

.wrapper-form {
    width: 500px;
    margin: 0 auto;
    padding: 25px
}

.wrapper-form .btn-turn-back {
    width: 100px;
    background: #ebebeb;
    padding: 10px;
    border-radius: 3px;
    display: block;
    text-align: center;
    color: #252525 !important;
    border: 2px solid #ebebeb
}

.wrapper-form .btn-turn-back:hover {
    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc
}

.wrapper-form .title-page {
    text-align: center;
    font-size: 36px;
    font-family: kanitregular, tahoma;
    padding-bottom: 15px
}

.wrapper-form .form-group label {
    font-size: 16px;
    font-family: kanitlight, tahoma;
    padding-bottom: 5px;
    display: block
}

.wrapper-form .form-group .wrapper-transport-service {
    background: #f5f5f5;
    padding: 20px
}

.wrapper-form .form-group .wrapper-transport-service label {
    width: 200px;
    float: left;
    font-size: 15px;
    padding-bottom: 10px
}

.wrapper-form .form-group .btn-form {
    border: 0;
    margin-top: 30px;
    background: #ff0005;
    line-height: 50px;
    display: block;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    font-family: kanitlight, tahoma;
    font-size: 18px;
    width: 100%
}

.lock-page {
    min-height: 400px;
    width: 600px;
    margin: 100px auto 0
}

.lock-page .lock-wrapper i {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 100px
}

.lock-page .lock-wrapper .title {
    font-family: kanitbold, tahoma;
    font-size: 46px;
    padding-bottom: 15px;
    text-align: center;
    color: #ff0005
}

.lock-page .lock-wrapper .sub-title {
    font-family: kanitregular, tahoma;
    font-size: 30px;
    text-align: center;
    padding-bottom: 15px
}

.lock-page .lock-wrapper .sub-title span {
    font-family: kanitbold, tahoma;
    font-size: 30px;
    color: #ff0005
}

.lock-page .lock-wrapper .footer-title {
    font-family: kanitregular, tahoma;
    font-size: 26px;
    text-align: center
}

.wrapper-receipt .title-receipt {
    font-size: 20px
}

.wrapper-receipt .name-shop, .wrapper-receipt .title-receipt {
    text-align: center;
    font-weight: 700;
    font-family: kanitregular, tahoma
}

.wrapper-receipt .name-shop {
    font-size: 16px
}

.wrapper-receipt .address-shop {
    padding: 10px 75px 20px;
    text-align: center;
    font-size: 14px
}

.wrapper-receipt .wrapper-content-receipt tr th {
    font-size: 11px;
    font-weight: 700;
    padding-bottom: 10px
}

.wrapper-receipt .wrapper-content-receipt tr th.th-1 {
    width: 130px
}

.wrapper-receipt .wrapper-content-receipt tr th.th-2 {
    width: 51px
}

.wrapper-receipt .wrapper-content-receipt tr th.th-3 {
    width: 70px
}

.wrapper-receipt .wrapper-content-receipt tr th.th-4 {
    width: 75px
}

.wrapper-receipt .wrapper-content-receipt tr td {
    font-size: 12px;
    padding-bottom: 10px
}

.wrapper-receipt .wrapper-content-receipt tr.tr-last td {
    font-weight: 700
}

.wrapper-content-inner th {
    font-size: 12px;
    font-weight: 700;
    width: 150px
}

.wrapper-content-inner td {
    font-size: 12px
}

@media screen and (max-width: 780px) {
    body {
        min-height: 1200px
    }

    .wrapper-1000 {
        width: 100%
    }

    .header-section {
        height: 60px
    }

    .content-section {
        margin-top: 60px
    }
}

@media screen and (max-width: 500px) {
    body {
        min-width: 320px;
        min-height: 0
    }

    .wrapper-1000 {
        padding: 0
    }
}

.loading {
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    bottom: 0;
    right: 0
}

.loading, .loading:before {
    position: fixed;
    top: 0;
    left: 0
}

.loading:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3)
}

.loading:not(:required) {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.loading:not(:required):after {
    content: "";
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -.5em;
    -webkit-animation: spinner 1.5s infinite linear;
    animation: spinner 1.5s infinite linear;
    border-radius: .5em;
    -webkit-box-shadow: rgba(0, 0, 0, .75) 1.5em 0 0 0, rgba(0, 0, 0, .75) 1.1em 1.1em 0 0, rgba(0, 0, 0, .75) 0 1.5em 0 0, rgba(0, 0, 0, .75) -1.1em 1.1em 0 0, rgba(0, 0, 0, .5) -1.5em 0 0 0, rgba(0, 0, 0, .5) -1.1em -1.1em 0 0, rgba(0, 0, 0, .75) 0 -1.5em 0 0, rgba(0, 0, 0, .75) 1.1em -1.1em 0 0;
    box-shadow: 1.5em 0 0 0 rgba(0, 0, 0, .75), 1.1em 1.1em 0 0 rgba(0, 0, 0, .75), 0 1.5em 0 0 rgba(0, 0, 0, .75), -1.1em 1.1em 0 0 rgba(0, 0, 0, .75), -1.5em 0 0 0 rgba(0, 0, 0, .75), -1.1em -1.1em 0 0 rgba(0, 0, 0, .75), 0 -1.5em 0 0 rgba(0, 0, 0, .75), 1.1em -1.1em 0 0 rgba(0, 0, 0, .75)
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.dataTables_empty {
    display: none
}

.wrapper-receipt {
    width: 105mm
}

.receipt {
    font-size: 1.2em;
    line-height: 2em
}

.receipt .body, .receipt .header {
    line-height: 1.5em
}

.txt-right {
    text-align: right;
    padding-right: 10px
}

.receipt .row.hr {
    border-bottom: 1px solid;
    padding: 10px
}

.receipt .total {
    font-weight: 700;
    font-size: 1.5em;
    line-height: 1.5em
}

.receipt .col.bobt {
    border-bottom: 1px solid
}

.receipt .body .col {
}

.home-shop {
    line-height: 120px;
    float: left;
    color: #000000;
    width: 450px;
    font-size: 3em
}

.home-shop, .no-data-available {
    text-align: center
}

a.disabled {
    pointer-events: none;
    cursor: default
}

.printReceiptButton {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.printReceipt1 {
    margin-right: 30px;
    height: 80px;
    background-color: white;
    color: black;
    border: 2px solid #4CAF50;
}

.printReceipt1:hover {
    background-color: #4CAF50;
    color: white;
}

.printReceipt2 {
    height: 80px;
    background-color: white;
    color: black;
    border: 2px solid #008CBA;
}

.printReceipt2:hover {
    background-color: #008CBA;
    color: white;
}

.cancelPrintReceipt {
    position: absolute;
    left: 160px;
    top: 120px;
    background-color: white;
    color: black;
    border: 2px solid #555555;
}

.cancelPrintReceipt:hover {
    background-color: #555555;
    color: white;
}


.form-create-page[_ngcontent-c3] .footer-form[_ngcontent-c3] .btn-cal-order{width:200px;line-height:50px;background:#ff0005;display:block;border-radius:3px;text-align:center;color:#fff;font-family:kanitlight,tahoma;font-size:16px;float:left;margin:0;padding:0}#order-form[_ngcontent-c3]   button.btn[_ngcontent-c3]{border:none}tr.error[_ngcontent-c3]{background-color:red}.currency[_ngcontent-c3]{font-size:4em;text-align:right}input[type=number].currency[_ngcontent-c3]::-webkit-inner-spin-button, input[type=number].currency[_ngcontent-c3]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.wrapper-content-inner.disabled[_ngcontent-c3], .wrapper-menu.disabled[_ngcontent-c3]{opacity:.5}img.couriericon[_ngcontent-c3]{height:60px;display:block;margin:auto;padding-top:10px}#order-form[_ngcontent-c3]   .hasicon[_ngcontent-c3]{line-height:40px}
    #box-1[_ngcontent-c3]::-webkit-scrollbar-track, #box-2[_ngcontent-c3]::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:6px;background-color:#f5f5f5}#box-1[_ngcontent-c3]::-webkit-scrollbar, #box-2[_ngcontent-c3]::-webkit-scrollbar{width:8px;background-color:#f5f5f5}#box-1[_ngcontent-c3]::-webkit-scrollbar-thumb, #box-2[_ngcontent-c3]::-webkit-scrollbar-thumb{border-radius:6px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#555}#box-2[_ngcontent-c3]   a.product-inner.btn-add-product[_ngcontent-c3]{display:table;line-height:unset;height:100px}#box-2[_ngcontent-c3]   a.product-inner.btn-add-product[_ngcontent-c3]   span[_ngcontent-c3]{display:table-cell;vertical-align:middle;padding:5px}
    .form-create-page[_ngcontent-c3] .footer-form[_ngcontent-c3] .btn-cal-order.disabled{
      opacity:.5
    }
    .form-create-page .content-cal label{
      width: 140px;
    }
    .form-create-page .content{
      position: relative;
    }
    .content-float{
      width: 293px;
      height: 208px;
      background: #fff;
      position:absolute;
      left: 100px;
      top:29px;
      z-index: 88;
      border: 1px solid #ccc;
      padding: 10px;
    display:none;
    }

  .content-float ul{
    overflow:scroll;
      height: 150px;
  }

  .tel-tip{
    margin-left: 28%;
      color: red;
  }
  .content-float ul li:hover{
    background:lightgray;
  }
  .excel_input{
    width:205px;
    height:32px;
  }

  .disabled{
    opacity: .5;
  }

  #calulateModalOut .btn-cancel-out, #calulateModalThaipost .btn-cancel-thaipost{
    background: #e4e4e4;
    color: #252525 !important;
  }

    .skybox-input-dst-area, .skybox-input-src-area {
      display: none;
    }
    .couriericon-2 {
    max-width: 120px;
      max-height: 20px;
    }
    .div-couriericon-2 {
      text-align: center;
      line-height: normal;
    }
    .modal {
      overflow-y:auto;
    }
    .order-info{
      padding:30px 0 0 0;
      color:red;
      font-size:20px;
      font-weight:bold;
    }
    .hero {
      display: block;
      box-sizing: border-box;
      height: 70px;
      background-color: white;
      clip-path: ellipse(81% 100% at 36.98% 0%);
    }
    .hidden{
      display:none;
    }
    .radio-toolbar {
      margin: -6px;
    }

    .radio-toolbar input[type="radio"] {
      opacity: 0;
      position: fixed;
      width: 0;
    }

    .radio-toolbar label {
        display: inline-block;
        background-color: #ddd;
        padding: 10px 20px;
        font-size: 16px;
        /* border: 2px solid #444; */
        border-radius: 4px;
    }

    .radio-toolbar label:hover {
      background-color: orange;
    }

    .radio-toolbar input[type="radio"]:checked + label {
        background-color: red;
        border-color: red;
        color:white;
    }
    
    .form-create-page .title-header-upload {
        font-size: 14px;
        padding-bottom: 10px;
        font-weight: 700
    }

    .btn-upload-excel{
        padding: 10px;
        border-radius: 6px;
    }
    .txt-success{
        color: green;
    }
    .txt-danger{
        color: red;
    }