/*!
 *  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(674f50d287a8c48dc19ba404d20fe713.eot);src:url(674f50d287a8c48dc19ba404d20fe713.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(af7ae505a9eed503f8b8e6982036873e.woff2) format('woff2'),url(fee66e712a8a08eef5805a46892932ad.woff) format('woff'),url(b06871f281fee6b241d60582ae9369b9.ttf) format('truetype'),url(data:image/svg+xml;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICJpbWFnZXMvXy9fL25vZGVfbW9kdWxlcy9mb250LWF3ZXNvbWUvZm9udHMvZm9udGF3ZXNvbWUtd2ViZm9udC5zdmciOw==#fontawesomeregular) format('svg');font-weight:normal;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:solid .08em #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)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{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-remove:before,.fa-close: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-gear:before,.fa-cog: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-rotate-right:before,.fa-repeat: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-photo:before,.fa-image: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-warning:before,.fa-exclamation-triangle: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-gears:before,.fa-cogs: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-save:before,.fa-floppy-o:before{content:"\F0C7"}.fa-square:before{content:"\F0C8"}.fa-navicon:before,.fa-reorder:before,.fa-bars: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-unsorted:before,.fa-sort:before{content:"\F0DC"}.fa-sort-down:before,.fa-sort-desc:before{content:"\F0DD"}.fa-sort-up:before,.fa-sort-asc:before{content:"\F0DE"}.fa-envelope:before{content:"\F0E0"}.fa-linkedin:before{content:"\F0E1"}.fa-rotate-left:before,.fa-undo:before{content:"\F0E2"}.fa-legal:before,.fa-gavel:before{content:"\F0E3"}.fa-dashboard:before,.fa-tachometer:before{content:"\F0E4"}.fa-comment-o:before{content:"\F0E5"}.fa-comments-o:before{content:"\F0E6"}.fa-flash:before,.fa-bolt:before{content:"\F0E7"}.fa-sitemap:before{content:"\F0E8"}.fa-umbrella:before{content:"\F0E9"}.fa-paste:before,.fa-clipboard: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-unlink:before,.fa-chain-broken: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-toggle-down:before,.fa-caret-square-o-down:before{content:"\F150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\F151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\F152"}.fa-euro:before,.fa-eur:before{content:"\F153"}.fa-gbp:before{content:"\F154"}.fa-dollar:before,.fa-usd:before{content:"\F155"}.fa-rupee:before,.fa-inr:before{content:"\F156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\F157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\F158"}.fa-won:before,.fa-krw: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-toggle-left:before,.fa-caret-square-o-left:before{content:"\F191"}.fa-dot-circle-o:before{content:"\F192"}.fa-wheelchair:before{content:"\F193"}.fa-vimeo-square:before{content:"\F194"}.fa-turkish-lira:before,.fa-try: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-institution:before,.fa-bank:before,.fa-university:before{content:"\F19C"}.fa-mortar-board:before,.fa-graduation-cap: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-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\F1C5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\F1C6"}.fa-file-sound-o:before,.fa-file-audio-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-saver:before,.fa-support:before,.fa-life-ring:before{content:"\F1CD"}.fa-circle-o-notch:before{content:"\F1CE"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\F1D0"}.fa-ge:before,.fa-empire:before{content:"\F1D1"}.fa-git-square:before{content:"\F1D2"}.fa-git:before{content:"\F1D3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\F1D4"}.fa-tencent-weibo:before{content:"\F1D5"}.fa-qq:before{content:"\F1D6"}.fa-wechat:before,.fa-weixin:before{content:"\F1D7"}.fa-send:before,.fa-paper-plane:before{content:"\F1D8"}.fa-send-o:before,.fa-paper-plane-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-soccer-ball-o:before,.fa-futbol-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-shekel:before,.fa-sheqel:before,.fa-ils: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-hotel:before,.fa-bed:before{content:"\F236"}.fa-viacoin:before{content:"\F237"}.fa-train:before{content:"\F238"}.fa-subway:before{content:"\F239"}.fa-medium:before{content:"\F23A"}.fa-yc:before,.fa-y-combinator: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:before,.fa-battery-full: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-stop-o:before,.fa-hand-paper-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-tv:before,.fa-television: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-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\F2A3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\F2A4"}.fa-glide:before{content:"\F2A5"}.fa-glide-g:before{content:"\F2A6"}.fa-signing:before,.fa-sign-language: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-vcard:before,.fa-address-card:before{content:"\F2BB"}.fa-vcard-o:before,.fa-address-card-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:before,.fa-thermometer-full: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-bathtub:before,.fa-s15:before,.fa-bath: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}
.ui-widget,.ui-widget *{box-sizing:border-box}.ui-helper-hidden{display:none !important}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-hidden-accessible input,.ui-helper-hidden-accessible select{transform:scale(0)}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix::before,.ui-helper-clearfix::after{content:"";display:table}.ui-helper-clearfix::after{clear:both}.ui-helper-clearfix{zoom:1}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-state-disabled{cursor:default !important}.ui-state-disabled a{cursor:default !important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-shadow{-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.3);-moz-box-shadow:0 1px 3px 0 rgba(0,0,0,0.3);box-shadow:0 1px 3px 0 rgba(0,0,0,0.3)}.ui-unselectable-text{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.ui-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}.ui-overflow-hidden{overflow:hidden}::-webkit-input-placeholder{color:#898989}:-moz-placeholder{color:#898989;opacity:1}::-moz-placeholder{color:#898989;opacity:1}:-ms-input-placeholder{color:#898989}::-ms-input-placeholder{color:#898989}.ui-placeholder{color:#898989}input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]::-webkit-file-upload-button,button{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}.ui-accordion{width:100%}.ui-accordion .ui-accordion-header{cursor:pointer;position:relative;margin-top:1px;zoom:1}.ui-accordion .ui-accordion-header a{display:block;padding:.5em}.ui-accordion .ui-accordion-content{padding:1em;border-top:0;overflow:visible;zoom:1}.ui-accordion .ui-accordion-header.ui-state-disabled,.ui-accordion .ui-accordion-header.ui-state-disabled a{cursor:default}.ui-accordion-content-wrapper-overflown{overflow:hidden}.ui-rtl .ui-accordion .ui-accordion-header a{padding:.5em 2em .5em .5em}.ui-rtl .ui-accordion .ui-accordion-toggle-icon{left:initial;right:.5em}.ui-rtl .ui-accordion .ui-accordion-toggle-icon.fa-caret-right:before{content:'\F0D9'}.ui-autocomplete{width:auto;zoom:1;cursor:pointer;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;position:relative;display:inline-block}.ui-autocomplete .ui-autocomplete-dropdown{height:100%;width:2em;margin-right:0;vertical-align:top}.ui-autocomplete .ui-autocomplete-input{padding-right:1.5em}.ui-autocomplete-loader{position:absolute;right:.25em;top:50%;margin-top:-.5em}.ui-autocomplete-query{font-weight:bold}.ui-autocomplete .ui-autocomplete-panel{min-width:100%}.ui-autocomplete-panel{position:absolute;overflow:auto}.ui-autocomplete-panel .ui-autocomplete-list{padding:.4em;border:0 none}.ui-autocomplete-panel .ui-autocomplete-list-item{border:0 none;cursor:pointer;font-weight:normal;margin:1px 0;padding:.186em .313em;text-align:left}.ui-autocomplete .ui-button-icon-only,.ui-autocomplete .ui-button-icon-only:enabled:hover,.ui-autocomplete .ui-button-icon-only:enabled:focus,.ui-autocomplete .ui-button-icon-only:enabled:active{border-left:0 none}.ui-autocomplete-multiple-container{display:inline-block;vertical-align:middle}.ui-autocomplete-multiple-container.ui-inputtext{clear:left;cursor:text;list-style-type:none;margin:0;overflow:hidden;padding:0 1.5em 0 .25em}.ui-autocomplete-token{cursor:default;display:inline-block;vertical-align:middle;overflow:hidden;padding:.125em .5em;white-space:nowrap;position:relative;margin-right:.125em;border:0 none;font-size:.9em}.ui-autocomplete-token-label{display:block;margin-right:2em}.ui-autocomplete-token-icon{margin-top:-.5em;position:absolute;right:.2em;top:50%;cursor:pointer}.ui-autocomplete-input-token{display:inline-block;vertical-align:middle;list-style-type:none;margin:0 0 0 .125em;padding:.25em .25em .25em 0}.ui-autocomplete-input-token input{border:0 none;width:10em;outline:medium none;background-color:transparent;margin:0;padding:0;box-shadow:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}.ui-autocomplete-dd .ui-autocomplete-loader{right:2.25em}.ui-autocomplete-dd input.ui-corner-all,.ui-autocomplete-dd .ui-autocomplete-multiple-container.ui-corner-all{-moz-border-radius-topright:0;-webkit-border-top-right-radius:0;border-top-right-radius:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0}.ui-autocomplete-dd .ui-autocomplete-dropdown.ui-corner-all{-moz-border-radius-topleft:0;-webkit-border-top-left-radius:0;border-top-left-radius:0;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0}.ui-fluid p-autocomplete,.ui-fluid .ui-autocomplete,.ui-fluid .ui-autocomplete-input{width:100%}.ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-autocomplete-input,.ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-autocomplete-multiple-container{width:calc(100% - 2em)}.ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button{width:2em}.ui-blockui{position:absolute;top:0;left:0;width:100%;height:100%}.ui-blockui-document{position:fixed}.ui-breadcrumb{margin:0;padding:0;padding:.3em}.ui-breadcrumb ul{margin:0;padding:0}.ui-breadcrumb ul li{display:inline-block;vertical-align:middle}.ui-breadcrumb ul li .ui-menuitem-link{text-decoration:none}.ui-button{display:inline-block;position:relative;padding:0;margin-right:.1em;text-decoration:none !important;cursor:pointer;text-align:center;zoom:1;overflow:visible}p-button{display:inline-block}.ui-button-icon-only{width:2em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.25em 1em}.ui-button-icon-only .ui-button-text,.ui-button-text-empty .ui-button-text{padding:.25em;text-indent:-9999999px}.ui-button-text-icon-left .ui-button-text{padding:.25em 1em .25em 2.1em}.ui-button-text-icon-right .ui-button-text{padding:.25em 2.1em .25em 1em}.ui-button-icon-only .fa,.ui-button-text-icon-left .fa,.ui-button-text-icon-right .fa{position:absolute;top:50%;margin-top:-.5em;height:1em}.ui-button-icon-only .fa{top:50%;left:50%;margin-top:-.5em;margin-left:-.5em;width:1em;height:1em}.ui-button-icon-left{left:.5em}.ui-button-icon-right{right:.5em}.ui-buttonset .ui-button{margin-left:0;margin-right:0}button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-fluid .ui-button{width:100%}.ui-fluid .ui-button-text-icon-left .ui-button-text,.ui-fluid .ui-button-text-icon-right .ui-button-text{padding-left:1em;padding-right:1em}.ui-fluid .ui-buttonset{width:100%}.ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button{width:100%}.ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button{width:50%}.ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button{width:33.3%}.ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button{width:25%}.ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button{width:20%}.ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button{width:16.6%}@media(max-width:640px){.ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button{width:100%}}.ui-button.ui-button-secondary.ui-state-default,.ui-splitbutton.ui-button-secondary .ui-button.ui-state-default{background-color:#fff;border-color:#ccc;color:#373a3c}.ui-button.ui-button-secondary:enabled:hover,.ui-button.ui-button-secondary:focus,.ui-splitbutton.ui-button-secondary .ui-button:enabled:hover,.ui-splitbutton.ui-button-secondary .ui-button:focus{background-color:#f2f2f2;border-color:#ccc;color:#373a3c}.ui-button.ui-button-secondary:enabled:active,.ui-splitbutton.ui-button-secondary .ui-button:enabled:active{background-color:#e6e6e6;border-color:#ccc;color:#373a3c}.ui-button.ui-button-success.ui-state-default,.ui-splitbutton.ui-button-success .ui-button.ui-state-default{background-color:#5cb85c;border-color:#5cb85c;color:#fff}.ui-button.ui-button-success:enabled:hover,.ui-button.ui-button-success:focus,.ui-splitbutton.ui-button-success .ui-button:enabled:hover,.ui-splitbutton.ui-button-success .ui-button:focus{background-color:#4cae4c;border-color:#5cb85c}.ui-button.ui-button-success:enabled:active,.ui-splitbutton.ui-button-success .ui-button:enabled:active{background-color:#449d44;border-color:#5cb85c}.ui-button.ui-button-info.ui-state-default,.ui-splitbutton.ui-button-info .ui-button.ui-state-default{background-color:#5bc0de;border-color:#5bc0de;color:#fff}.ui-button.ui-button-info:enabled:hover,.ui-button.ui-button-info:focus,.ui-splitbutton.ui-button-info .ui-button:enabled:hover,.ui-splitbutton.ui-button-info .ui-button:focus{background-color:#46b8da;border-color:#5bc0de}.ui-button.ui-button-info:enabled:active,.ui-splitbutton.ui-button-info .ui-button:enabled:active{background-color:#31b0d5;border-color:#5bc0de}.ui-button.ui-button-warning.ui-state-default,.ui-splitbutton.ui-button-warning .ui-button.ui-state-default{background-color:#f0ad4e;border-color:#f0ad4e;color:#fff}.ui-button.ui-button-warning:enabled:hover,.ui-button.ui-button-warning:focus,.ui-splitbutton.ui-button-warning .ui-button:enabled:hover,.ui-splitbutton.ui-button-warning .ui-button:focus{background-color:#eea236;border-color:#f0ad4e}.ui-button.ui-button-warning:enabled:active,.ui-splitbutton.ui-button-warning .ui-button:enabled:active{background-color:#ec971f;border-color:#f0ad4e}.ui-button.ui-button-danger.ui-state-default,.ui-splitbutton.ui-button-danger .ui-button.ui-state-default{background-color:#d9534f;border-color:#d9534f;color:#fff}.ui-button.ui-button-danger:enabled:hover,.ui-button.ui-button-danger:focus,.ui-splitbutton.ui-button-danger .ui-button:enabled:hover,.ui-splitbutton.ui-button-danger .ui-button:focus{background-color:#d43f3a;border-color:#d9534f}.ui-button.ui-button-danger:enabled:active,.ui-splitbutton.ui-button-danger .ui-button:enabled:active{background-color:#c9302c;border-color:#d9534f}.ui-calendar{position:relative;display:inline-block}.ui-calendar .ui-calendar-button{position:absolute;height:100%;border-top-left-radius:0;border-bottom-left-radius:0;width:2em;border-left:0 none}.ui-calendar .ui-calendar-button:enabled:hover,.ui-calendar .ui-calendar-button:focus{border-left:0 none}.ui-fluid .ui-calendar{width:100%}.ui-fluid .ui-calendar-button{width:2em}.ui-fluid .ui-datepicker-buttonbar button{width:auto}.ui-fluid .ui-calendar.ui-calendar-w-btn .ui-inputtext{width:calc(100% - 2em)}.ui-datepicker{width:17em;padding:.2em;display:none;position:absolute}.ui-datepicker.ui-datepicker-inline{display:inline-block;position:static}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:.125em;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev{left:.125em}.ui-datepicker .ui-datepicker-next{right:.125em}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;top:50%;margin-top:-.5em}.ui-datepicker .ui-datepicker-prev span{margin-left:-.25em}.ui-datepicker .ui-datepicker-next span{margin-left:-.125em}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:.125em 0;vertical-align:middle}.ui-datepicker select.ui-datepicker-month{width:55%}.ui-datepicker select.ui-datepicker-year{width:35%}.ui-datepicker select.ui-datepicker-month{margin-right:.25em}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:.125em}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker .ui-datepicker-buttonbar{border-left:0 none;border-right:0 none;border-bottom:0 none;padding:.2em}.ui-datepicker .ui-datepicker-buttonbar>.ui-g>div:last-child{text-align:right}.ui-datepicker .ui-datepicker-buttonbar>.ui-g>div{padding:0}.ui-calendar.ui-calendar-w-btn input{-moz-border-radius-topright:0;-webkit-border-top-right-radius:0;-khtml-border-top-right-radius:0;border-top-right-radius:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;-khtml-border-bottom-right-radius:0;border-bottom-right-radius:0}.ui-timepicker{text-align:center;padding:.5em 0}.ui-timepicker>div{display:inline-block;margin-left:.5em;min-width:1.5em}.ui-timepicker>.ui-minute-picker,.ui-timepicker>.ui-second-picker{margin-left:0}.ui-timepicker>.ui-separator{margin-left:0;min-width:.75em}.ui-timepicker>.ui-separator a{visibility:hidden}.ui-timepicker>div a{display:block;opacity:.7;filter:Alpha(Opacity=70)}.ui-timepicker>div a:hover{display:block;opacity:1;filter:Alpha(Opacity=100)}.ui-card-header img{width:100%}.ui-card-body{padding:1em}.ui-card-title{font-size:1.5em;font-weight:bold;margin-bottom:.5em}.ui-card-subtitle{opacity:.7;margin-bottom:.5em;margin-top:-.25em;font-weight:bold}.ui-card-footer{padding-top:1em}.ui-card-shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,0.2),0 1px 1px 0 rgba(0,0,0,0.14),0 2px 1px -1px rgba(0,0,0,0.12);-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.2),0 1px 1px 0 rgba(0,0,0,0.14),0 2px 1px -1px rgba(0,0,0,0.12);-moz-box-shadow:0 1px 3px 0 rgba(0,0,0,0.2),0 1px 1px 0 rgba(0,0,0,0.14),0 2px 1px -1px rgba(0,0,0,0.12)}.ui-carousel{position:relative;padding:.063em}.ui-carousel .ui-carousel-viewport .ui-carousel-items{list-style:none outside none;margin:0;padding:0;position:relative;width:32000px;left:0}.ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item{margin:1px;padding:0;float:left;box-sizing:border-box}.ui-carousel .ui-carousel-viewport{overflow:hidden;position:relative;border:0}.ui-carousel .ui-carousel-footer{margin:1px 1px 0 1px;padding:.5em;overflow:hidden}.ui-carousel .ui-carousel-header{margin:0 1px;overflow:hidden;padding:.625em}.ui-carousel .ui-carousel-header .ui-carousel-header-title{display:inline-block;overflow:hidden}.ui-carousel .ui-carousel-dropdown,.ui-carousel .ui-carousel-mobiledropdown{float:right;margin:0 .625em;background-image:none}.ui-carousel .ui-carousel-dropdown option,.ui-carousel .ui-carousel-mobiledropdown option{background-image:none;border:0 none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}.ui-carousel .ui-carousel-button{float:right;margin:.125em}.ui-carousel .ui-carousel-page-link{float:left;margin:0 .125em;text-decoration:none}.ui-carousel .ui-carousel-page-link,.ui-carousel .ui-carousel-button{cursor:pointer}.ui-carousel .ui-carousel-page-links{margin:0 .5em;margin-top:.125em;float:right}.ui-carousel .ui-carousel-mobiledropdown{display:none}.ui-chkbox{display:inline-block;cursor:pointer;vertical-align:middle;margin-right:.25em}.ui-chkbox .ui-chkbox-box{width:1.125em;height:1.125em;line-height:1.125em;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;text-align:center}.ui-chkbox .ui-chkbox-icon{display:block}.ui-chkbox-label{vertical-align:middle}.ui-chips>ul.ui-inputtext{clear:left;cursor:text;list-style-type:none;margin:0;overflow:hidden;padding:0 .25em}.ui-chips-token{cursor:default;display:inline-block;vertical-align:middle;overflow:hidden;padding:.125em .5em;white-space:nowrap;position:relative;margin-right:.125em;border:0 none;font-size:.9em}.ui-chips-token .ui-chips-token-label{display:block;margin-right:2em}.ui-chips>.ui-state-disabled .ui-chips-token-label{margin-right:0}.ui-chips-token .ui-chips-token-icon{margin-top:-.5em;position:absolute;right:.2em;top:50%;cursor:pointer}.ui-chips-input-token{display:inline-block;vertical-align:middle;list-style-type:none;margin:0 0 0 .125em;padding:.25em .25em .25em 0}.ui-chips-input-token input{border:0 none;width:10em;outline:medium none;background-color:transparent;margin:0;padding:0;box-shadow:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}.ui-colorpicker{display:inline-block}.ui-colorpicker-dragging{cursor:pointer}.ui-colorpicker-overlay{position:relative}.ui-colorpicker-panel{position:relative;width:193px;height:166px;background-color:#323232;border-color:#191919}.ui-colorpicker-overlay-panel{display:none;position:absolute}.ui-colorpicker-preview{width:2em;cursor:pointer}.ui-colorpicker-panel .ui-colorpicker-content{position:relative}.ui-colorpicker-panel .ui-colorpicker-color-selector{width:150px;height:150px;top:8px;left:8px;position:absolute}.ui-colorpicker-panel .ui-colorpicker-color{width:150px;height:150px;background:transparent url(images/_/_/node_modules/primeng/resources/images/color.png) no-repeat left top}.ui-colorpicker-panel .ui-colorpicker-color-handle{position:absolute;top:0;left:150px;border-radius:100%;width:10px;height:10px;border:1px solid #fff;margin:-5px 0 0 -5px;cursor:pointer}.ui-colorpicker-panel .ui-colorpicker-hue{background:transparent url(images/_/_/node_modules/primeng/resources/images/hue.png) no-repeat left top;width:17px;height:150px;top:8px;left:167px;position:absolute;opacity:.85}.ui-colorpicker-panel .ui-colorpicker-hue-handle{position:absolute;top:150px;left:0;width:21px;margin-left:-2px;margin-top:-5px;height:10px;border:2px solid #fff;opacity:.85;cursor:pointer}.ui-colorpicker-panel.ui-state-disabled .ui-colorpicker-hue-handle,.ui-colorpicker-panel.ui-state-disabled .ui-colorpicker-color-handle{opacity:.5}.ui-contextmenu{width:12.5em;padding:.25em;position:absolute;display:none}.ui-contextmenu .ui-menu-separator{border-width:1px 0 0 0}.ui-contextmenu ul{list-style:none;margin:0;padding:0}.ui-contextmenu .ui-submenu-list{display:none;position:absolute;width:12.5em;padding:.25em}.ui-contextmenu .ui-menuitem-link{padding:.25em;display:block;position:relative}.ui-contextmenu .ui-menuitem{position:relative}.ui-contextmenu .ui-menuitem-link .ui-submenu-icon{position:absolute;margin-top:-.5em;right:0;top:50%}.ui-contextmenu .ui-menuitem-active>.ui-submenu>.ui-submenu-list{display:block !important}.ui-datagrid .ui-paginator{text-align:center}.ui-datagrid-column{padding:.25em}.ui-datagrid-content-empty{padding:.25em .625em}.ui-datagrid .ui-datagrid-header,.ui-datagrid .ui-datagrid-footer{text-align:center;padding:.5em .75em}.ui-datagrid .ui-datagrid-header{border-bottom:0 none}.ui-datagrid .ui-datagrid-footer{border-top:0 none}.ui-datagrid .ui-paginator-top{border-bottom:0 none}.ui-datagrid .ui-paginator-bottom{border-top:0 none}.ui-datalist .ui-datalist-header,.ui-datalist .ui-datalist-footer{text-align:center;padding:.5em .75em}.ui-datalist .ui-datalist-header{border-bottom:0 none}.ui-datalist .ui-datalist-footer{border-top:0 none}.ui-datalist .ui-datalist-data{margin:0;padding:0}.ui-datalist .ui-datalist-data>li{list-style-type:none}.ui-datalist .ui-datalist-emptymessage{padding:.5em .75em}.ui-datalist.ui-datalist-scrollable .ui-datalist-content{overflow:auto}.ui-datalist .ui-paginator-top{border-bottom:0 none}.ui-datalist .ui-paginator-bottom{border-top:0 none}.ui-datascroller .ui-datascroller-header{text-align:center;padding:.5em .75em;border-bottom:0 none}.ui-datascroller .ui-datascroller-footer{text-align:center;padding:.25em .625em;border-top:0 none}.ui-datascroller .ui-datascroller-content{padding:.25em .625em}.ui-datascroller-inline .ui-datascroller-content{overflow:auto}.ui-datascroller .ui-datascroller-list{list-style-type:none;margin:0;padding:0}.ui-datatable{position:relative}.ui-datatable table{border-collapse:collapse;width:100%;table-layout:fixed}.ui-datatable .ui-datatable-header,.ui-datatable .ui-datatable-caption,.ui-datatable .ui-datatable-footer{text-align:center;padding:.5em .75em;box-sizing:border-box}.ui-datatable .ui-datatable-caption,.ui-datatable .ui-datatable-header{border-bottom:0 none}.ui-datatable .ui-datatable-footer{border-top:0 none}.ui-datatable thead th,.ui-datatable tfoot td{text-align:center}.ui-datatable thead tr{border-width:0}.ui-datatable .ui-datatable-thead>tr>th,.ui-datatable .ui-datatable-tfoot>tr>td,.ui-datatable .ui-datatable-data>tr>td{border-color:inherit;box-sizing:border-box;padding:.25em .5em;border-width:1px;border-style:solid}.ui-datatable.ui-datatable-resizable .ui-datatable-thead>tr>th,.ui-datatable.ui-datatable-resizable .ui-datatable-tfoot>tr>td,.ui-datatable.ui-datatable-resizable .ui-datatable-data>tr>td{overflow:hidden}.ui-datatable .ui-datatable-thead>tr>th,.ui-datatable .ui-datatable-tfoot>tr>td{font-weight:normal}.ui-datatable tbody{outline:0}.ui-datatable .ui-sortable-column{cursor:pointer}.ui-datatable .ui-sortable-column-icon{display:inline-block;margin-left:.125em}.ui-datatable tr.ui-state-highlight{cursor:pointer}.ui-datatable-scrollable-body{overflow:auto;overflow-anchor:none;min-height:0}.ui-datatable-scrollable-header,.ui-datatable-scrollable-footer{overflow:hidden}.ui-datatable-scrollable .ui-datatable-scrollable-header,.ui-datatable-scrollable .ui-datatable-scrollable-footer{position:relative;border:0 none}.ui-datatable-scrollable .ui-datatable-scrollable-header td{font-weight:normal}.ui-datatable-scrollable-body .ui-datatable-data,.ui-datatable-scrollable-body .ui-datatable-data>tr:first-child{border-top-color:transparent}.ui-datatable .ui-datatable-data tr.ui-state-hover,.ui-datatable .ui-datatable-data tr.ui-state-highlight{border-color:inherit;font-weight:inherit;cursor:pointer}.ui-datatable .ui-datatable-data tr.ui-rowgroup-header td a,.ui-datatable .ui-datatable-data tr.ui-rowgroup-header td span.ui-rowgroup-header-name{display:inline-block;vertical-align:middle}.ui-datatable-scrollable-theadclone{height:0}.ui-datatable-scrollable-theadclone tr{height:0}.ui-datatable-scrollable-theadclone th.ui-state-default{height:0;border-bottom-width:0;border-top-width:0;padding-top:0;padding-bottom:0;outline:0 none}.ui-datatable-scrollable-theadclone th span.ui-column-title{display:block;height:0}.ui-datatable .ui-paginator{padding:.125em}.ui-datatable .ui-paginator-top{border-bottom-width:0}.ui-datatable .ui-paginator-bottom{border-top-width:0}.ui-datatable-rtl{direction:rtl}.ui-datatable-rtl.ui-datatable thead th,.ui-datatable-rtl.ui-datatable tfoot td{text-align:right}.ui-row-toggler{cursor:pointer}.ui-datatable .ui-column-resizer{display:block;position:absolute !important;top:0;right:0;margin:0;width:.5em;height:100%;padding:0;cursor:col-resize;border:1px solid transparent}.ui-datatable .ui-column-resizer-helper{width:1px;position:absolute;z-index:10;display:none}.ui-datatable-resizable{padding-bottom:1px;overflow:auto}.ui-datatable-resizable thead th,.ui-datatable-resizable tbody td,.ui-datatable-resizable tfoot td{white-space:nowrap}.ui-datatable-resizable th.ui-resizable-column{background-clip:padding-box;position:relative}.ui-datatable-reflow .ui-datatable-data td .ui-column-title{display:none}.ui-datatable .ui-column-filter{display:block;width:100%;box-sizing:border-box;margin-top:.25em}.ui-datatable .ui-editable-column input{width:100%;outline:0}.ui-datatable .ui-datatable-data>tr>td.ui-editable-column{padding:.5em}.ui-datatable .ui-editable-column>.ui-cell-editor{display:none}.ui-datatable .ui-datatable-data>tr>td.ui-editable-column.ui-cell-editing{padding:1px}.ui-datatable .ui-editable-column.ui-cell-editing>.ui-cell-editor{display:block}.ui-datatable .ui-editable-column.ui-cell-editing>.ui-cell-data{display:none}.ui-datatable-stacked thead th,.ui-datatable-stacked tfoot td{display:none !important}.ui-datatable.ui-datatable-stacked .ui-datatable-data>tr>td{text-align:left;display:block;border:0 none;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;clear:left}.ui-datatable.ui-datatable-stacked .ui-datatable-data.ui-widget-content{border:0 none}.ui-datatable-stacked .ui-datatable-data tr.ui-widget-content{border-left:0 none;border-right:0 none}.ui-datatable-stacked .ui-datatable-data td .ui-column-title{padding:.4em;min-width:30%;display:inline-block;margin:-.4em 1em -.4em -.4em;font-weight:bold}.ui-datatable .ui-selection-column .ui-chkbox,.ui-datatable .ui-selection-column .ui-radiobutton{margin:0;display:block}.ui-datatable .ui-selection-column .ui-chkbox-box,.ui-datatable .ui-selection-column .ui-radiobutton-box{display:block;box-sizing:border-box;margin:0}.ui-datatable-scrollable-wrapper{position:relative}.ui-datatable-frozen-view .ui-datatable-scrollable-body{overflow:hidden}.ui-datatable-unfrozen-view{position:absolute;top:0}.ui-datatable .ui-datatable-load-status{width:100%;height:100%;top:0;left:0}.ui-datatable .ui-datatable-virtual-table{position:absolute;top:0;left:0}.ui-datatable .ui-datatable-loading{position:absolute;width:100%;height:100%;-ms-filter:"alpha(opacity=10)";opacity:.1;z-index:1}.ui-datatable .ui-datatable-loading-content{position:absolute;left:50%;top:25%;z-index:2}@media(max-width:35em){.ui-datatable-reflow thead th,.ui-datatable-reflow tfoot td{display:none !important}.ui-datatable-reflow .ui-datatable-data>tr>td{text-align:left;display:block;border:0 none;width:100% !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;clear:left}.ui-datatable-reflow .ui-datatable-data.ui-widget-content{border:0 none}.ui-datatable-reflow .ui-datatable-data tr.ui-widget-content{border-left:0 none;border-right:0 none}.ui-datatable-reflow .ui-datatable-data td .ui-column-title{padding:.4em;min-width:30%;display:inline-block;margin:-.4em 1em -.4em -.4em;font-weight:bold}.ui-datatable-reflow.ui-datatable-scrollable .ui-datatable-scrollable-body colgroup{display:block}}.ui-dataview{position:relative}.ui-dataview .ui-paginator{text-align:center}.ui-dataview-column{padding:.25em}.ui-dataview-content-empty{padding:.25em .625em}.ui-dataview .ui-dataview-header,.ui-dataview .ui-dataview-footer{padding:.5em .75em}.ui-dataview .ui-dataview-header{border-bottom:0 none}.ui-dataview .ui-dataview-footer{border-top:0 none}.ui-dataview .ui-paginator-top{border-bottom:0 none}.ui-dataview .ui-paginator-bottom{border-top:0 none}.ui-dataview.ui-dataview-list>.ui-dataview-content>div.ui-g>div{width:100%}.ui-dataview-loading{position:absolute;width:100%;height:100%;-ms-filter:"alpha(opacity=10)";opacity:.1;z-index:1}.ui-dataview-loading-content{position:absolute;left:50%;top:50%;z-index:2;margin-top:-1em;margin-left:-1em}.ui-dialog{position:fixed;padding:0}.ui-dialog .ui-dialog-titlebar{padding:.5em .75em;position:relative;border:0}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em .75em;background:0;overflow:auto;zoom:1}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer;float:right}.ui-dialog .ui-resizable-se{width:14px;height:14px;right:3px;bottom:3px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-dialog .ui-dialog-titlebar-icon{text-decoration:none}.ui-dialog .ui-dialog-titlebar-close{float:right;padding:.125em;cursor:pointer;border:1px solid transparent}.ui-dialog .ui-dialog-titlebar-close span{display:block;margin:0}.ui-dialog-footer{padding:1em;border-width:1px 0 0 0;text-align:right}.ui-dialog-mask{position:fixed;width:100%;height:100%}.ui-confirmdialog{width:30em}.ui-confirmdialog.ui-dialog .ui-dialog-content{padding:1em 2em}.ui-confirmdialog .ui-dialog-content .fa{font-size:1.5em;vertical-align:middle;margin-right:.5em}.ui-confirmdialog .ui-dialog-content .ui-confirmdialog-message{vertical-align:middle}.ui-fluid .ui-dialog-footer .ui-button{width:auto}.ui-rtl .ui-dialog .ui-dialog-titlebar-close{float:left}.ui-rtl .ui-dialog .ui-dialog-buttonpane button{text-align:right}@media screen and (max-width:40em){.ui-confirmdialog{width:90%}}.ui-dropdown{display:inline-block;position:relative;cursor:pointer;vertical-align:middle}.ui-dropdown .ui-dropdown-clear-icon{position:absolute;right:2em;top:50%;font-size:.75em;height:1em;margin-top:-.5em;right:2.5em}.ui-dropdown .ui-dropdown-trigger{border-right:0;border-top:0;border-bottom:0;cursor:pointer;width:1.5em;height:100%;position:absolute;right:0;top:0;padding:0 .25em}.ui-dropdown .ui-dropdown-trigger .fa{margin-top:.3em;margin-left:-.125em}.ui-dropdown .ui-dropdown-label{display:block;border:0;white-space:nowrap;overflow:hidden;font-weight:normal;width:100%;padding-right:2.5em}.ui-dropdown-item-empty,.ui-dropdown-label-empty{text-indent:-9999px;overflow:hidden}.ui-dropdown.ui-state-disabled .ui-dropdown-trigger,.ui-dropdown.ui-state-disabled .ui-dropdown-label{cursor:default}.ui-dropdown label.ui-dropdown-label{cursor:pointer}.ui-dropdown input.ui-dropdown-label{cursor:default}.ui-dropdown .ui-dropdown-panel{min-width:100%}.ui-dropdown-panel{position:absolute;height:auto;display:none}.ui-dropdown-panel .ui-dropdown-items-wrapper{overflow:auto}.ui-dropdown-panel .ui-dropdown-item{font-weight:normal;border:0 none;cursor:pointer;margin:1px 0;padding:.125em .25em;text-align:left}.ui-dropdown-panel .ui-dropdown-item-group{font-weight:bold;cursor:default}.ui-dropdown-panel .ui-dropdown-list{padding:.4em;border:0 none}.ui-dropdown-panel .ui-dropdown-filter{width:100%;box-sizing:border-box;padding-right:1.5em}.ui-dropdown-panel .ui-dropdown-filter-container{position:relative;margin:0;padding:.4em;display:inline-block;width:100%}.ui-dropdown-panel .ui-dropdown-filter-container .fa{position:absolute;top:.8em;right:1em}.ui-fluid .ui-dropdown{width:100%}.ui-fieldset,.ui-fieldset .ui-fieldset-legend{padding:.5em 1em}.ui-fieldset-toggleable .ui-fieldset-legend{padding:0}.ui-fieldset-toggleable .ui-fieldset-legend a{padding:.5em 1em;cursor:pointer;white-space:nowrap;display:block}.ui-fieldset .ui-fieldset-toggler{margin-right:.1em;display:inline-block;vertical-align:middle}.ui-fieldset .ui-fieldset-legend-text{vertical-align:middle}.ui-fieldset .ui-fieldset-content-wrapper-overflown{overflow:hidden}.ui-fileupload-buttonbar .ui-fileupload-choose.ui-state-disabled input{cursor:default}.ui-fileupload-buttonbar{padding:.5em;border-bottom:0 none}.ui-fileupload-buttonbar .ui-button{vertical-align:middle;margin-right:.25em}.ui-fileupload-content{padding:1em;position:relative;transition:border-color .3s}.ui-fileupload-content.ui-fileupload-highlight{border-color:#156090}.ui-fileupload-files img{border:0}.ui-fileupload-files{display:table}.ui-fileupload-row{display:table-row}.ui-fileupload-row>div{display:table-cell;padding:.5em 1em;vertical-align:middle}.ui-fileupload-content .ui-progressbar{width:100%;position:absolute;top:1px;left:0;height:.25em;border:0 none}.ui-fileupload-content .ui-progressbar-value{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border:0 none}.ui-fileupload-choose{position:relative;overflow:hidden}.ui-fileupload-choose input[type=file]{position:absolute;top:0;right:0;margin:0;opacity:0;min-height:100%;font-size:100px;text-align:right;filter:alpha(opacity=0);direction:ltr;cursor:pointer}.ui-fileupload-choose.ui-fileupload-choose-selected input[type=file]{display:none}.ui-fluid .ui-fileupload .ui-button{width:auto}.ui-fluid .ui-fileupload-content .ui-button-icon-only{width:2em}@media(max-width:40em){.ui-fileupload-buttonbar .ui-button{display:block;width:100%;margin-right:0;margin-bottom:.25em}.ui-fileupload-buttonbar .ui-button:last-child{margin-bottom:0}.ui-fileupload-row>div{display:block}}.ui-galleria{overflow:hidden;visibility:hidden;position:relative}.ui-galleria-panel-wrapper{position:relative;padding:0;margin:0}.ui-galleria-panel{filter:inherit;position:absolute;top:0;left:0;list-style-type:none}.ui-galleria-filmstrip-wrapper{overflow:hidden;margin:.25em auto;position:relative}.ui-galleria-filmstrip{list-style:none outside none;margin:0;padding:0;width:2340px;z-index:900;position:absolute;top:0;left:0}.ui-galleria-frame{float:left;margin-right:5px;opacity:.3;cursor:pointer}.ui-galleria-frame-active{opacity:1}.ui-galleria-frame-content{overflow:hidden}.ui-galleria-nav-next,.ui-galleria-nav-prev{cursor:pointer;position:absolute;z-index:910}.ui-galleria-nav-prev{left:5px}.ui-galleria-nav-next{right:5px}.ui-galleria-caption{position:absolute;left:1px;background-color:rgba(0,0,0,0.5);display:none;color:#ededed;padding:.2em 1em}.ui-galleria-caption h4{color:#ededed}.ui-galleria-panel-content{padding:1em 1.4em}.ui-grid{clear:both;padding:0;margin:0}.ui-grid::before,.ui-grid::after{content:"";display:table}.ui-grid::after{clear:both}.ui-grid .ui-grid-row{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;clear:both}.ui-grid-row::after{clear:both;content:"";display:table}.ui-grid-col-1,.ui-grid-col-2,.ui-grid-col-3,.ui-grid-col-4,.ui-grid-col-5,.ui-grid-col-6,.ui-grid-col-7,.ui-grid-col-8,.ui-grid-col-9,.ui-grid-col-10,.ui-grid-col-11,.ui-grid-col-12{float:left;box-sizing:border-box}.ui-grid-col-1{width:8.33333%}.ui-grid-col-2{width:16.66666%}.ui-grid-col-3{width:25%}.ui-grid-col-4{width:33.33333%}.ui-grid-col-5{width:41.66666%}.ui-grid-col-6{width:50%}.ui-grid-col-7{width:58.33333%}.ui-grid-col-8{width:66.66666%}.ui-grid-col-9{width:75%}.ui-grid-col-10{width:83.33333%}.ui-grid-col-11{width:91.66666%}.ui-grid-col-12{width:100%}@media(min-width:480px){.ui-grid-fixed{width:480px}}@media(min-width:768px){.ui-grid-fixed{width:768px}}@media(min-width:960px){.ui-grid-fixed{width:960px}}@media(min-width:1024px){.ui-grid-fixed{width:1024px}}@media(max-width:640px){.ui-grid-responsive .ui-grid-row{display:block}.ui-grid-responsive .ui-grid-col-1,.ui-grid-responsive .ui-grid-col-2,.ui-grid-responsive .ui-grid-col-3,.ui-grid-responsive .ui-grid-col-4,.ui-grid-responsive .ui-grid-col-5,.ui-grid-responsive .ui-grid-col-6,.ui-grid-responsive .ui-grid-col-7,.ui-grid-responsive .ui-grid-col-8,.ui-grid-responsive .ui-grid-col-9,.ui-grid-responsive .ui-grid-col-10,.ui-grid-responsive .ui-grid-col-11,.ui-grid-responsive .ui-grid-col-12{width:100%;float:none}}.ui-grid.ui-grid-pad>.ui-grid-row>div{padding:.25em .5em}@media(max-width:640px){.ui-grid-responsive .ui-grid-row{display:block}.ui-grid-responsive .ui-grid-col-1,.ui-grid-responsive .ui-grid-col-2,.ui-grid-responsive .ui-grid-col-3,.ui-grid-responsive .ui-grid-col-4,.ui-grid-responsive .ui-grid-col-5,.ui-grid-responsive .ui-grid-col-6,.ui-grid-responsive .ui-grid-col-7,.ui-grid-responsive .ui-grid-col-8,.ui-grid-responsive .ui-grid-col-9,.ui-grid-responsive .ui-grid-col-10,.ui-grid-responsive .ui-grid-col-11,.ui-grid-responsive .ui-grid-col-12{width:100%;float:none}}.ui-g{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;box-sizing:border-box}.ui-g::after{clear:both;content:"";display:table;box-sizing:border-box}.ui-g-1,.ui-g-2,.ui-g-3,.ui-g-4,.ui-g-5,.ui-g-6,.ui-g-7,.ui-g-8,.ui-g-9,.ui-g-10,.ui-g-11,.ui-g-12{float:left;box-sizing:border-box;padding:.5em}.ui-g-1{width:8.3333%}.ui-g-2{width:16.6667%}.ui-g-3{width:25%}.ui-g-4{width:33.3333%}.ui-g-5{width:41.6667%}.ui-g-6{width:50%}.ui-g-7{width:58.3333%}.ui-g-8{width:66.6667%}.ui-g-9{width:75%}.ui-g-10{width:83.3333%}.ui-g-11{width:91.6667%}.ui-g-12{width:100%}.ui-g-offset-12{margin-left:100%}.ui-g-offset-11{margin-left:91.66666667%}.ui-g-offset-10{margin-left:83.33333333%}.ui-g-offset-9{margin-left:75%}.ui-g-offset-8{margin-left:66.66666667%}.ui-g-offset-7{margin-left:58.33333333%}.ui-g-offset-6{margin-left:50%}.ui-g-offset-5{margin-left:41.66666667%}.ui-g-offset-4{margin-left:33.33333333%}.ui-g-offset-3{margin-left:25%}.ui-g-offset-2{margin-left:16.66666667%}.ui-g-offset-1{margin-left:8.33333333%}.ui-g-offset-0{margin-left:0}@media screen and (max-width:40em){.ui-sm-1,.ui-sm-2,.ui-sm-3,.ui-sm-4,.ui-sm-5,.ui-sm-6,.ui-sm-7,.ui-sm-8,.ui-sm-9,.ui-sm-10,.ui-sm-11,.ui-sm-12{padding:.5em}.ui-sm-1{width:8.3333%}.ui-sm-2{width:16.6667%}.ui-sm-3{width:25%}.ui-sm-4{width:33.3333%}.ui-sm-5{width:41.6667%}.ui-sm-6{width:50%}.ui-sm-7{width:58.3333%}.ui-sm-8{width:66.6667%}.ui-sm-9{width:75%}.ui-sm-10{width:83.3333%}.ui-sm-11{width:91.6667%}.ui-sm-12{width:100%}.ui-sm-offset-12{margin-left:100%}.ui-sm-offset-11{margin-left:91.66666667%}.ui-sm-offset-10{margin-left:83.33333333%}.ui-sm-offset-9{margin-left:75%}.ui-sm-offset-8{margin-left:66.66666667%}.ui-sm-offset-7{margin-left:58.33333333%}.ui-sm-offset-6{margin-left:50%}.ui-sm-offset-5{margin-left:41.66666667%}.ui-sm-offset-4{margin-left:33.33333333%}.ui-sm-offset-3{margin-left:25%}.ui-sm-offset-2{margin-left:16.66666667%}.ui-sm-offset-1{margin-left:8.33333333%}.ui-sm-offset-0{margin-left:0}}@media screen and (min-width:40.063em){.ui-md-1,.ui-md-2,.ui-md-3,.ui-md-4,.ui-md-5,.ui-md-6,.ui-md-7,.ui-md-8,.ui-md-9,.ui-md-10,.ui-md-11,.ui-md-12{padding:.5em}.ui-md-1{width:8.3333%}.ui-md-2{width:16.6667%}.ui-md-3{width:25%}.ui-md-4{width:33.3333%}.ui-md-5{width:41.6667%}.ui-md-6{width:50%}.ui-md-7{width:58.3333%}.ui-md-8{width:66.6667%}.ui-md-9{width:75%}.ui-md-10{width:83.3333%}.ui-md-11{width:91.6667%}.ui-md-12{width:100%}.ui-md-offset-12{margin-left:100%}.ui-md-offset-11{margin-left:91.66666667%}.ui-md-offset-10{margin-left:83.33333333%}.ui-md-offset-9{margin-left:75%}.ui-md-offset-8{margin-left:66.66666667%}.ui-md-offset-7{margin-left:58.33333333%}.ui-md-offset-6{margin-left:50%}.ui-md-offset-5{margin-left:41.66666667%}.ui-md-offset-4{margin-left:33.33333333%}.ui-md-offset-3{margin-left:25%}.ui-md-offset-2{margin-left:16.66666667%}.ui-md-offset-1{margin-left:8.33333333%}.ui-md-offset-0{margin-left:0}}@media screen and (min-width:64.063em){.ui-lg-1,.ui-lg-2,.ui-lg-3,.ui-lg-4,.ui-lg-5,.ui-lg-6,.ui-lg-7,.ui-lg-8,.ui-lg-9,.ui-lg-10,.ui-lg-11,.ui-lg-12{padding:.5em}.ui-lg-1{width:8.3333%}.ui-lg-2{width:16.6667%}.ui-lg-3{width:25%}.ui-lg-4{width:33.3333%}.ui-lg-5{width:41.6667%}.ui-lg-6{width:50%}.ui-lg-7{width:58.3333%}.ui-lg-8{width:66.6667%}.ui-lg-9{width:75%}.ui-lg-10{width:83.3333%}.ui-lg-11{width:91.6667%}.ui-lg-12{width:100%}.ui-lg-offset-12{margin-left:100%}.ui-lg-offset-11{margin-left:91.66666667%}.ui-lg-offset-10{margin-left:83.33333333%}.ui-lg-offset-9{margin-left:75%}.ui-lg-offset-8{margin-left:66.66666667%}.ui-lg-offset-7{margin-left:58.33333333%}.ui-lg-offset-6{margin-left:50%}.ui-lg-offset-5{margin-left:41.66666667%}.ui-lg-offset-4{margin-left:33.33333333%}.ui-lg-offset-3{margin-left:25%}.ui-lg-offset-2{margin-left:16.66666667%}.ui-lg-offset-1{margin-left:8.33333333%}.ui-lg-offset-0{margin-left:0}}@media screen and (min-width:90.063em){.ui-xl-1,.ui-xl-2,.ui-xl-3,.ui-xl-4,.ui-xl-5,.ui-xl-6,.ui-xl-7,.ui-xl-8,.ui-xl-9,.ui-xl-10,.ui-xl-11,.ui-xl-12{padding:.5em}.ui-xl-1{width:8.3333%}.ui-xl-2{width:16.6667%}.ui-xl-3{width:25%}.ui-xl-4{width:33.3333%}.ui-xl-5{width:41.6667%}.ui-xl-6{width:50%}.ui-xl-7{width:58.3333%}.ui-xl-8{width:66.6667%}.ui-xl-9{width:75%}.ui-xl-10{width:83.3333%}.ui-xl-11{width:91.6667%}.ui-xl-12{width:100%}.ui-xl-offset-12{margin-left:100%}.ui-xl-offset-11{margin-left:91.66666667%}.ui-xl-offset-10{margin-left:83.33333333%}.ui-xl-offset-9{margin-left:75%}.ui-xl-offset-8{margin-left:66.66666667%}.ui-xl-offset-7{margin-left:58.33333333%}.ui-xl-offset-6{margin-left:50%}.ui-xl-offset-5{margin-left:41.66666667%}.ui-xl-offset-4{margin-left:33.33333333%}.ui-xl-offset-3{margin-left:25%}.ui-xl-offset-2{margin-left:16.66666667%}.ui-xl-offset-1{margin-left:8.33333333%}.ui-xl-offset-0{margin-left:0}}.ui-g-nopad{padding:0}.ui-growl{position:fixed;top:20px;right:20px;width:20em}.ui-growl-item-container{position:relative;margin:0 0 10px 0;opacity:.95;filter:alpha(opacity=95)}.ui-growl-item{position:relative;display:block;padding:.5em 1em}.ui-growl-item p{padding:0;margin:0}.ui-growl-icon-close{position:absolute;top:4px;right:4px;cursor:pointer}.ui-growl-title{font-weight:bold;padding:0 0 .5em 0;display:block}.ui-growl-image{position:absolute;display:inline-block;left:.5em;top:.25em;padding:0}.ui-growl-message{padding:0 0 .25em 0;margin-left:2.5em}.ui-growl-message p{font-weight:normal}.ui-inplace .ui-inplace-display{display:inline;cursor:pointer;border:0 none;padding:.25em;font-weight:normal}.ui-inplace .ui-inplace-content{display:inline}.ui-inputswitch{display:inline-block;padding:0;position:relative;overflow:hidden;cursor:pointer;user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;height:1.5em}.ui-inputswitch .ui-inputswitch-on,.ui-inputswitch .ui-inputswitch-off{white-space:nowrap;display:inline-block;position:absolute;top:0;width:auto;overflow:hidden;user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;font-weight:bold;height:100%;line-height:1.5em}.ui-inputswitch .ui-inputswitch-on{left:0;border:0 none}.ui-inputswitch .ui-inputswitch-off{right:0;text-align:right}.ui-inputswitch .ui-inputswitch-on span,.ui-inputswitch .ui-inputswitch-off span{display:inline-block;text-align:center;height:100%;line-height:inherit}.ui-inputswitch .ui-inputswitch-handle{display:block;width:0;position:absolute;top:0;left:0;height:100%;border-top:0 none;border-bottom:0 none}.ui-inputtext{margin:0;outline:medium none;padding:.25em;font-weight:normal}.ui-widget-header .ui-inputtext,.ui-widget-content .ui-inputtext{font-weight:normal}.ui-fluid .ui-inputtext{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.ui-inputgroup{display:-webkit-box;display:-webkit-flex;display:flex}.ui-inputgroup .ui-inputgroup-addon{display:inline-block;text-align:center;min-width:1.5em;padding:.25em;border-width:1px;border-style:solid}.ui-inputgroup .ui-inputgroup-addon+.ui-inputgroup-addon{border-left:0 none}.ui-inputgroup .ui-inputtext{padding-left:.5em}.ui-inputgroup .ui-inputtext:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;border-left:0 none}.ui-inputgroup .ui-inputtext:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;border-right:0 none}.ui-inputgroup .ui-button{margin-right:0;border-radius:0}.ui-fluid .ui-inputgroup .ui-button{width:auto}.ui-fluid .ui-inputgroup .ui-inputtext{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.ui-inputgroup .ui-chkbox,.ui-inputgroup .ui-radiobutton{margin-right:0;vertical-align:bottom}.ui-float-label{display:block;position:relative}.ui-float-label>label{font-weight:normal;position:absolute;pointer-events:none;left:.25em;top:50%;margin-top:-.5em;transition:.3s ease all;-moz-transition:.3s ease all;-webkit-transition:.3s ease all;color:#898989;line-height:1}.ui-float-label>input:focus ~ label,.ui-float-label>input:-webkit-autofill ~ label,.ui-float-label>input.ui-state-filled ~ label,.ui-float-label>.ui-inputwrapper-focus ~ label,.ui-float-label>.ui-inputwrapper-filled ~ label{top:-.75em;font-size:12px}.ui-inputtextarea-resizable{overflow:hidden;resize:none}.ui-fluid .ui-inputtextarea{width:100%}.ui-float-label textarea:focus ~ label,.ui-float-label textarea.ui-state-filled ~ label,.ui-float-label textarea:-webkit-autofill ~ label{top:-.75em;font-size:12px}.ui-lightbox{position:fixed;display:none}.ui-lightbox-content-wrapper{position:relative}.ui-lightbox-content{position:relative;margin:0;padding:0;background-color:#000}.ui-lightbox-nav-right,.ui-lightbox-nav-left{position:absolute;top:50%;cursor:pointer}.ui-lightbox-nav-left{left:0}.ui-lightbox-nav-right{right:0}.ui-lightbox-loading .ui-lightbox-content{background:url(images/_/_/node_modules/primeng/resources/images/loading.gif) #000 center center no-repeat}.ui-lightbox-caption{padding:.2em .4em;display:none}.ui-lightbox-caption-text{margin:.3em 0 .1em 0;float:left}.ui-lightbox-close{float:right;margin:0;padding:.125em}.ui-lightbox-close.ui-state-hover{padding:0}.ui-lightbox-nav-left,.ui-lightbox-nav-right{opacity:.5}.ui-lightbox-nav-left:hover,.ui-lightbox-nav-right:hover{opacity:1}.ui-listbox{padding:.25em;width:10em}.ui-listbox .ui-listbox-list-wrapper{overflow:auto}.ui-listbox .ui-listbox-list{list-style-type:none;margin:0;padding:0}.ui-listbox .ui-listbox-item{padding:.25em;border:0 none;cursor:pointer;font-weight:normal;margin-bottom:1px}.ui-listbox .ui-listbox-item>span{vertical-align:middle}.ui-listbox .ui-listbox-item:last-child{margin-bottom:0}.ui-listbox.ui-state-disabled .ui-listbox-item{cursor:default}.ui-listbox-header{margin-bottom:.3em;padding:.125em .2em;position:relative}.ui-listbox-header .ui-chkbox{display:inline-block;vertical-align:middle;cursor:pointer}.ui-listbox-header .ui-listbox-filter-container{display:inline-block;vertical-align:middle;position:relative;width:100%}.ui-listbox-header.ui-listbox-header-w-checkbox .ui-listbox-filter-container{width:calc(100% - 2em)}.ui-listbox-header .ui-listbox-filter-container .fa{position:absolute;top:.25em;left:.25em}.ui-listbox-header .ui-inputtext{padding:.125em .125em .125em 1.25em;width:100%}.ui-listbox-footer{padding:.125em .2em}.ui-megamenu{padding:.25em}.ui-megamenu-root-list{margin:0;padding:0;list-style:none}.ui-megamenu-root-list>.ui-menuitem{position:relative}.ui-megamenu .ui-menuitem-link{padding:.25em;display:block;text-decoration:none}.ui-megamenu-panel{display:none;position:absolute;width:auto}.ui-megamenu-root-list>.ui-menuitem-active>.ui-megamenu-panel{display:block}.ui-megamenu-panel .ui-menuitem{margin:.125em 0}.ui-megamenu-submenu{margin:0;padding:0;list-style:none;width:12.5em}.ui-megamenu-submenu-header{padding:.25em}.ui-megamenu-horizontal .ui-megamenu-root-list>.ui-menuitem{display:inline-block}.ui-megamenu-vertical{width:12.5em}.ui-megamenu-vertical .ui-megamenu-root-list>.ui-menuitem{display:block}.ui-megamenu-vertical .ui-megamenu-root-list>.ui-menuitem>.ui-menuitem-link{position:relative}.ui-megamenu-vertical .ui-megamenu-root-list>.ui-menuitem>.ui-menuitem-link>.ui-submenu-icon{position:absolute;width:1em;height:1em;top:50%;right:0;margin-top:-.5em}.ui-megamenu .ui-g{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.ui-menu{width:12.5em;padding:.25em}.ui-menu.ui-menu-dynamic{position:absolute;display:none}.ui-menu .ui-menu-separator{border-width:1px 0 0 0}.ui-menu ul{list-style:none;margin:0;padding:0}.ui-menu .ui-submenu-header{padding:.25em .5em;margin:.125em 0}.ui-menu .ui-menuitem{margin:.125em 0}.ui-menu .ui-menuitem-link{padding:.25em;display:block;text-decoration:none}.ui-menubar{padding:.25em}.ui-menubar .ui-menu-separator{border-width:1px 0 0 0}.ui-menubar:after{content:"";clear:both;display:table}.ui-menubar ul{margin:0;padding:0;list-style:none}.ui-menubar .ui-menuitem-link{display:block;padding:.25em;position:relative;text-decoration:none}.ui-menubar .ui-menubar-root-list{display:inline-block}.ui-menubar .ui-menubar-root-list>.ui-menuitem{display:inline-block;position:relative}.ui-menubar .ui-menubar-root-list>.ui-menuitem>.ui-menuitem-link{padding:.5em}.ui-menubar .ui-menubar-root-list>li ul{display:none}.ui-menubar .ui-submenu-list{display:none;position:absolute;min-width:12.5em;padding:.25em}.ui-menubar .ui-submenu-list .ui-menuitem{margin:.125em 0;position:relative}.ui-menubar .ui-submenu-list .ui-menuitem-link .ui-submenu-icon{position:absolute;margin-top:-.5em;right:0;top:50%}.ui-menubar .ui-menuitem-active>.ui-submenu>.ui-submenu-list{display:block}.ui-menubar .ui-menubar-custom{float:right;padding:.25em}.ui-message{border:1px solid;margin:0 .25em;padding:.25em .5em;display:inline-block}.ui-fluid .ui-message{display:block}.ui-messages{border:1px solid;margin:.5em 0;padding:1em 1em 1em .5em;display:none;position:relative}.ui-messages-icon{display:inline-block;padding:0;vertical-align:middle}.ui-messages-summary{font-weight:bold;margin-left:.25em}.ui-messages-detail{margin-left:.25em}.ui-messages-success{color:#2c832f;background-color:#b4f0b6;border-color:#b4f0b6}.ui-messages-success .ui-messages-close{color:#2c832f}.ui-messages-info{color:#1765a3;background-color:#bfe0fa;border-color:#bfe0fa}.ui-messages-info .ui-messages-close{color:#1765a3}.ui-messages-warn{color:#8a6714;background-color:#ffe9b5;border-color:#ffe9b5}.ui-messages-warn .ui-messages-close{color:#8a6714}.ui-messages-error{color:#ab1a0f;background-color:#ffcbc8;border-color:#ffcbc8}.ui-messages-error .ui-messages-close{color:#ab1a0f}.ui-messages ul{margin:0;padding:0;list-style-type:none;display:inline-block;vertical-align:middle}.ui-messages.ui-messages-noicon ul{margin:0 1.5em 0 0}.ui-messages .ui-messages-close{cursor:pointer;position:absolute;top:5px;right:5px}.ui-multiselect{display:inline-block;position:relative;width:auto;cursor:pointer}.ui-multiselect .ui-multiselect-trigger{border-right:0;border-top:0;border-bottom:0;cursor:pointer;width:1.5em;height:100%;position:absolute;right:0;top:0;padding:0 .25em}.ui-multiselect .ui-multiselect-trigger .fa{margin-top:.4em;margin-left:-.125em}.ui-multiselect .ui-multiselect-label-container{overflow:hidden}.ui-multiselect .ui-multiselect-label{display:block;padding:.25em 2em .25em .25em;width:auto;border:0;cursor:pointer;text-overflow:ellipsis;overflow:hidden}.ui-multiselect.ui-state-disabled .ui-multiselect-trigger,.ui-multiselect.ui-state-disabled .ui-multiselect-label{cursor:auto}.ui-multiselect-panel{padding:.2em;position:absolute;min-width:12em}.ui-multiselect .ui-multiselect-panel{min-width:100%;display:none}.ui-multiselect-panel .ui-multiselect-items-wrapper{overflow:auto;position:relative;padding:.2em 0}.ui-multiselect-panel .ui-multiselect-list{border:0 none}.ui-multiselect-panel .ui-multiselect-item{border:0 none;cursor:pointer;font-weight:normal;margin:1px 0;padding:.125em .25em;text-align:left;white-space:nowrap;display:block;position:relative}.ui-multiselect-panel .ui-multiselect-item .ui-chkbox{display:inline-block;vertical-align:middle}.ui-multiselect-panel .ui-multiselect-item label{display:inline-block;vertical-align:middle}.ui-multiselect-header{margin-bottom:.3em;padding:.25em;position:relative;text-align:left;min-height:2em}.ui-multiselect-header .ui-chkbox{display:inline-block;vertical-align:middle;cursor:pointer}.ui-multiselect-header .ui-multiselect-filter-container{position:relative;display:inline-block;vertical-align:middle;width:65%}.ui-multiselect-header.ui-multiselect-header-no-toggleall .ui-multiselect-filter-container{width:85%}.ui-multiselect-header .ui-multiselect-filter-container .fa{position:absolute;top:.25em;left:.125em}.ui-multiselect-header .ui-inputtext{padding:.125em .125em .125em 1.25em;width:100%}.ui-multiselect-header .ui-multiselect-close{position:absolute;right:.375em;top:.375em;display:block;font-size:1em;border:0 none}.ui-multiselect-header a.ui-multiselect-all,.ui-multiselect-header a.ui-multiselect-none{float:left;margin-right:10px;display:block}.ui-multiselect-header .ui-multiselect-close.ui-state-hover{padding:0}.ui-multiselect-footer{padding:.25em}.ui-fluid .ui-multiselect{width:100%;box-sizing:border-box}.ui-orderlist{display:table}.ui-orderlist .ui-orderlist-controls{height:12.5em;padding:0 .25em;vertical-align:middle;display:table-cell}.ui-orderlist .ui-orderlist-controls .ui-button{display:block;margin-bottom:.25em}.ui-orderlist .ui-orderlist-container{display:table-cell;vertical-align:top}.ui-orderlist .ui-orderlist-list{list-style-type:none;margin:0;padding:0;overflow:auto;height:12.5em;width:12.5em}.ui-orderlist .ui-orderlist-caption{text-align:center;padding:.5em .75em;border-bottom:0 none}.ui-orderlist .ui-orderlist-list .ui-orderlist-item{margin:1px;padding:.125em;cursor:pointer;border:0 none;font-weight:inherit}.ui-orderlist .ui-orderlist-filter-container{position:relative;width:100%;padding:.5em .6em;border-bottom:0 none}.ui-orderlist .ui-orderlist-filter-container .ui-inputtext{text-indent:1.1em;width:100%}.ui-orderlist .ui-orderlist-filter-container .fa{position:absolute;top:50%;left:1em;margin-top:-.6em}.ui-orderlist.ui-state-disabled .ui-orderlist-item,.ui-orderlist.ui-state-disabled .ui-button{cursor:default}.ui-orderlist.ui-state-disabled .ui-orderlist-list{overflow:hidden}.ui-orderlist.ui-orderlist-responsive{width:100%}.ui-orderlist.ui-orderlist-responsive .ui-orderlist-controls{width:16.66666%;padding-right:.5em}.ui-orderlist.ui-orderlist-responsive .ui-orderlist-list-container{width:83.33333%}.ui-orderlist.ui-orderlist-responsive .ui-orderlist-list,.ui-orderlist.ui-orderlist-responsive .ui-orderlist-caption{width:100%}.ui-orderlist.ui-orderlist-responsive .ui-orderlist-controls>.ui-button{width:100%}.ui-orderlist .ui-orderlist-droppoint{height:6px;list-style-type:none}@media(max-width:40em){.ui-orderlist.ui-orderlist-responsive .ui-orderlist-controls{text-align:center;width:100%;display:inline-block;height:auto}.ui-orderlist.ui-orderlist-responsive .ui-orderlist-controls .ui-button{display:inline;width:20%;display:inline-block}.ui-orderlist.ui-orderlist-responsive .ui-orderlist-list-container{width:100%}}.ui-organizationchart .ui-organizationchart-table{border-spacing:0;border-collapse:separate;margin:0 auto}.ui-organizationchart .ui-organizationchart-table>tr>td{text-align:center;vertical-align:top;padding:0;padding:0 .75em}.ui-organizationchart .ui-organizationchart-node-content{padding:.5em .75em;display:inline-block;position:relative}.ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler{position:absolute;bottom:-9px;margin-left:-8px;z-index:2;left:50%}.ui-organizationchart .ui-organizationchart-line-down{margin:0 auto;height:20px;width:1px;float:none}.ui-organizationchart .ui-organizationchart-line-right{float:none;border-radius:0}.ui-organizationchart .ui-organizationchart-line-left{float:none;border-radius:0}.ui-organizationchart .ui-organizationchart-node-content.ui-organizationchart-selectable-node{cursor:pointer}.ui-overlaypanel{padding:0;margin:0;position:absolute}.ui-overlaypanel-content{padding:.5em 1em}.ui-overlaypanel-close{position:absolute;top:-.5em;right:-.5em;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%}.ui-paginator{margin:0;text-align:center;padding:.125em}.ui-paginator .ui-paginator-top{border-bottom:0 none}.ui-paginator .ui-paginator-bottom{border-top:0 none}.ui-paginator .ui-paginator-left-content{float:left}.ui-paginator .ui-paginator-right-content{float:right}.ui-paginator .ui-paginator-page,.ui-paginator .ui-paginator-pages,.ui-paginator .ui-paginator-next,.ui-paginator .ui-paginator-last,.ui-paginator .ui-paginator-first,.ui-paginator .ui-paginator-prev,.ui-paginator .ui-paginator-current{display:inline-block;padding:.125em .375em;zoom:1;margin-left:.063em;margin-right:.063em;text-decoration:none;vertical-align:middle}.ui-paginator .ui-paginator-page,.ui-paginator .ui-paginator-next,.ui-paginator .ui-paginator-last,.ui-paginator .ui-paginator-first,.ui-paginator .ui-paginator-prev{cursor:pointer}.ui-paginator .ui-paginator-current,.ui-paginator .ui-paginator-rpp-options{margin-left:1em;margin-right:1em;background-image:none}.ui-paginator .ui-paginator-jtp-select option,.ui-paginator .ui-paginator-rpp-options option{background-image:none;border:0 none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}.ui-paginator a.ui-state-disabled{outline:0 none}.ui-paginator .ui-dropdown{min-width:4em;margin-left:.375em}.ui-fluid .ui-paginator .ui-dropdown{width:auto}.ui-panel{padding:.2em}.ui-panel .ui-panel-titlebar{padding:.5em .75em}.ui-panel .ui-panel-titlebar-icon{float:right;cursor:pointer}.ui-panel .ui-panel-titlebar-icon{margin-left:.2em;margin-top:-0.1em}.ui-panel .ui-panel-content{border:0;background:0;padding:.5em .75em}.ui-panel .ui-panel-footer{border-width:1px 0 0;padding:.25em .5em;text-align:left}.ui-panel-content-wrapper-overflown{overflow:hidden}.ui-panelmenu{width:auto}.ui-panelmenu .ui-menu-separator{border-width:1px 0 0 0}.ui-panelmenu .ui-panelmenu-content-wrapper{overflow:hidden}.ui-panelmenu .ui-panelmenu-header{margin:-1px 0 0 0;zoom:1}.ui-panelmenu .ui-panelmenu-header-link{padding:.5em;display:block;text-decoration:none}.ui-panelmenu .ui-menuitem-icon{margin-right:.25em}.ui-panelmenu .ui-panelmenu-content{padding:.25em;border-top:0;margin-bottom:1px}.ui-panelmenu .ui-submenu-list{margin:0;padding:0;list-style:none;margin-left:1.5em}.ui-panelmenu .ui-panelmenu-content>.ui-panelmenu-root-submenu>.ui-submenu-list{margin-left:0}.ui-panelmenu .ui-menuitem{overflow:hidden;margin:.125em 0}.ui-panelmenu .ui-menuitem-link{padding:.25em;display:block;text-decoration:none}.ui-password-panel{padding:.25em .5em;width:10em;margin-top:2px}.ui-password-panel .ui-password-meter{height:10px;background:transparent url(images/_/_/node_modules/primeng/resources/images/password-meter.png) no-repeat left top;padding:0;margin:0}.ui-password-info{margin-top:.25em}.ui-password-panel-overlay{position:absolute}.ui-picklist>div{float:left}.ui-picklist .ui-picklist-buttons{height:12.5em;padding:0 .25em}.ui-picklist .ui-picklist-list{list-style-type:none;margin:0;padding:0;overflow:auto;height:12.5em;width:12.5em}.ui-picklist .ui-picklist-list li{margin:1px;padding:.125em}.ui-picklist .ui-button{display:block;margin-bottom:.25em}.ui-picklist .ui-button-text-icon-left{width:100%}.ui-picklist .ui-picklist-item{cursor:pointer;border:0 none;font-weight:inherit}.ui-picklist .ui-picklist-caption{text-align:center;padding:.5em .75em;border-bottom:0 none}.ui-picklist table{width:100%;border-collapse:collapse}.ui-picklist .ui-picklist-filter-container{position:relative;width:100%;padding:.5em .6em;border-bottom:0 none}.ui-picklist .ui-picklist-filter-container .ui-picklist-filter{text-indent:1.1em;width:100%}.ui-picklist .ui-picklist-filter-container .fa{position:absolute;top:50%;left:1em;margin-top:-.6em}.ui-picklist{display:table}.ui-picklist>div{float:none;display:table-cell;vertical-align:top}.ui-picklist .ui-picklist-buttons{vertical-align:middle}.ui-picklist.ui-picklist-vertical{display:table}.ui-picklist.ui-picklist-vertical>div{float:none;display:table-row;vertical-align:top}.ui-picklist.ui-picklist-vertical .ui-picklist-buttons{text-align:center;height:auto}.ui-picklist.ui-picklist-vertical .ui-picklist-buttons .ui-button{display:inline-block}.ui-picklist.ui-picklist-vertical .ui-button{margin-top:.25em}.ui-picklist-outline{outline:1px dotted black;z-index:1}.ui-picklist .ui-picklist-droppoint{height:6px;list-style-type:none}.ui-picklist .ui-picklist-list .ui-picklist-droppoint-empty{height:100%;list-style-type:none}.ui-picklist-list.ui-picklist-source,.ui-picklist-list.ui-picklist-target{outline:0}.ui-picklist.ui-picklist-responsive *{box-sizing:border-box}.ui-picklist.ui-picklist-responsive{width:100%}.ui-picklist.ui-picklist-responsive .ui-picklist-listwrapper{width:35%}.ui-picklist.ui-picklist-responsive .ui-picklist-listwrapper.ui-picklist-listwrapper-nocontrols{width:45%}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons{width:10%}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button{width:100%}.ui-picklist.ui-picklist-responsive .ui-picklist-list{width:auto}@media(max-width:40em){.ui-picklist.ui-picklist-responsive{display:block}.ui-picklist.ui-picklist-responsive>div{display:block;width:100% !important}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons{text-align:center;height:auto;padding:.4em 0}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button{display:inline;width:20%;margin-bottom:0}.ui-picklist.ui-picklist-responsive .ui-picklist-source-controls.ui-picklist-buttons{padding-bottom:.4em}.ui-picklist.ui-picklist-responsive .ui-picklist-target-controls.ui-picklist-buttons{padding-top:.4em}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons .fa-angle-right::before{content:"\F107"}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons .fa-angle-double-right::before{content:"\F103"}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons .fa-angle-left::before{content:"\F106"}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons .fa-angle-double-left::before{content:"\F102"}}.ui-progressbar{height:1.2em;text-align:left;position:relative;overflow:hidden}.ui-progressbar-determinate .ui-progressbar-value{height:100%;width:0;position:absolute;display:none;border:0 none}.ui-progressbar-determinate .ui-progressbar-value-animate{-webkit-transition:width 1s ease-in-out;-moz-transition:width 1s ease-in-out;-o-transition:width 1s ease-in-out;transition:width 1s ease-in-out}.ui-progressbar-determinate .ui-progressbar-label{text-align:center;height:100%;width:100%;position:absolute;display:none;font-weight:bold}.ui-progressbar-indeterminate{height:.5em}.ui-progressbar-indeterminate .ui-progressbar-value{border:0 none}.ui-progressbar-indeterminate .ui-progressbar-value::before{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:ui-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65,0.815,0.735,0.395) infinite;animation:ui-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65,0.815,0.735,0.395) infinite}.ui-progressbar-indeterminate .ui-progressbar-value::after{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;-webkit-animation:ui-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165,0.84,0.44,1) infinite;animation:ui-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165,0.84,0.44,1) infinite;-webkit-animation-delay:1.15s;animation-delay:1.15s}@-webkit-keyframes ui-progressbar-indeterminate-anim{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@keyframes ui-progressbar-indeterminate-anim{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@-webkit-keyframes ui-progressbar-indeterminate-anim-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}@keyframes ui-progressbar-indeterminate-anim-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}.ui-progress-spinner{position:relative;margin:0 auto;width:100px;height:100px;display:inline-block}.ui-progress-spinner::before{content:'';display:block;padding-top:100%}.ui-progress-spinner-svg{animation:ui-progress-spinner-rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.ui-progress-spinner-circle{stroke-dasharray:1,200;stroke-dashoffset:0;animation:ui-progress-spinner-dash 1.5s ease-in-out infinite,ui-progress-spinner-color 6s ease-in-out infinite;stroke-linecap:round}@keyframes ui-progress-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes ui-progress-spinner-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes ui-progress-spinner-color{100%,0%{stroke:#d62d20}40%{stroke:#0057e7}66%{stroke:#008744}80%,90%{stroke:#ffa700}}.ui-radiobutton{display:inline-block;cursor:pointer;vertical-align:middle;margin-right:.25em}.ui-radiobutton-box{width:1.125em;height:1.125em;line-height:1.125em;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;text-align:center}.ui-radiobutton-icon{display:block;font-size:.5em;line-height:inherit;margin-top:-1px}.ui-radiobutton,.ui-radiobutton-label{vertical-align:middle}.ui-fluid .fc .ui-button{width:auto}.ui-selectbutton{display:inline-block}.ui-selectbutton.ui-state-error{padding:0}.ui-selectbutton .ui-button.ui-state-focus{outline:0}.ui-scrollpanel-wrapper{overflow:hidden;width:100%;height:100%;position:relative;z-index:1;float:left}.ui-scrollpanel-content{height:calc(100% + 18px);width:calc(100% + 18px);padding:0;position:relative;overflow:auto;box-sizing:border-box}.ui-scrollpanel-bar{position:relative;background:#c1c1c1;border-radius:3px;z-index:2;cursor:pointer;opacity:0;transition:opacity .25s linear}.ui-scrollpanel-bar-y{width:9px;top:0}.ui-scrollpanel-bar-x{height:9px;bottom:0}.ui-scrollpanel-hidden{visibility:hidden}.ui-scrollpanel:hover .ui-scrollpanel-bar,.ui-scrollpanel:active .ui-scrollpanel-bar{opacity:1}.ui-scrollpanel-grabbed{-o-user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none}.ui-sidebar{position:fixed;padding:.5em 1em;-webkit-transition:transform .3s;transition:transform .3s}.ui-sidebar-left{top:0;left:0;width:20em;height:100%;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.ui-sidebar-right{top:0;right:0;width:20em;height:100%;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.ui-sidebar-top{top:0;left:0;width:100%;height:10em;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.ui-sidebar-bottom{bottom:0;left:0;width:100%;height:10em;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.ui-sidebar-full{width:100%;height:100%;left:0;-webkit-transition:transform 0s;transition:transform 0s}.ui-sidebar-left.ui-sidebar-active,.ui-sidebar-right.ui-sidebar-active{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.ui-sidebar-left.ui-sidebar-sm,.ui-sidebar-right.ui-sidebar-sm{width:20em}.ui-sidebar-left.ui-sidebar-md,.ui-sidebar-right.ui-sidebar-md{width:40em}.ui-sidebar-left.ui-sidebar-lg,.ui-sidebar-right.ui-sidebar-lg{width:60em}.ui-sidebar-top.ui-sidebar-active,.ui-sidebar-bottom.ui-sidebar-active{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.ui-sidebar-top.ui-sidebar-sm,.ui-sidebar-bottom.ui-sidebar-sm{height:10em}.ui-sidebar-top.ui-sidebar-md,.ui-sidebar-bottom.ui-sidebar-md{height:20em}.ui-sidebar-top.ui-sidebar-lg,.ui-sidebar-bottom.ui-sidebar-lg{height:30em}.ui-sidebar-mask{position:fixed;width:100%;height:100%}.ui-sidebar-close{float:right}@media screen and (max-width:64em){.ui-sidebar-left.ui-sidebar-lg,.ui-sidebar-left.ui-sidebar-md,.ui-sidebar-right.ui-sidebar-lg,.ui-sidebar-right.ui-sidebar-md{width:20em}}.ui-slidemenu{width:12.5em;padding:.25em}.ui-slidemenu.ui-slidemenu-dynamic{position:absolute;display:none}.ui-slidemenu .ui-menu-separator{border-width:1px 0 0 0}.ui-slidemenu ul{list-style:none;margin:0;padding:0}.ui-slidemenu .ui-slidemenu-rootlist{position:absolute;top:0}.ui-slidemenu .ui-submenu-list{display:none;position:absolute;top:0;width:12.5em;padding:.25em}.ui-slidemenu .ui-menuitem-link{padding:.25em;display:block;position:relative;text-decoration:none}.ui-slidemenu .ui-menuitem{position:relative;margin:.125em 0}.ui-slidemenu .ui-menuitem-link .ui-submenu-icon{position:absolute;margin-top:-.5em;right:0;top:50%}.ui-slidemenu .ui-slidemenu-wrapper{position:relative}.ui-slidemenu .ui-slidemenu-content{overflow-x:hidden;overflow-y:auto;position:relative}.ui-slidemenu-backward{position:absolute;bottom:0;width:100%;padding:.25em;cursor:pointer;display:none}.ui-slidemenu-backward .ui-slidemenu-backward-icon{vertical-align:middle}.ui-slidemenu-backward span{vertical-align:middle}.ui-slidemenu .ui-menuitem-active{position:static}.ui-slidemenu .ui-menuitem-active>.ui-submenu>.ui-submenu-list{display:block}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none;z-index:1}.ui-slider .ui-slider-handle.ui-slider-handle-active{z-index:2}.ui-slider .ui-slider-range{position:absolute;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.25em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.25em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-slider-animate .ui-slider-handle{transition:left .3s}.ui-spinner{display:inline-block;overflow:visible;padding:0;position:relative;vertical-align:middle}.ui-spinner-input{vertical-align:middle;padding-right:1.5em}.ui-spinner-button{cursor:default;display:block;height:50%;margin:0;overflow:hidden;padding:0;position:absolute;right:0;text-align:center;vertical-align:middle;width:1.5em}.ui-spinner .fa{position:absolute;top:50%;left:50%;margin-top:-.5em;margin-left:-.5em;width:1em}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-fluid .ui-spinner{width:100%}.ui-fluid .ui-spinner .ui-spinner-input{padding-right:2em;width:100%}.ui-fluid .ui-spinner .ui-spinner-button{width:1.5em}.ui-fluid .ui-spinner .ui-spinner-button .fa{left:.7em}.ui-splitbutton{position:relative;display:inline-block;zoom:1}.ui-splitbutton .ui-button.ui-splitbutton-menubutton{width:2em;vertical-align:top}.ui-splitbutton.ui-state-disabled button{cursor:default}.ui-fluid .ui-splitbutton{width:100%}.ui-fluid .ui-splitbutton .ui-button:first-child{width:calc(100% - 2em)}.ui-fluid .ui-splitbutton .ui-button.ui-splitbutton-menubutton{width:2em}.ui-steps ul{list-style-type:none;padding:0;margin:0}.ui-steps .ui-steps-item{float:left;box-sizing:border-box;cursor:pointer}.ui-steps.ui-steps-readonly .ui-steps-item{cursor:auto}.ui-steps .ui-steps-item .ui-menuitem-link{text-decoration:none;display:block;padding:1em;position:relative;text-align:center}.ui-steps .ui-steps-item.ui-state-highlight .ui-menuitem-link,.ui-steps .ui-steps-item.ui-state-disabled .ui-menuitem-link{cursor:default}.ui-steps .ui-steps-number{font-size:200%;display:block}.ui-steps .ui-steps-title{display:block;white-space:nowrap}@media(max-width:40em){.ui-steps .ui-steps-item .ui-menuitem-link{padding:.5em}.ui-steps .ui-steps-item .ui-steps-title{display:none}}.ui-table{position:relative}.ui-table table{border-collapse:collapse;width:100%;table-layout:fixed}.ui-table .ui-table-thead>tr>th,.ui-table .ui-table-tbody>tr>td,.ui-table .ui-table-tfoot>tr>td{padding:.25em .5em}.ui-table .ui-sortable-column{cursor:pointer}.ui-table-auto-layout>.ui-table-wrapper{overflow-x:auto}.ui-table-auto-layout>.ui-table-wrapper>table{table-layout:auto}.ui-table-caption,.ui-table-summary{padding:.25em .5em;text-align:center;font-weight:bold}.ui-table-caption{border-bottom:0 none}.ui-table-summary{border-top:0 none}.ui-table .ui-paginator-top{border-bottom:0 none}.ui-table .ui-paginator-bottom{border-top:0 none}.ui-table-scrollable-wrapper{position:relative}.ui-table-scrollable-header,.ui-table-scrollable-footer{overflow:hidden;border:0 none}.ui-table-scrollable-body{overflow:auto;position:relative}.ui-table-scrollable-body>table>.ui-table-tbody>tr:first-child>td{border-top:0 none}.ui-table-virtual-table{position:absolute}.ui-table-frozen-view .ui-table-scrollable-body{overflow:hidden}.ui-table-frozen-view>.ui-table-scrollable-body>table>.ui-table-tbody>tr>td:last-child{border-right:0 none}.ui-table-unfrozen-view{position:absolute;top:0}.ui-table-resizable>.ui-table-wrapper{overflow-x:auto}.ui-table-resizable .ui-table-thead>tr>th,.ui-table-resizable .ui-table-tfoot>tr>td,.ui-table-resizable .ui-table-data>tr>td{overflow:hidden}.ui-resizable-column{background-clip:padding-box;position:relative}.ui-table-resizable-fit .ui-resizable-column:last-child .ui-column-resizer{display:none}.ui-table .ui-column-resizer{display:block;position:absolute !important;top:0;right:0;margin:0;width:.5em;height:100%;padding:0;cursor:col-resize;border:1px solid transparent}.ui-table .ui-column-resizer-helper{width:1px;position:absolute;z-index:10;display:none}.ui-table .ui-table-tbody>tr>td.ui-editing-cell{padding-top:0;padding-bottom:0}.ui-table .ui-table-tbody>tr>td.ui-editing-cell p-celleditor>*{width:100%}.ui-table-reorder-indicator-up,.ui-table-reorder-indicator-down{position:absolute;display:none}.ui-table-responsive .ui-table-tbody>tr>td .ui-column-title{display:none}@media screen and (max-width:40em){.ui-table-responsive .ui-table-thead>tr>th,.ui-table-responsive .ui-table-tfoot>tr>td{display:none !important}.ui-table-responsive .ui-table-tbody>tr>td{text-align:left;display:block;border:0 none;width:100% !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;clear:left}.ui-table-responsive .ui-table-tbody>tr>td .ui-column-title{padding:.4em;min-width:30%;display:inline-block;margin:-.4em 1em -.4em -.4em;font-weight:bold}}.ui-table-loading{position:absolute;width:100%;height:100%;-ms-filter:"alpha(opacity=10)";opacity:.1;z-index:1}.ui-table-loading-content{position:absolute;left:50%;top:50%;z-index:2;margin-top:-1em;margin-left:-1em}.ui-tabmenu .ui-tabmenu-nav{margin:0;padding:.25em .5em 0 .25em}.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem{list-style:none;float:left;position:relative;margin:0 .2em 1px 0;padding:0;white-space:nowrap;display:block;border-bottom:0;top:1px}.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a{float:left;padding:.5em 1em;text-decoration:none}.ui-tabmenu .ui-tabmenu-nav a{padding:.5em 1em}.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-icon{float:left}.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-disabled a{cursor:default}.ui-tabview{padding:.25em}.ui-tabview .ui-tabview-nav{margin:0}.ui-tabview .ui-tabview-nav li{list-style:none;float:left;position:relative;margin:0 .125em 1px 0;padding:0;white-space:nowrap}.ui-tabview .ui-tabview-nav li a{float:left;padding:.5em 1em;text-decoration:none}.ui-tabview .ui-tabview-nav li.ui-tabview-selected a,.ui-tabview .ui-tabview-nav li.ui-state-disabled a,.ui-tabview .ui-tabview-nav li.ui-state-processing a{cursor:text}.ui-tabview .ui-tabview-nav li a,.ui-tabview.ui-tabview-collapsible .ui-tabview-nav li.ui-tabview-selected a{cursor:pointer}.ui-tabview .ui-tabview-panel{border-width:0;padding:1em;background:0}.ui-tabview .ui-tabview-nav li{display:block}.ui-tabview .ui-tabview-nav li .ui-tabview-left-icon,.ui-tabview .ui-tabview-nav li .ui-tabview-right-icon,.ui-tabview .ui-tabview-nav li .ui-tabview-title{vertical-align:middle}.ui-tabview .ui-tabview-nav li .ui-tabview-close{margin:.5em .3em 0 0;cursor:pointer}.ui-tabview.ui-tabview-top>.ui-tabview-nav li{border-bottom:0;top:1px}.ui-tabview.ui-tabview-top>.ui-tabview-nav{padding:.2em .2em 0}.ui-tabview.ui-tabview-bottom>.ui-tabview-nav{padding:0 .2em .2em}.ui-tabview.ui-tabview-bottom>.ui-tabview-nav li{border-top:0}.ui-tabview-left::after,.ui-tabview-right::after{clear:both;content:".";display:block;height:0;visibility:hidden}.ui-tabview-left>.ui-tabview-nav{float:left;width:25%;height:300px;background-image:none;padding-top:1px}.ui-tabview-left>.ui-tabview-panels{float:right;width:75%}.ui-tabview.ui-tabview-left>.ui-tabview-nav li,.ui-tabview.ui-tabview-right>.ui-tabview-nav li{display:block;float:right;white-space:normal;width:99%}.ui-tabview.ui-tabview-left>.ui-tabview-nav li{margin:0 0 1px 0;border-right:0 none}.ui-tabview.ui-tabview-right>.ui-tabview-nav{float:right;width:25%;height:300px;background-image:none;padding-top:1px}.ui-tabview.ui-tabview-right>.ui-tabview-panels{float:left;width:75%}.ui-tabview.ui-tabview-right>.ui-tabview-nav li{margin:0 0 1px 0;border-left:0 none}.ui-rtl .ui-tabview .ui-tabview-nav li{float:right}.ui-terminal{height:18em;overflow:auto;padding:.25em}.ui-terminal-input{border:0 none;background-color:transparent;color:inherit;padding:0;margin:0 0 0 .125em;width:75%;outline:0;vertical-align:baseline}.ui-terminal-command{margin-left:.125em;-moz-margin-start:.125em}.ui-terminal-input::-ms-clear{display:none}.ui-tieredmenu{width:12.5em;padding:.25em}.ui-tieredmenu.ui-tieredmenu-dynamic{position:absolute;display:none}.ui-tieredmenu .ui-menu-separator{border-width:1px 0 0 0}.ui-tieredmenu ul{list-style:none;margin:0;padding:0}.ui-tieredmenu .ui-submenu-list{display:none;position:absolute;width:12.5em;padding:.25em}.ui-tieredmenu .ui-menuitem-link{padding:.25em;display:block;position:relative;text-decoration:none}.ui-tieredmenu .ui-menuitem{position:relative;margin:.125em 0}.ui-tieredmenu .ui-menuitem-link .ui-submenu-icon{position:absolute;margin-top:-.5em;right:0;top:50%}.ui-tieredmenu .ui-menuitem-active>.ui-submenu>.ui-submenu-list{display:block}.ui-toolbar{padding:.25em .5em}.ui-toolbar-group-left{float:left}.ui-toolbar-group-right{float:right}.ui-tooltip{position:absolute;display:none;padding:.25em .5em;max-width:12.5em}.ui-tooltip.ui-tooltip-right,.ui-tooltip.ui-tooltip-left{padding:0 .25em}.ui-tooltip.ui-tooltip-top,.ui-tooltip.ui-tooltip-bottom{padding:.25em 0}.ui-tooltip .ui-tooltip-text{padding:.125em .5em;background-color:#4c4c4c;color:#fff;white-space:pre-line}.ui-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.ui-tooltip-right .ui-tooltip-arrow{top:50%;left:0;margin-top:-.25em;border-width:.25em .25em .25em 0;border-right-color:#4c4c4c}.ui-tooltip-left .ui-tooltip-arrow{top:50%;right:0;margin-top:-.25em;border-width:.25em 0 .25em .25em;border-left-color:#4c4c4c}.ui-tooltip.ui-tooltip-top{padding:.25em 0}.ui-tooltip-top .ui-tooltip-arrow{bottom:0;left:50%;margin-left:-.25em;border-width:.25em .25em 0;border-top-color:#4c4c4c}.ui-tooltip-bottom .ui-tooltip-arrow{top:0;left:50%;margin-left:-.25em;border-width:0 .25em .25em;border-bottom-color:#4c4c4c}.ui-tree{width:18em}.ui-tree .ui-treenode-selectable.ui-treenode-content{cursor:pointer}.ui-tree .ui-tree-container{height:100%;margin:0;overflow:auto;padding:.25em;white-space:nowrap}.ui-tree-empty-message{padding:.25em}.ui-tree .ui-treenode-children{margin:0;padding:0 0 0 1em}.ui-tree .ui-treenode{background-attachment:scroll;background-color:transparent;background-image:none;background-position:0 0;background-repeat:repeat-y;list-style:none outside none;margin:0;padding:.125em 0 0 0}.ui-tree .ui-treenode-droppoint{height:4px;list-style-type:none}.ui-tree .ui-treenode-droppoint-active{border:0 none}.ui-tree .ui-tree-toggler{cursor:pointer;display:inline-block;vertical-align:middle}.ui-tree .ui-treenode-icon{display:inline-block;vertical-align:middle}.ui-tree .ui-treenode-label{display:inline-block;padding:0 .25em;vertical-align:middle}.ui-tree .ui-treenode-label.ui-state-hover,.ui-tree .ui-treenode-label.ui-state-highlight{font-weight:normal;border:0 none}.ui-tree .ui-treenode.ui-treenode-leaf>.ui-treenode-content>.ui-tree-toggler{visibility:hidden}.ui-tree .ui-chkbox-box{cursor:pointer}.ui-tree .ui-chkbox{display:inline-block;vertical-align:middle}.ui-tree .ui-chkbox .ui-chkbox-icon{margin-left:1px}.ui-fluid .ui-tree{width:100%}.ui-tree-horizontal{width:auto;padding:.5em 0;overflow:auto}.ui-tree.ui-tree-horizontal table,.ui-tree.ui-tree-horizontal tr,.ui-tree.ui-tree-horizontal td{border-collapse:collapse;margin:0;padding:0;vertical-align:middle}.ui-tree.ui-tree-horizontal .ui-tree-toggler{vertical-align:middle;margin:0}.ui-tree-horizontal .ui-treenode-content{font-weight:normal;padding:.4em 1em .4em .2em}.ui-tree.ui-tree-horizontal .ui-tree-node-label{margin:0}.ui-tree-horizontal .ui-treenode-parent .ui-treenode-content{font-weight:normal;white-space:nowrap}.ui-tree.ui-tree-horizontal .ui-treenode{background:url(images/_/_/node_modules/primeng/resources/images/line.gif) repeat-x scroll center center transparent;padding:.25em 2.5em}.ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-leaf,.ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-collapsed{padding-right:0}.ui-tree.ui-tree-horizontal .ui-treenode-children{padding:0;margin:0}.ui-tree.ui-tree-horizontal .ui-treenode-connector{width:1px}.ui-tree.ui-tree-horizontal .ui-treenode-connector-table{height:100%;width:1px}.ui-tree.ui-tree-horizontal .ui-treenode-connector-line{background:url(images/_/_/node_modules/primeng/resources/images/line.gif) repeat-y scroll 0 0 transparent;width:1px}.ui-tree.ui-tree-horizontal table{height:0}.ui-tree.ui-tree-horizontal .ui-chkbox{vertical-align:bottom;margin-right:.25em}.ui-tree.ui-tree-loading{position:relative;min-height:4em}.ui-tree .ui-tree-loading-mask{position:absolute;width:100%;height:100%;-ms-filter:"alpha(opacity=10)";opacity:.1;z-index:1}.ui-tree .ui-tree-loading-content{position:absolute;left:50%;top:50%;z-index:2;margin-top:-1em;margin-left:-1em}.ui-treetable{position:relative}.ui-treetable table{border-collapse:collapse;width:100%;table-layout:fixed}.ui-treetable .ui-treetable-header,.ui-treetable .ui-treetable-footer{text-align:center;padding:.5em .75em}.ui-treetable .ui-treetable-header{border-bottom:0 none}.ui-treetable .ui-treetable-footer{border-top:0 none}.ui-treetable th,.ui-treetable tfoot td{text-align:center}.ui-treetable thead th,.ui-treetable tbody td,.ui-treetable tfoot td{padding:.25em .5em;overflow:hidden;white-space:nowrap;border-width:1px;border-style:solid}.ui-treetable tbody td{border-color:inherit}.ui-treetable tbody td:first-child span{vertical-align:middle}.ui-treetable .ui-treetable-toggler{vertical-align:middle;cursor:pointer;text-decoration:none}.ui-treetable .ui-treetable-checkbox{margin-right:.5em}.ui-treetable .ui-treetable-checkbox .ui-chkbox-icon{margin-left:1px}.ui-treetable .ui-treetable-row.ui-treetable-row-selectable{cursor:pointer}.ui-treetable .ui-treetable-row.ui-state-highlight{border:0 none}.ui-treetable tr.ui-state-hover{border-color:inherit;font-weight:inherit}.ui-treetable .ui-treetable-indent{width:1em;height:1em;float:left}.ui-treetable .ui-column-resizer{display:block;position:absolute !important;top:0;right:0;margin:0;width:.5em;height:100%;padding:0;cursor:col-resize;border:1px solid transparent}.ui-treetable .ui-column-resizer-helper{width:1px;position:absolute;z-index:10;display:none}.ui-treetable-resizable{padding-bottom:1px;overflow:auto}.ui-treetable-resizable thead th,.ui-treetable-resizable tbody td,.ui-treetable-resizable tfoot td{white-space:nowrap}.ui-treetable-resizable th.ui-resizable-column{background-clip:padding-box;position:relative}.ui-treetable td.ui-treetable-child-table-container{padding:0;border:0 none}.ui-treetable .ui-treetable-row{display:table-row;border-bottom:0 transparent}.ui-treetable tbody .ui-treetable-row td{border:0 none}.ui-treetable tbody .ui-treetable-row td input{outline:0 none}@charset "UTF-8";
.ui-widget {
  font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 1em; }
  .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em; }
  .ui-widget :active {
    outline: none; }

.ui-widget-content {
  border: 1px solid #D5D5D5;
  background: #ffffff;
  color: #222222; }
  .ui-widget-content a {
    color: #222222; }

.ui-widget-header {
  border: 1px solid #d9d9d9;
  background: #f6f7f9;
  color: #1b1d1f;
  font-weight: normal; }
  .ui-widget-header a {
    color: #1b1d1f; }

.ui-widget-overlay {
  background: #666666;
  opacity: .50;
  filter: Alpha(Opacity=50); }

.ui-state-default {
  border: 1px solid #d6d6d6;
  background: #ffffff;
  color: #555555; }
  .ui-state-default a {
    color: #555555; }

.ui-state-active {
  border-color: #bebebe;
  background: #d6d6d6;
  color: #212121; }
  .ui-state-active a {
    color: #212121; }

.ui-state-highlight {
  border-color: #156090;
  background: #186ba0;
  color: #FFFFFF; }
  .ui-state-highlight a {
    color: #FFFFFF; }

.ui-state-focus {
  border-color: #c0c0c0;
  background: #eeeeee;
  color: #212121; }
  .ui-state-focus a {
    color: #212121; }

.ui-state-error {
  border-color: #f44336;
  background: #f5554a;
  color: #cd0a0a; }
  .ui-state-error a {
    color: #cd0a0a; }

.ui-state-disabled,
.ui-widget:disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
  cursor: default !important; }
  .ui-state-disabled *,
  .ui-widget:disabled * {
    cursor: default !important; }

/* Forms */
.ui-inputtext {
  background: #ffffff;
  color: #222222; }

.ui-inputtext:enabled:hover {
  border-color: #c0c0c0; }

.ui-inputtext.ui-state-focus,
.ui-inputtext:focus {
  outline: 0 none;
  border-color: #c0c0c0;
  -moz-box-shadow: 0px 0px 5px #c0c0c0;
  -webkit-box-shadow: 0px 0px 5px #c0c0c0;
  box-shadow: 0px 0px 5px #c0c0c0; }

.ui-inputgroup .ui-inputgroup-addon {
  border-color: #d6d6d6;
  background-color: #f0f0f0;
  color: #222222; }
  .ui-inputgroup .ui-inputgroup-addon:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px; }
  .ui-inputgroup .ui-inputgroup-addon:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px; }
.ui-inputgroup .ui-button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px; }
.ui-inputgroup .ui-button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.ui-float-label input.ng-dirty.ng-invalid ~ label {
  color: #cd0a0a; }

.ui-autocomplete .ui-autocomplete-multiple-container:not(.ui-state-disabled):hover {
  border-color: #c0c0c0; }
.ui-autocomplete .ui-autocomplete-multiple-container:not(.ui-state-disabled).ui-state-focus {
  border-color: #c0c0c0; }

.ui-chips > ul:not(.ui-state-disabled):hover {
  border-color: #c0c0c0; }
.ui-chips > ul:not(.ui-state-disabled).ui-state-focus {
  border-color: #c0c0c0; }

.ui-button:focus,
.ui-button:enabled:hover,
.ui-fileupload-choose:not(.ui-state-disabled):hover {
  outline: 0 none;
  border-color: #c0c0c0;
  background: #eeeeee;
  color: #212121; }
  .ui-button:focus a,
  .ui-button:enabled:hover a,
  .ui-fileupload-choose:not(.ui-state-disabled):hover a {
    color: #212121; }

.ui-button:enabled:active,
.ui-fileupload-choose:not(.ui-state-disabled):active {
  border-color: #bebebe;
  background: #d6d6d6;
  color: #212121; }

.ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active):hover {
  border-color: #c0c0c0;
  background: #eeeeee;
  color: #212121; }
  .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active):hover a {
    color: #212121; }

.ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active):hover {
  border-color: #c0c0c0;
  background: #eeeeee;
  color: #212121; }
  .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active):hover a {
    color: #212121; }

.ui-dropdown .ui-dropdown-clear-icon {
  color: #888888; }

.ui-dropdown:not(.ui-state-disabled):hover {
  border-color: #c0c0c0;
  background: #eeeeee;
  color: #212121; }
  .ui-dropdown:not(.ui-state-disabled):hover a {
    color: #212121; }

.ui-dropdown-panel .ui-dropdown-item:not(.ui-state-highlight):hover {
  border-color: #c0c0c0;
  background: #eeeeee;
  color: #212121; }
  .ui-dropdown-panel .ui-dropdown-item:not(.ui-state-highlight):hover a {
    color: #212121; }

.ui-listbox .ui-listbox-header .ui-listbox-filter-container .fa {
  color: #222222; }
.ui-listbox:not(.ui-state-disabled) .ui-listbox-item:not(.ui-state-highlight):hover {
  border-color: #c0c0c0;
  background: #eeeeee;
  color: #212121; }
  .ui-listbox:not(.ui-state-disabled) .ui-listbox-item:not(.ui-state-highlight):hover a {
    color: #212121; }
.ui-listbox.ui-state-disabled .ui-chkbox-box:not(.ui-state-active):hover {
  border-color: #d6d6d6;
  background: #ffffff;
  color: #555555; }

.ui-multiselect:not(.ui-state-disabled):hover {
  border-color: #c0c0c0;
  background: #eeeeee;
  color: #212121; }
  .ui-multiselect:not(.ui-state-disabled):hover a {
    color: #212121; }

.ui-multiselect-panel .ui-multiselect-item:not(.ui-state-highlight):hover {
  border-color: #c0c0c0;
  background: #eeeeee;
  color: #212121; }
  .ui-multiselect-panel .ui-multiselect-item:not(.ui-state-highlight):hover a {
    color: #212121; }

.ui-multiselect-panel .ui-multiselect-close {
  color: #1b1d1f; }

.ui-multiselect-panel .ui-multiselect-filter-container .fa {
  color: #222222; }

.ui-spinner:not(.ui-state-disabled) .ui-spinner-button:enabled:hover {
  border-color: #c0c0c0;
  background: #eeeeee;
  color: #212121; }
  .ui-spinner:not(.ui-state-disabled) .ui-spinner-button:enabled:hover a {
    color: #212121; }

.ui-spinner:not(.ui-state-disabled) .ui-spinner-button:enabled:active {
  border-color: #bebebe;
  background: #d6d6d6;
  color: #212121; }

.ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover {
  border-color: #c0c0c0;
  background: #eeeeee;
  color: #212121; }
  .ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover a {
    color: #212121; }

.ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active):hover {
  border-color: #c0c0c0;
  background: #eeeeee;
  color: #212121; }
  .ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active):hover a {
    color: #212121; }

.ui-paginator a:not(.ui-state-disabled):not(.ui-state-active):hover {
  border-color: #c0c0c0;
  background: #eeeeee;
  color: #212121; }
  .ui-paginator a:not(.ui-state-disabled):not(.ui-state-active):hover a {
    color: #212121; }

.ui-paginator a {
  color: #555555; }

.ui-datatable .ui-rowgroup-header a {
  color: #1b1d1f; }
.ui-datatable .ui-sortable-column:not(.ui-state-active):hover {
  background: #eeeeee;
  color: #212121; }
.ui-datatable .ui-row-toggler {
  color: #222222; }
.ui-datatable tbody.ui-datatable-hoverable-rows > tr.ui-widget-content:not(.ui-state-highlight):hover {
  cursor: pointer;
  background: #eeeeee;
  color: #212121; }

.ui-orderlist .ui-orderlist-item:not(.ui-state-highlight):hover {
  border-color: #c0c0c0;
  background: #eeeeee;
  color: #212121; }
  .ui-orderlist .ui-orderlist-item:not(.ui-state-highlight):hover a {
    color: #212121; }

.ui-picklist .ui-picklist-item:not(.ui-state-disabled):not(.ui-state-highlight):hover {
  border-color: #c0c0c0;
  background: #eeeeee;
  color: #212121; }
  .ui-picklist .ui-picklist-item:not(.ui-state-disabled):not(.ui-state-highlight):hover a {
    color: #212121; }
.ui-picklist .ui-picklist-droppoint-highlight {
  border-color: #156090;
  background: #186ba0;
  color: #1f1f1f; }
  .ui-picklist .ui-picklist-droppoint-highlight a {
    color: #1f1f1f; }
.ui-picklist .ui-picklist-highlight {
  border-color: #156090;
  color: #1f1f1f; }
  .ui-picklist .ui-picklist-highlight a {
    color: #1f1f1f; }

.ui-tree.ui-treenode-dragover {
  border-color: #156090; }
.ui-tree .ui-treenode-content.ui-treenode-selectable .ui-treenode-label:not(.ui-state-highlight):hover {
  border-color: #c0c0c0;
  background: #eeeeee;
  color: #212121; }
  .ui-tree .ui-treenode-content.ui-treenode-selectable .ui-treenode-label:not(.ui-state-highlight):hover a {
    color: #212121; }
.ui-tree .ui-treenode-content.ui-treenode-dragover {
  background: #d6d6d6;
  color: #212121; }
.ui-tree.ui-tree-horizontal .ui-treenode-content.ui-treenode-selectable .ui-treenode-label:not(.ui-state-highlight):hover {
  background-color: inherit;
  color: inherit; }
.ui-tree.ui-tree-horizontal .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover {
  border-color: #c0c0c0;
  background: #eeeeee;
  color: #212121; }
  .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover a {
    color: #212121; }

.ui-treetable .ui-treetable-row.ui-treetable-row-selectable:not(.ui-state-highlight):hover {
  background: #eeeeee;
  color: #212121; }

.ui-organizationchart .ui-organizationchart-node-content.ui-organizationchart-selectable-node:not(.ui-state-highlight):hover {
  border-color: #c0c0c0;
  background: #eeeeee;
  color: #212121; }
  .ui-organizationchart .ui-organizationchart-node-content.ui-organizationchart-selectable-node:not(.ui-state-highlight):hover a {
    color: #212121; }

.ui-accordion .ui-accordion-header:not(.ui-state-active):not(.ui-state-disabled):hover {
  border-color: #c0c0c0;
  background: #eeeeee;
  color: #212121; }
  .ui-accordion .ui-accordion-header:not(.ui-state-active):not(.ui-state-disabled):hover a {
    color: #212121; }

.ui-fieldset.ui-fieldset-toggleable .ui-fieldset-legend:hover {
  border-color: #c0c0c0;
  background: #eeeeee;
  color: #212121; }
  .ui-fieldset.ui-fieldset-toggleable .ui-fieldset-legend:hover a {
    color: #212121; }

.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover {
  border-color: #c0c0c0;
  background: #eeeeee;
  color: #212121; }
  .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover a {
    color: #212121; }

.ui-tabview .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover {
  border-color: #c0c0c0;
  background: #eeeeee;
  color: #212121; }
  .ui-tabview .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a {
    color: #212121; }

.ui-dialog .ui-dialog-titlebar-icon {
  color: #1b1d1f; }
  .ui-dialog .ui-dialog-titlebar-icon:hover {
    border-color: #c0c0c0;
    background: #eeeeee;
    color: #212121; }
    .ui-dialog .ui-dialog-titlebar-icon:hover a {
      color: #212121; }

.ui-sidebar .ui-sidebar-close {
  color: #1b1d1f; }
  .ui-sidebar .ui-sidebar-close:hover {
    border-color: #c0c0c0;
    background: #eeeeee;
    color: #212121; }
    .ui-sidebar .ui-sidebar-close:hover a {
      color: #212121; }

.ui-overlaypanel .ui-overlaypanel-close:hover {
  border-color: #c0c0c0;
  background: #eeeeee;
  color: #212121; }
  .ui-overlaypanel .ui-overlaypanel-close:hover a {
    color: #212121; }

.ui-inplace .ui-inplace-display:hover {
  border-color: #c0c0c0;
  background: #eeeeee;
  color: #212121; }
  .ui-inplace .ui-inplace-display:hover a {
    color: #212121; }

.ui-breadcrumb a {
  color: #1b1d1f; }

.ui-menuitem .ui-menuitem-link {
  color: #222222; }
  .ui-menuitem .ui-menuitem-link:hover {
    border-color: #c0c0c0;
    background: #eeeeee;
    color: #212121;
    border-color: transparent; }
    .ui-menuitem .ui-menuitem-link:hover a {
      color: #212121; }
.ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  border-color: #c0c0c0;
  background: #eeeeee;
  color: #212121;
  border-color: transparent; }
  .ui-menuitem.ui-menuitem-active > .ui-menuitem-link a {
    color: #212121; }

.ui-tabmenu .ui-tabmenu-nav li:not(.ui-state-active):hover {
  border-color: #c0c0c0;
  background: #eeeeee;
  color: #212121; }
  .ui-tabmenu .ui-tabmenu-nav li:not(.ui-state-active):hover a {
    color: #212121; }

.ui-steps .ui-steps-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
  border-color: #c0c0c0;
  background: #eeeeee;
  color: #212121; }
  .ui-steps .ui-steps-item:not(.ui-state-highlight):not(.ui-state-disabled):hover a {
    color: #212121; }

.ui-panelmenu .ui-panelmenu-header:not(.ui-state-active):hover {
  border-color: #c0c0c0;
  background: #eeeeee;
  color: #212121;
  border-color: #d6d6d6; }
  .ui-panelmenu .ui-panelmenu-header:not(.ui-state-active):hover a {
    color: #212121; }
  .ui-panelmenu .ui-panelmenu-header:not(.ui-state-active):hover a {
    color: #212121; }
.ui-panelmenu .ui-panelmenu-header.ui-state-active a {
  color: #212121; }
.ui-panelmenu .ui-panelmenu-content .ui-menuitem-link {
  color: #222222; }
  .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link:hover {
    border-color: #c0c0c0;
    background: #eeeeee;
    color: #212121;
    border-color: transparent; }
    .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link:hover a {
      color: #212121; }

.ui-datepicker .ui-datepicker-header a {
  color: #1b1d1f; }
  .ui-datepicker .ui-datepicker-header a:hover {
    border-color: #c0c0c0;
    background: #eeeeee;
    color: #212121; }
    .ui-datepicker .ui-datepicker-header a:hover a {
      color: #212121; }
.ui-datepicker .ui-datepicker-calendar td:not(.ui-state-disabled) a:hover {
  border-color: #c0c0c0;
  background: #eeeeee;
  color: #212121; }
  .ui-datepicker .ui-datepicker-calendar td:not(.ui-state-disabled) a:hover a {
    color: #212121; }

.fc .fc-toolbar .fc-prev-button .ui-icon-circle-triangle-w {
  margin-top: .3em;
  background: none !important;
  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;
  text-indent: 0px !important;
  text-align: center; }
  .fc .fc-toolbar .fc-prev-button .ui-icon-circle-triangle-w:before {
    content: "\F053"; }
.fc .fc-toolbar .fc-next-button .ui-icon-circle-triangle-e {
  margin-top: .3em;
  background: none !important;
  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;
  text-indent: 0px !important;
  text-align: center; }
  .fc .fc-toolbar .fc-next-button .ui-icon-circle-triangle-e:before {
    content: "\F054"; }

.ui-rating a {
  color: #222222; }

.ui-organizationchart .ui-organizationchart-line-down {
  background-color: #bcbcbc; }
.ui-organizationchart .ui-organizationchart-line-left {
  border-right: 1px solid #bcbcbc; }
.ui-organizationchart .ui-organizationchart-line-top {
  border-top: 1px solid #bcbcbc; }
.ui-organizationchart .ui-organizationchart-node-content {
  border-color: #bcbcbc; }
.ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler {
  color: #bcbcbc; }

/* TurboTable */
.ui-table .ui-table-thead > tr > th,
.ui-table .ui-table-tfoot > tr > td {
  background: #f6f7f9;
  border: 1px solid #d9d9d9;
  color: #1b1d1f; }
.ui-table .ui-table-tbody > tr {
  background: #ffffff;
  color: #222222; }
  .ui-table .ui-table-tbody > tr > td {
    border: 1px solid #D5D5D5;
    background: inherit; }
  .ui-table .ui-table-tbody > tr.ui-state-highlight {
    background-color: #186ba0;
    color: #FFFFFF; }
  .ui-table .ui-table-tbody > tr.ui-contextmenu-selected {
    background-color: #3ca1e2;
    color: #FFFFFF; }
.ui-table .ui-sortable-column .ui-sortable-column-icon {
  color: #1b1d1f; }
.ui-table .ui-sortable-column.ui-state-highlight {
  background-color: #186ba0;
  color: #FFFFFF; }
  .ui-table .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon {
    color: #FFFFFF; }
.ui-table .ui-sortable-column:not(.ui-state-highlight):hover {
  background: #eeeeee;
  color: #212121; }
  .ui-table .ui-sortable-column:not(.ui-state-highlight):hover .ui-sortable-column-icon {
    color: #212121; }
.ui-table.ui-table-hoverable-rows .ui-table-tbody > tr:not(.ui-state-highlight):hover {
  cursor: pointer;
  background: #eeeeee;
  color: #212121; }

@media (max-width: 35em) {
  .ui-table-responsive .ui-table-tbody > tr {
    border-top: 1px solid #D5D5D5;
    border-bottom: 1px solid #D5D5D5; } }
/* Row Reorder */
.ui-table .ui-table-tbody > tr.ui-table-dragpoint-top > td {
  box-shadow: inset 0 2px 0 0 #186ba0; }

.ui-table .ui-table-tbody > tr.ui-table-dragpoint-bottom > td {
  box-shadow: inset 0 -2px 0 0 #186ba0; }

/* Validation */
.ui-inputtext.ng-dirty.ng-invalid,
p-dropdown.ng-dirty.ng-invalid > .ui-dropdown,
p-autocomplete.ng-dirty.ng-invalid > .ui-autocomplete > .ui-inputtext,
p-calendar.ng-dirty.ng-invalid > .ui-calendar > .ui-inputtext,
p-chips.ng-dirty.ng-invalid > .ui-inputtext,
p-inputmask.ng-dirty.ng-invalid > .ui-inputtext,
p-checkbox.ng-dirty.ng-invalid .ui-chkbox-box,
p-radiobutton.ng-dirty.ng-invalid .ui-radiobutton-box,
p-inputswitch.ng-dirty.ng-invalid .ui-inputswitch,
p-listbox.ng-dirty.ng-invalid .ui-inputtext,
p-multiselect.ng-dirty.ng-invalid > .ui-multiselect,
p-spinner.ng-dirty.ng-invalid > .ui-inputtext,
p-selectbutton.ng-dirty.ng-invalid .ui-button,
p-togglebutton.ng-dirty.ng-invalid .ui-button {
  border-bottom-color: #f44336; }

/* Cornering */
.ui-corner-tl {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px; }

.ui-corner-tr {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px; }

.ui-corner-bl {
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px; }

.ui-corner-br {
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.ui-corner-top {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px; }

.ui-corner-bottom {
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.ui-corner-right {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.ui-corner-left {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px; }

.ui-corner-all {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(9f916e330c478bbfa2a0dd6614042046.eot);
  /* IE9 Compat Modes */
  src: local("Roboto"), local("Roboto-Regular"), url(9f916e330c478bbfa2a0dd6614042046.eot?#iefix) format("embedded-opentype"), url(7e367be02cd17a96d513ab74846bafb3.woff2) format("woff2"), url(16e1d930cf13fb7a956372044b6d02d0.woff) format("woff"), url(38861cba61c66739c1452c3a71e39852.ttf) format("truetype"), url(data:image/svg+xml;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICJpbWFnZXMvXy9fL25vZGVfbW9kdWxlcy9wcmltZW5nL3Jlc291cmNlcy90aGVtZXMvb21lZ2EvZm9udHMvcm9ib3RvLXYxNS1sYXRpbi1yZWd1bGFyLnN2ZyI7#Roboto) format("svg");
  /* Legacy iOS */ }
.ui-widget-header {
  background: #f6f7f9 0 0 repeat-x;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f6f7f9 0%, #ebedf0 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f9), color-stop(100%, #ebedf0));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f6f7f9 0%, #ebedf0 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f6f7f9 0%, #ebedf0 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #f6f7f9 0%, #ebedf0 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f6f7f9 0%, #ebedf0 100%);
  /* W3C */ }

.ui-accordion .ui-accordion-header {
  background: #f6f7f9;
  border-top: 1px solid #d9d9d9; }
  .ui-accordion .ui-accordion-header a {
    color: #1b1d1f; }
  .ui-accordion .ui-accordion-header:not(.ui-state-active):not(.ui-state-disabled):hover {
    background: #ededf0; }
  .ui-accordion .ui-accordion-header.ui-state-active {
    background: #ffffff;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
.ui-accordion .ui-accordion-content {
  border: 0 none; }

/* Tabview */
.ui-tabview.ui-widget-content {
  border: 0 none; }
.ui-tabview .ui-tabview-nav {
  background: transparent; }
  .ui-tabview .ui-tabview-nav > li.ui-state-default {
    background: #f6f7f9; }
  .ui-tabview .ui-tabview-nav > li.ui-state-active {
    background: #ffffff;
    font-weight: normal;
    color: #555555; }
  .ui-tabview .ui-tabview-nav > li:not(.ui-state-active):not(.ui-state-disabled):hover {
    background: #ededf0; }

/* Spinner */
.ui-spinner:not(.ui-state-disabled) .ui-spinner-button:enabled:hover {
  border: 1px solid #1f89ce;
  background: #1f89ce;
  outline: 0 none;
  color: #ffffff; }

.ui-spinner:not(.ui-state-disabled) .ui-spinner-button:enabled:active {
  border: 1px solid #156090;
  background: #186ba0;
  color: #ffffff; }

.ui-slider {
  position: relative;
  text-align: left;
  background: #838688;
  border: none;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset; }

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 17px !important;
  height: 21px  !important;
  cursor: default;
  background: url(images/_/_/node_modules/primeng/resources/themes/omega/images/slider_handles.png) 0 0 no-repeat;
  outline: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background: #14a4ff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.ui-slider .ui-slider-handle.ui-state-active {
  background-position: -17px 0; }

.ui-slider-horizontal {
  height: 6px; }

.ui-slider-horizontal .ui-slider-handle {
  top: -2px !important;
  margin-left: -.6em; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.ui-slider-vertical {
  width: .8em;
  height: 100px; }

.ui-slider-vertical .ui-slider-handle {
  left: -.1em !important;
  margin-left: 0;
  margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.ui-slider-vertical .ui-slider-range-max {
  top: 0; }

.ui-progressbar.ui-progressbar-determinate .ui-progressbar-value {
  border: 0 none;
  background: #8ec5fc; }
.ui-progressbar.ui-progressbar-determinate .ui-progressbar .ui-progressbar-label {
  color: #222222; }
.ui-progressbar.ui-progressbar-indeterminate {
  background: #8ec5fc; }
  .ui-progressbar.ui-progressbar-indeterminate .ui-progressbar-value {
    border: 0 none;
    background-color: #186ba0; }

.ui-widget-header .ui-button,
.ui-widget-content .ui-button,
.ui-widget.ui-button,
.ui-button {
  border: 1px solid #2399e5;
  color: #FFFFFF;
  background: #2399e5;
  -webkit-transition: background-color .2s;
  -moz-transition: background-color .2s;
  transition: background-color .2s; }
  .ui-widget-header .ui-button:enabled:hover, .ui-widget-header .ui-button:focus,
  .ui-widget-content .ui-button:enabled:hover,
  .ui-widget-content .ui-button:focus,
  .ui-widget.ui-button:enabled:hover,
  .ui-widget.ui-button:focus,
  .ui-button:enabled:hover,
  .ui-button:focus {
    border: 1px solid #1f89ce;
    background: #1f89ce;
    outline: 0 none;
    color: #ffffff; }
  .ui-widget-header .ui-button:enabled:active,
  .ui-widget-content .ui-button:enabled:active,
  .ui-widget.ui-button:enabled:active,
  .ui-button:enabled:active {
    border: 1px solid #156090;
    background: #186ba0;
    color: #ffffff; }

.ui-fileupload-choose:not(.ui-state-disabled):hover,
.ui-fileupload-choose.ui-state-focus {
  border: 1px solid #1f89ce;
  background: #1f89ce;
  outline: 0 none;
  color: #ffffff; }

.ui-fileupload-choose:not(.ui-state-disabled):active {
  border: 1px solid #156090;
  background: #186ba0;
  color: #ffffff; }

/* Checkbox and Radio */
.ui-chkbox-box.ui-state-active,
.ui-radiobutton-box.ui-state-active {
  border: 1px solid #156090;
  background: #186ba0;
  color: #FFFFFF; }

.ui-chkbox-box.ui-state-focus,
.ui-radiobutton-box.ui-state-focus {
  -moz-box-shadow: 0px 0px 5px #1f89ce;
  -webkit-box-shadow: 0px 0px 5px #1f89ce;
  box-shadow: 0px 0px 5px #1f89ce; }

.ui-chkbox-box.ui-state-focus.ui-state-active {
  background: #186ba0; }

/* Inputs */
.ui-inputtext {
  background: #ffffff;
  color: #222222;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  transition: .2s; }

.ui-inputtext.ui-state-focus,
.ui-inputtext:focus {
  -moz-box-shadow: 0px 0px 5px #1f89ce;
  -webkit-box-shadow: 0px 0px 5px #1f89ce;
  box-shadow: 0px 0px 5px #1f89ce; }

/* InputSwitch */
.ui-inputswitch-on {
  background: #186ba0 !important;
  color: #ffffff !important; }

.ui-paginator .ui-paginator-page.ui-state-active {
  background: #186ba0;
  color: #ffffff;
  border-color: #156090; }

/* DataTable  */
.ui-datatable th.ui-state-default {
  background: #ebedf0;
  border-color: #d9d9d9; }
.ui-datatable th.ui-sortable-column:not(.ui-state-active):hover {
  background: #d3d5d8;
  border-color: #d9d9d9; }
.ui-datatable th.ui-state-active {
  background: #186ba0;
  color: #ffffff; }
.ui-datatable tbody > tr.ui-widget-content {
  border-color: #d9d9d9; }
  .ui-datatable tbody > tr.ui-widget-content.ui-datatable-odd {
    background-color: #fafafb; }
  .ui-datatable tbody > tr.ui-widget-content.ui-state-highlight {
    background-color: #186ba0;
    color: #FFFFFF; }
.ui-datatable tfoot td.ui-state-default {
  background: #ebedf0;
  border-color: #d9d9d9; }

/* TurboTable */
.ui-table .ui-table-thead > tr > th,
.ui-table .ui-table-tfoot > tr > td {
  background: #ebedf0;
  border-color: #d9d9d9; }
.ui-table .ui-sortable-column:not(.ui-state-highlight):hover {
  background: #d3d5d8;
  border-color: #d9d9d9; }
.ui-table .ui-table-tbody > tr:nth-child(even) {
  background-color: #fafafb; }
  .ui-table .ui-table-tbody > tr:nth-child(even).ui-state-highlight {
    background-color: #186ba0;
    color: #FFFFFF; }
  .ui-table .ui-table-tbody > tr:nth-child(even).ui-contextmenu-selected {
    background-color: #3ca1e2;
    color: #FFFFFF; }

/* Panel */
.ui-panel.ui-widget {
  padding: 0; }
  .ui-panel.ui-widget .ui-panel-titlebar.ui-corner-all {
    -moz-border-radius-bottom-left: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottom-right: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0; }
  .ui-panel.ui-widget .ui-panel-titlebar {
    border-width: 0 0 1px 0; }
  .ui-panel.ui-widget .ui-panel-titlebar-icon span {
    position: relative;
    top: 1px; }

/* TreeTable */
.ui-treetable th.ui-state-default {
  background: #ebedf0;
  border-color: #d9d9d9; }

/* ButtonSet */
.ui-togglebutton.ui-button.ui-state-default,
.ui-selectbutton .ui-button.ui-state-default {
  border: 1px solid #d6d6d6;
  background: #ffffff;
  font-weight: normal;
  color: #555555; }

.ui-togglebutton.ui-button.ui-state-hover, .ui-togglebutton.ui-button.ui-state-focus,
.ui-selectbutton .ui-button.ui-state-hover, .ui-selectbutton .ui-button.ui-state-focus, .ui-selectbutton .ui-button:focus {
  border: 1px solid #c0c0c0;
  background: #eeeeee;
  font-weight: normal;
  color: #212121; }

.ui-togglebutton.ui-button.ui-state-focus,
.ui-selectbutton .ui-button.ui-state-focus.ui-state-active,
.ui-selectbutton .ui-button.ui-state-active:focus {
  -moz-box-shadow: 0px 0px 5px #1f89ce;
  -webkit-box-shadow: 0px 0px 5px #1f89ce;
  box-shadow: 0px 0px 5px #1f89ce; }

.ui-togglebutton.ui-button.ui-state-active,
.ui-selectbutton .ui-button.ui-state-active {
  border: 1px solid #156090;
  background: #186ba0;
  color: #FFFFFF; }

.ui-multiselect .ui-multiselect-label {
  background-color: #ffffff; }

.ui-dropdown.ui-state-focus, .ui-multiselect.ui-state-focus {
  -moz-box-shadow: 0px 0px 5px #1f89ce;
  -webkit-box-shadow: 0px 0px 5px #1f89ce;
  box-shadow: 0px 0px 5px #1f89ce; }

/* Growl */
.ui-growl-item-container.ui-state-highlight.ui-growl-message-info {
  background-color: #2196f3;
  border-color: #2196f3; }
.ui-growl-item-container.ui-state-highlight.ui-growl-message-error {
  background-color: #f44336;
  border-color: #f44336; }
.ui-growl-item-container.ui-state-highlight.ui-growl-message-warn {
  background-color: #FFB300;
  border-color: #FFB300; }
.ui-growl-item-container.ui-state-highlight.ui-growl-message-success {
  background-color: #4CAF50;
  border-color: #4CAF50; }

/* TabMenu */
.ui-tabmenu {
  border: 0 none; }
  .ui-tabmenu .ui-tabmenu-nav {
    background: none; }
    .ui-tabmenu .ui-tabmenu-nav > li.ui-state-default {
      background: #f6f7f9; }
    .ui-tabmenu .ui-tabmenu-nav > li.ui-state-active {
      background: #ffffff;
      font-weight: normal;
      color: #555555; }
    .ui-tabmenu .ui-tabmenu-nav > li:not(.ui-state-active):not(.ui-state-disabled):hover {
      background: #ededf0; }

/* Menus */
.ui-menu,
.ui-menubar, .ui-menubar .ui-submenu-list,
.ui-tieredmenu, .ui-tieredmenu .ui-submenu-list,
.ui-slidemenu, .ui-slidemenu .ui-submenu-list,
.ui-contextmenu, .ui-contextmenu .ui-submenu-list,
.ui-megamenu {
  color: #1b1d1f;
  background: #f6f7f9 0 0 repeat-x;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f6f7f9 0%, #ebedf0 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f9), color-stop(100%, #ebedf0));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f6f7f9 0%, #ebedf0 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f6f7f9 0%, #ebedf0 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #f6f7f9 0%, #ebedf0 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f6f7f9 0%, #ebedf0 100%);
  /* W3C */ }

.ui-menu .ui-menuitem > .ui-menuitem-link:hover,
.ui-menubar .ui-menuitem > .ui-menuitem-link:hover,
.ui-tieredmenu .ui-menuitem > .ui-menuitem-link:hover,
.ui-slidemenu .ui-menuitem > .ui-menuitem-link:hover,
.ui-contextmenu .ui-menuitem > .ui-menuitem-link:hover,
.ui-megamenu .ui-menuitem > .ui-menuitem-link:hover {
  background-color: #a6a6a6;
  color: #ffffff; }

.ui-menu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link,
.ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link,
.ui-tieredmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link,
.ui-slidemenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link,
.ui-contextmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link,
.ui-megamenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  background-color: #a6a6a6;
  color: #ffffff; }

/* PanelMenu */
.ui-panelmenu .ui-panelmenu-header.ui-state-active,
.ui-panelmenu .ui-panelmenu-header.ui-state-active a {
  border-color: #156090;
  background: #186ba0;
  color: #FFFFFF; }

/* DatePicker */
.ui-datepicker.ui-widget {
  padding: 0; }
  .ui-datepicker.ui-widget .ui-datepicker-header {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border-top: 0 none;
    border-left: 0 none;
    border-right: 0 none; }
    .ui-datepicker.ui-widget .ui-datepicker-header a:hover {
      border-width: 1px; }
  .ui-datepicker.ui-widget .ui-datepicker-calendar {
    margin: 0; }
    .ui-datepicker.ui-widget .ui-datepicker-calendar thead th {
      background-color: #f6f8fa;
      padding: 8px; }
    .ui-datepicker.ui-widget .ui-datepicker-calendar td {
      border-bottom: 1px solid rgba(213, 213, 213, 0.5);
      padding: 0; }
      .ui-datepicker.ui-widget .ui-datepicker-calendar td a {
        border: 0 none;
        text-align: center;
        padding: 8px; }
        .ui-datepicker.ui-widget .ui-datepicker-calendar td a.ui-state-highlight {
          background-color: #d6d6d6;
          color: #212121; }
        .ui-datepicker.ui-widget .ui-datepicker-calendar td a.ui-state-active {
          background-color: #186ba0;
          color: #ffffff; }
    .ui-datepicker.ui-widget .ui-datepicker-calendar tr:last-child td {
      border-bottom: 0 none; }
  .ui-datepicker.ui-widget .ui-timepicker {
    border-bottom: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0; }
  .ui-datepicker.ui-widget.ui-datepicker-timeonly .ui-timepicker {
    border-top: 0 none; }

/* Steps */
.ui-steps .ui-steps-item.ui-state-highlight .ui-menuitem-link {
  color: #ffffff; }

/* Dialog */
.ui-dialog.ui-widget .ui-dialog-titlebar {
  padding: 1em 1.5em; }

.ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-title {
  font-size: 1.25em; }

.ui-dialog.ui-widget .ui-dialog-content {
  padding: 1em 1.5em; }

/* Schedule */
.fc .fc-button-group .ui-state-active {
  border: 1px solid #156090;
  background: #186ba0;
  color: #ffffff; }
/* @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic); */
/*!
 *   AdminLTE v2.3.3
 *   Author: Almsaeed Studio
 *	 Website: Almsaeed Studio <http://almsaeedstudio.com>
 *   License: Open source - MIT
 *           Please visit http://opensource.org/licenses/MIT for more information
!*/
/*
 * Core: General Layout Style
 * -------------------------
 */
html,
body {
  height: 100%;
}
.layout-boxed html,
.layout-boxed body {
  height: 100%;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Quicksand', sans-serif;
  font-weight: 400;
  overflow-x: hidden;
  overflow-y: auto;
}
.logo{
  width: 55%;
}
/* Layout */
.wrapper {
  min-height: 100%;
  position: relative;
  overflow: hidden;
}
.wrapper:before,
.wrapper:after {
  content: " ";
  display: table;
}
.wrapper:after {
  clear: both;
}
.layout-boxed .wrapper {
  max-width: 1250px;
  margin: 0 auto;
  min-height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  position: relative;
}
.layout-boxed {
  background: url(images/_/assets/img/boxed-bg.jpg) repeat fixed;
}
/*
 * Content Wrapper - contains the main content
 * ```.right-side has been deprecated as of v2.0.0 in favor of .content-wrapper  ```
 */
.content-wrapper,
.right-side,
.main-footer {
  -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  margin-left: 230px;
  z-index: 820;
}
.layout-top-nav .content-wrapper,
.layout-top-nav .right-side,
.layout-top-nav .main-footer {
  margin-left: 0;
}
@media (max-width: 767px) {
  .content-wrapper,
  .right-side,
  .main-footer {
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .sidebar-collapse .content-wrapper,
  .sidebar-collapse .right-side,
  .sidebar-collapse .main-footer {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .sidebar-open .content-wrapper,
  .sidebar-open .right-side,
  .sidebar-open .main-footer {
    -webkit-transform: translate(230px, 0);
    -ms-transform: translate(230px, 0);
    -o-transform: translate(230px, 0);
    transform: translate(230px, 0);
  }
}
.content-wrapper,
.right-side {
  min-height: 100%;
  background-color: #F7F7F7;
  z-index: 800;
}
.main-footer {
  background: #fff;
  padding: 15px;
  color: #444;
  border-top: 1px solid #d2d6de;
}
/* Fixed layout */
.fixed .main-header,
.fixed .main-sidebar,
.fixed .left-side {
  position: fixed;
}
.fixed .main-header {
  top: 0;
  right: 0;
  left: 0;
}
.fixed .content-wrapper,
.fixed .right-side {
  padding-top: 50px;
}
@media (max-width: 767px) {
  .fixed .content-wrapper,
  .fixed .right-side {
    padding-top: 100px;
  }
}
.fixed.layout-boxed .wrapper {
  max-width: 100%;
}
body.hold-transition .content-wrapper,
body.hold-transition .right-side,
body.hold-transition .main-footer,
body.hold-transition .main-sidebar,
body.hold-transition .left-side,
body.hold-transition .main-header > .navbar,
body.hold-transition .main-header .logo {
  /* Fix for IE */
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
/* Content */
.content {
  min-height: 250px;
  padding: 15px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
/* H1 - H6 font */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Source Sans Pro', sans-serif;
}
/* General Links */
a {
  color: #3c8dbc;
}
a:hover,
a:active,
a:focus {
  outline: none;
  text-decoration: none;
  color: #469df7;
}
/* Page Header */
.page-header {
  margin: 10px 0 20px 0;
  font-size: 22px;
}
.page-header > small {
  color: #666;
  display: block;
  margin-top: 5px;
}
/*
 * Component: Main Header
 * ----------------------
 */
.main-header {
  position: fixed;
  max-height: 100px;
  z-index: 1030;
  width: 100%;
}
.main-header > .navbar {
  -webkit-transition: margin-left 0.3s ease-in-out;
  -o-transition: margin-left 0.3s ease-in-out;
  transition: margin-left 0.3s ease-in-out;
  margin-bottom: 0;
  margin-left: 230px;
  border: none;
  height: 50px;
  border-radius: 0;
}
.layout-top-nav .main-header > .navbar {
  margin-left: 0;
}
.main-header #navbar-search-input.form-control {
  background: rgba(255, 255, 255, 0.2);
  border-color: transparent;

}
.main-header #navbar-search-input.form-control:focus,
.main-header #navbar-search-input.form-control:active {
  border-color: rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.9);
}
.main-header #navbar-search-input.form-control::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}
.main-header #navbar-search-input.form-control:-ms-input-placeholder {
  color: #ccc;
}
.main-header #navbar-search-input.form-control::-webkit-input-placeholder {
  color: #ccc;
}
.main-header .navbar-custom-menu,
.main-header .navbar-right {
  float: right;
}
@media (max-width: 991px) {
  .main-header .navbar-custom-menu a,
  .main-header .navbar-right a {
    color: inherit;
    background: transparent;
  }
}
@media (max-width: 767px) {
  .main-header .navbar-right {
    float: none;
  }
  .navbar-collapse .main-header .navbar-right {
    margin: 7.5px -15px;
  }
  .main-header .navbar-right > li {
    color: inherit;
    border: 0;
  }
}
.main-header .sidebar-toggle {
  float: left;
  background-color: transparent;
  background-image: none;
  padding: 15px 15px;
  font-family: fontAwesome;
}
.main-header .sidebar-toggle:before {
  content: "\F0C9";
}
.main-header .sidebar-toggle:hover {
  color: #fff;
}
.main-header .sidebar-toggle:focus,
.main-header .sidebar-toggle:active {
  background: transparent;
}
.main-header .sidebar-toggle .icon-bar {
  display: none;
}
.main-header .navbar .nav > li.user > a > .fa,
.main-header .navbar .nav > li.user > a > .glyphicon,
.main-header .navbar .nav > li.user > a > .ion {
  margin-right: 5px;
}
.main-header .navbar .nav > li > a > .label {
  position: absolute;
  top: 9px;
  right: 7px;
  text-align: center;
  font-size: 9px;
  padding: 2px 3px;
  line-height: .9;
}
.main-header .logo {
  -webkit-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  display: block;
  float: left;
  height: 90px;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  width: 230px;
  font-family: 'Quicksand', Helvetica, Arial, sans-serif;
  padding: 0 15px;
  font-weight: 300;
  overflow: hidden;
}
.main-header .logo .logo-lg {
  display: block;
}
.main-header .logo .logo-mini {
  display: none;
}
.main-header .navbar-brand {
  color: #fff;
}
.content-header {
  position: relative;
  padding: 15px 15px 0 15px;
}
.content-header > h1 {
  margin: 0;
  font-size: 24px;
}
.content-header > h1 > small {
  font-size: 15px;
  display: inline-block;
  padding-left: 4px;
  font-weight: 300;
}
.content-header > h2 {
  margin: 0;
  font-size: 18px;
  color: #0078d5;
}
.content-header > h2 > small {
  font-size: 12px;
  display: inline-block;
  padding-left: 4px;
  font-weight: 300;
}
.content-header > .breadcrumb {
  float: right;
  background: transparent;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  padding: 0px 5px;
  position: absolute;
  top: 15px;
  right: 10px;
  border-radius: 2px;
}
.content-header > .breadcrumb > li > a {
  color: #444;
  text-decoration: none;
  display: inline-block;
}
.content-header > .breadcrumb > li > a > .fa,
.content-header > .breadcrumb > li > a > .glyphicon,
.content-header > .breadcrumb > li > a > .ion {
  margin-right: 5px;
}
.content-header > .breadcrumb > li + li:before {
  content: '>\A0';
}
@media (max-width: 991px) {
  /*.content-header > .breadcrumb {
    position: relative;
    margin-top: 5px;
    top: 0;
    right: 0;
    float: none;
    background: #d2d6de;
    padding-left: 10px;
  }*/
  .content-header > .breadcrumb li:before {
    color: #97a0b3;
  }
}
.navbar-toggle {
  color: #fff;
  border: 0;
  margin: 0;
  padding: 15px 15px;
}
@media (max-width: 991px) {
  .navbar-custom-menu .navbar-nav > li {
    float: left;
  }
  .navbar-custom-menu .navbar-nav {
    margin: 0;
    float: left;
  }
  .navbar-custom-menu .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .main-header {
    position: relative;
  }
  .main-header .logo,
  .main-header .navbar {
    width: 100%;
    float: none;
  }
  .main-header .navbar {
    margin: 0;
  }
  .main-header .navbar-custom-menu {
    float: right;
  }
}
@media (max-width: 991px) {
  .navbar-collapse.pull-left {
    float: none !important;
  }
  .navbar-collapse.pull-left + .navbar-custom-menu {
    display: block;
    position: absolute;
    top: 0;
    right: 40px;
  }
}
/*
 * Component: Sidebar
 * ------------------
 */
.main-sidebar,
.left-side {
  position: fixed;
  top: 0;
  left: 0;
  padding-top: 50px;
  min-height: 100%;
  width: 230px;
  z-index: 810;
  -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
  -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
  -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .main-sidebar,
  .left-side {
    padding-top: 100px;
  }
}
@media (max-width: 767px) {
  .main-sidebar,
  .left-side {
    -webkit-transform: translate(-230px, 0);
    -ms-transform: translate(-230px, 0);
    -o-transform: translate(-230px, 0);
    transform: translate(-230px, 0);
  }
}
@media (min-width: 768px) {
  .sidebar-collapse .main-sidebar,
  .sidebar-collapse .left-side {
    -webkit-transform: translate(-230px, 0);
    -ms-transform: translate(-230px, 0);
    -o-transform: translate(-230px, 0);
    transform: translate(-230px, 0);
  }
}
@media (max-width: 767px) {
  .sidebar-open .main-sidebar,
  .sidebar-open .left-side {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.sidebar {
  padding-bottom: 10px;
}
.sidebar-form input:focus {
  border-color: transparent;
}
.user-panel {
  position: relative;
  width: 100%;
  padding: 10px;
  padding-top: 35px;
  overflow: hidden;
}
.user-panel:before,
.user-panel:after {
  content: " ";
  display: table;
}
.user-panel:after {
  clear: both;
}
.user-panel > .image > img {
  width: 100%;
  max-width: 45px;
  height: auto;
}
.user-panel > .info {
  padding: 5px 5px 5px 15px;
  line-height: 1;
  position: absolute;
  left: 55px;
}
.user-panel > .info > p {
  font-weight: 600;
  margin-bottom: 9px;
}
.user-panel > .info > a {
  text-decoration: none;
  padding-right: 5px;
  margin-top: 3px;
  font-size: 11px;
}
.user-panel > .info > a > .fa,
.user-panel > .info > a > .ion,
.user-panel > .info > a > .glyphicon {
  margin-right: 3px;
}
.sidebar-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sidebar-menu > li {
  position: relative;
  margin: 0;
  padding: 0;
}
.sidebar-menu > li > a {
  padding: 12px 5px 12px 15px;
  display: block;
}
.sidebar-menu > li > a > .fa,
.sidebar-menu > li > a > .glyphicon,
.sidebar-menu > li > a > .ion {
  width: 20px;
}
.sidebar-menu > li .label,
.sidebar-menu > li .badge {
  margin-top: 3px;
  margin-right: 5px;
}
.sidebar-menu li.header {
  padding: 10px 25px 10px 15px;
  font-size: 12px;
}
.sidebar-menu li > a > .fa-angle-left {
  width: auto;
  height: auto;
  padding: 0;
  margin-right: 10px;
  margin-top: 3px;
}
.sidebar-menu li.active > a > .fa-angle-left {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.sidebar-menu li.active > .treeview-menu {
  display: block;
}
.sidebar-menu .treeview-menu {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 5px;
}
.sidebar-menu .treeview-menu .treeview-menu {
  padding-left: 20px;
}
.sidebar-menu .treeview-menu > li {
  margin: 0;
}
.sidebar-menu .treeview-menu > li > a {
  padding: 5px 5px 5px 15px;
  display: block;
  font-size: 14px;
}
.sidebar-menu .treeview-menu > li > a > .fa,
.sidebar-menu .treeview-menu > li > a > .glyphicon,
.sidebar-menu .treeview-menu > li > a > .ion {
  width: 20px;
}
.sidebar-menu .treeview-menu > li > a > .fa-angle-left,
.sidebar-menu .treeview-menu > li > a > .fa-angle-down {
  width: auto;
}
/*
 * Component: Sidebar Mini
 */
@media (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .content-wrapper,
  .sidebar-mini.sidebar-collapse .right-side,
  .sidebar-mini.sidebar-collapse .main-footer {
    margin-left: 50px !important;
    z-index: 840;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 50px !important;
    z-index: 850;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar .thumbnail{
    margin-left: -5px;
    width: 40px!important;
    height: 40px!important;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li {
    position: relative;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
    margin-right: 0;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
    border-top-right-radius: 4px;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span {
    border-bottom-right-radius: 4px;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom-right-radius: 4px;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
  .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
    display: block !important;
    position: absolute;
    width: 180px;
    left: 50px;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span {
    top: 0;
    margin-left: -3px;
    padding: 12px 5px 12px 20px;
    background-color: inherit;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
    top: 44px;
    margin-left: 0;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info,
  .sidebar-mini.sidebar-collapse .sidebar-form,
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span,
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu,
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right,
  .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
    display: none !important;
    -webkit-transform: translateZ(0);
  }
  .sidebar-mini.sidebar-collapse .main-header .logo {
    width: 50px;
  }
  .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
    display: block;
    margin-left: -15px;
    margin-right: -15px;
    font-size: 18px;
  }
  .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg {
    display: none;
  }
  .sidebar-mini.sidebar-collapse .main-header .navbar {
    margin-left: 50px;
  }

  .sidebar-mini.sidebar-collapse .main-sidebar .superother #othernx {
    width: 50px;
  }
}

.sidebar-menu,
.main-sidebar .user-panel,
.sidebar-menu > li.header {
  white-space: nowrap;
  overflow: hidden;
}
.sidebar-menu:hover {
  overflow: visible;
}
.sidebar-form,
.sidebar-menu > li.header {
  overflow: hidden;
  text-overflow: clip;
}
.sidebar-menu li > a {
  position: relative;
}
.sidebar-menu li > a > .pull-right {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -7px;
}
/*
 * Component: Control sidebar. By default, this is the right sidebar.
 */
.control-sidebar-bg {
  position: fixed;
  z-index: 1000;
  bottom: 0;
}
.control-sidebar-bg,
.control-sidebar {
  top: 0;
  right: -230px;
  width: 230px;
  -webkit-transition: right 0.3s ease-in-out;
  -o-transition: right 0.3s ease-in-out;
  transition: right 0.3s ease-in-out;
}
.control-sidebar {
  position: absolute;
  padding-top: 50px;
  z-index: 1010;
}
@media (max-width: 768px) {
  .control-sidebar {
    padding-top: 100px;
  }
}
.control-sidebar > .tab-content {
  padding: 10px 15px;
}
.control-sidebar.control-sidebar-open,
.control-sidebar.control-sidebar-open + .control-sidebar-bg {
  right: 0;
}
.control-sidebar-open .control-sidebar-bg,
.control-sidebar-open .control-sidebar {
  right: 0;
}
@media (min-width: 768px) {
  .control-sidebar-open .content-wrapper,
  .control-sidebar-open .right-side,
  .control-sidebar-open .main-footer {
    margin-right: 230px;
  }
}
.nav-tabs.control-sidebar-tabs > li:first-of-type > a,
.nav-tabs.control-sidebar-tabs > li:first-of-type > a:hover,
.nav-tabs.control-sidebar-tabs > li:first-of-type > a:focus {
  border-left-width: 0;
}
.nav-tabs.control-sidebar-tabs > li > a {
  border-radius: 0;
}
.nav-tabs.control-sidebar-tabs > li > a,
.nav-tabs.control-sidebar-tabs > li > a:hover {
  border-top: none;
  border-right: none;
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.nav-tabs.control-sidebar-tabs > li > a .icon {
  font-size: 16px;
}
.nav-tabs.control-sidebar-tabs > li.active > a,
.nav-tabs.control-sidebar-tabs > li.active > a:hover,
.nav-tabs.control-sidebar-tabs > li.active > a:focus,
.nav-tabs.control-sidebar-tabs > li.active > a:active {
  border-top: none;
  border-right: none;
  border-bottom: none;
}
@media (max-width: 768px) {
  .nav-tabs.control-sidebar-tabs {
    display: table;
  }
  .nav-tabs.control-sidebar-tabs > li {
    display: table-cell;
  }
}
.control-sidebar-heading {
  font-weight: 400;
  font-size: 16px;
  padding: 10px 0;
  margin-bottom: 10px;
}
.control-sidebar-subheading {
  display: block;
  font-weight: 400;
  font-size: 14px;
}
.control-sidebar-menu {
  list-style: none;
  padding: 0;
  margin: 0 -15px;
}
.control-sidebar-menu > li > a {
  display: block;
  padding: 10px 15px;
}
.control-sidebar-menu > li > a:before,
.control-sidebar-menu > li > a:after {
  content: " ";
  display: table;
}
.control-sidebar-menu > li > a:after {
  clear: both;
}
.control-sidebar-menu > li > a > .control-sidebar-subheading {
  margin-top: 0;
}
.control-sidebar-menu .menu-icon {
  float: left;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  line-height: 35px;
}
.control-sidebar-menu .menu-info {
  margin-left: 45px;
  margin-top: 3px;
}
.control-sidebar-menu .menu-info > .control-sidebar-subheading {
  margin: 0;
}
.control-sidebar-menu .menu-info > p {
  margin: 0;
  font-size: 11px;
}
.control-sidebar-menu .progress {
  margin: 0;
}
.control-sidebar-dark {
  color: #b8c7ce;
}
.control-sidebar-dark,
.control-sidebar-dark + .control-sidebar-bg {
  background: #222d32;
}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs {
  border-bottom: #1c2529;
}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a {
  background: #181f23;
  color: #b8c7ce;
}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus {
  border-left-color: #141a1d;
  border-bottom-color: #141a1d;
}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:active {
  background: #1c2529;
}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover {
  color: #fff;
}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:hover,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:focus,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:active {
  background: #222d32;
  color: #fff;
}
.control-sidebar-dark .control-sidebar-heading,
.control-sidebar-dark .control-sidebar-subheading {
  color: #fff;
}
.control-sidebar-dark .control-sidebar-menu > li > a:hover {
  background: #075EBD;
}
.control-sidebar-dark .control-sidebar-menu > li > a .menu-info > p {
  color: #b8c7ce;
}
.control-sidebar-light {
  color: #5e5e5e;
}
.control-sidebar-light,
.control-sidebar-light + .control-sidebar-bg {
  background: #f9fafc;
  border-left: 1px solid #d2d6de;
}
.control-sidebar-light .nav-tabs.control-sidebar-tabs {
  border-bottom: #d2d6de;
}
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a {
  background: #e8ecf4;
  color: #444444;
}
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus {
  border-left-color: #d2d6de;
  border-bottom-color: #d2d6de;
}
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:active {
  background: #eff1f7;
}
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:hover,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:focus,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:active {
  background: #f9fafc;
  color: #111;
}
.control-sidebar-light .control-sidebar-heading,
.control-sidebar-light .control-sidebar-subheading {
  color: #111;
}
.control-sidebar-light .control-sidebar-menu {
  margin-left: -14px;
}
.control-sidebar-light .control-sidebar-menu > li > a:hover {
  background: #f4f4f5;
}
.control-sidebar-light .control-sidebar-menu > li > a .menu-info > p {
  color: #5e5e5e;
}
/*
 * Component: Dropdown menus
 * -------------------------
 */
/*Dropdowns in general*/
.dropdown-menu {
  box-shadow: none;
  border-color: #eee;
}
.dropdown-menu > li > a {
  color: #777;
}
.dropdown-menu > li > a > .glyphicon,
.dropdown-menu > li > a > .fa,
.dropdown-menu > li > a > .ion {
  margin-right: 10px;
}
.dropdown-menu > li > a:hover {
  background-color: #e1e3e9;
  color: #333;
}
.dropdown-menu > .divider {
  background-color: #eee;
}
.navbar-nav > .notifications-menu > .dropdown-menu,
.navbar-nav > .messages-menu > .dropdown-menu,
.navbar-nav > .tasks-menu > .dropdown-menu {
  width: 280px;
  padding: 0 0 0 0;
  margin: 0;
  top: 100%;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li,
.navbar-nav > .messages-menu > .dropdown-menu > li,
.navbar-nav > .tasks-menu > .dropdown-menu > li {
  position: relative;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.header,
.navbar-nav > .messages-menu > .dropdown-menu > li.header,
.navbar-nav > .tasks-menu > .dropdown-menu > li.header {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #ffffff;
  padding: 7px 10px;
  border-bottom: 1px solid #f4f4f4;
  color: #444444;
  font-size: 14px;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 12px;
  background-color: #fff;
  padding: 7px 10px;
  border-bottom: 1px solid #eeeeee;
  color: #444 !important;
  text-align: center;
}
@media (max-width: 991px) {
  .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
  .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
  .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
    background: #fff !important;
    color: #444 !important;
  }
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover {
  text-decoration: none;
  font-weight: normal;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu {
  max-height: 200px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: hidden;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
  display: block;
  white-space: nowrap;
  /* Prevent text from breaking */
  border-bottom: 1px solid #f4f4f4;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
  background: #f4f4f4;
  text-decoration: none;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
  color: #444444;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 10px;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion {
  width: 20px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a {
  margin: 0;
  padding: 10px 10px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {
  margin: auto 10px auto auto;
  width: 40px;
  height: 40px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {
  padding: 0;
  margin: 0 0 0 45px;
  color: #444444;
  font-size: 15px;
  position: relative;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small {
  color: #999999;
  font-size: 10px;
  position: absolute;
  top: 0;
  right: 0;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {
  margin: 0 0 0 45px;
  font-size: 12px;
  color: #888888;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
  content: " ";
  display: table;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
  clear: both;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
  padding: 10px;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 {
  font-size: 14px;
  padding: 0;
  margin: 0 0 10px 0;
  color: #666666;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress {
  padding: 0;
  margin: 0;
}
.navbar-nav > .user-menu > .dropdown-menu {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  padding: 1px 0 0 0;
  border-top-width: 0;
  width: 280px;
  margin-top: -10px;
}
.navbar-nav > .user-menu > .dropdown-menu,
.navbar-nav > .user-menu > .dropdown-menu > .user-body {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
  height: 175px;
  padding: 10px;
  text-align: center;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > div > img {
  position: absolute;
  z-index: 5;
  height: 85px;
  width: auto;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > div > p {
  vertical-align: middle;
  z-index: 5;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  font-size: 17px;
  margin-top: 10px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > div > p > small {
  display: block;
  font-size: 12px;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body {
  padding: 15px;
  border-bottom: 1px solid #f4f4f4;
  border-top: 1px solid #dddddd;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body:before,
.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
  content: " ";
  display: table;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
  clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body a {
  color: #444 !important;
}
@media (max-width: 991px) {
  .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
    background: #fff !important;
    color: #444 !important;
  }
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
  background-color: #f9f9f9;
  padding: 10px;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:before,
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
  content: " ";
  display: table;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
  clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
  color: #666666;
  margin-left: 50px;
}
@media (max-width: 991px) {
  .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
    background-color: #f9f9f9;
  }
}


.navbar-nav > .user-menu .user-image {
  position: absolute;
  width: 30px;
  height: auto;
  left: 0px;
  top: -1px;
}
@media (max-width: 767px) {
  .navbar-nav > .user-menu .user-image {
    float: none;
    margin-right: 0;
    margin-top: -8px;
    line-height: 10px;
  }
}
/* Add fade animation to dropdown menus by appending
 the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/
.open:not(.dropup) > .animated-dropdown-menu {
  backface-visibility: visible !important;
  -webkit-animation: flipInX 0.7s both;
  -o-animation: flipInX 0.7s both;
  animation: flipInX 0.7s both;
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transition-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    transform: perspective(400px);
  }
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
  }
}
/* Fix dropdown menu in navbars */
.navbar-custom-menu > .navbar-nav > li {
  position: relative;
}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
  position: absolute;
  right: 0;
  left: auto;
}
@media (max-width: 991px) {
  .navbar-custom-menu > .navbar-nav {
    float: right;
  }
  .navbar-custom-menu > .navbar-nav > li {
    position: static;
  }
  .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    position: absolute;
    right: 0%;
    left: auto;
    top: 60px;
    border: 1px solid #ddd;
    background: #fff;
  }
}
/*
 * Component: Form
 * ---------------
 */
.form-control {
  border-radius: 0;
  box-shadow: none;
  border-color: #d2d6de;
}
.form-control:focus {
  border-color: #3c8dbc;
  box-shadow: none;
}
.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-control::-webkit-input-placeholder {
  color: #bbb;
  opacity: 1;
}
.form-control:not(select) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-group.has-success label {
  color: #00a65a;
}
.form-group.has-success .form-control {
  border-color: #00a65a;
  box-shadow: none;
}
.form-group.has-success .help-block {
  color: #00a65a;
}
.form-group.has-warning label {
  color: #f39c12;
}
.form-group.has-warning .form-control {
  border-color: #f39c12;
  box-shadow: none;
}
.form-group.has-warning .help-block {
  color: #f39c12;
}
.form-group.has-error label {
  color: #dd4b39;
} 
.form-group.has-error .form-control {
  border-color: #dd4b39;
  box-shadow: none;
}
.form-group.has-error .help-block {
  color: #dd4b39;
}
/* Input group */
.input-group .input-group-addon {
  border-radius: 0;
  border-color: #d2d6de;
  background-color: #fff;
}
/* button groups */
.btn-group-vertical .btn.btn-flat:first-of-type,
.btn-group-vertical .btn.btn-flat:last-of-type {
  border-radius: 0;
}
.icheck > label {
  padding-left: 0;
}
/* support Font Awesome icons in form-control */
.form-control-feedback.fa {
  line-height: 34px;
}
.input-lg + .form-control-feedback.fa,
.input-group-lg + .form-control-feedback.fa,
.form-group-lg .form-control + .form-control-feedback.fa {
  line-height: 46px;
}
.input-sm + .form-control-feedback.fa,
.input-group-sm + .form-control-feedback.fa,
.form-group-sm .form-control + .form-control-feedback.fa {
  line-height: 30px;
}
/*
 * Component: Progress Bar
 * -----------------------
 */
.progress,
.progress > .progress-bar {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.progress,
.progress > .progress-bar,
.progress .progress-bar,
.progress > .progress-bar .progress-bar {
  border-radius: 1px;
}
/* size variation */
.progress.sm,
.progress-sm {
  height: 10px;
}
.progress.sm,
.progress-sm,
.progress.sm .progress-bar,
.progress-sm .progress-bar {
  border-radius: 1px;
}
.progress.xs,
.progress-xs {
  height: 7px;
}
.progress.xs,
.progress-xs,
.progress.xs .progress-bar,
.progress-xs .progress-bar {
  border-radius: 1px;
}
.progress.xxs,
.progress-xxs {
  height: 3px;
}
.progress.xxs,
.progress-xxs,
.progress.xxs .progress-bar,
.progress-xxs .progress-bar {
  border-radius: 1px;
}
/* Vertical bars */
.progress.vertical {
  position: relative;
  width: 30px;
  height: 200px;
  display: inline-block;
  margin-right: 10px;
}
.progress.vertical > .progress-bar {
  width: 100%;
  position: absolute;
  bottom: 0;
}
.progress.vertical.sm,
.progress.vertical.progress-sm {
  width: 20px;
}
.progress.vertical.xs,
.progress.vertical.progress-xs {
  width: 10px;
}
.progress.vertical.xxs,
.progress.vertical.progress-xxs {
  width: 3px;
}
.progress-group .progress-text {
  font-weight: 600;
}
.progress-group .progress-number {
  float: right;
}
/* Remove margins from progress bars when put in a table */
.table tr > td .progress {
  margin: 0;
}
.progress-bar-light-blue,
.progress-bar-primary {
  background-color: #3c8dbc;
}
.progress-striped .progress-bar-light-blue,
.progress-striped .progress-bar-primary {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-green,
.progress-bar-success {
  background-color: #00a65a;
}
.progress-striped .progress-bar-green,
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-aqua,
.progress-bar-info {
  background-color: #00c0ef;
}
.progress-striped .progress-bar-aqua,
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-yellow,
.progress-bar-warning {
  background-color: #f39c12;
}
.progress-striped .progress-bar-yellow,
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-red,
.progress-bar-danger {
  background-color: #dd4b39;
}
.progress-striped .progress-bar-red,
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
/*
 * Component: Small Box
 * --------------------
 */
.small-box {
  border-radius: 2px;
  position: relative;
  display: block;
  margin-bottom: 20px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.small-box > .inner {
  padding: 10px;
}
.small-box > .small-box-footer {
  position: relative;
  text-align: center;
  padding: 3px 0;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  display: block;
  z-index: 10;
  background: rgba(0, 0, 0, 0.1);
  text-decoration: none;
}
.small-box > .small-box-footer:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.15);
}
.small-box h3 {
  font-size: 38px;
  font-weight: bold;
  margin: 0 0 10px 0;
  white-space: nowrap;
  padding: 0;
}
.small-box p {
  font-size: 15px;
}
.small-box p > small {
  display: block;
  color: #f9f9f9;
  font-size: 13px;
  margin-top: 5px;
}
.small-box h3,
.small-box p {
  z-index: 5;
}
.small-box .icon {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: absolute;
  top: -10px;
  right: 10px;
  z-index: 0;
  font-size: 90px;
  color: rgba(0, 0, 0, 0.15);
}
.small-box:hover {
  text-decoration: none;
  color: #f9f9f9;
}
.small-box:hover .icon {
  font-size: 95px;
}
@media (max-width: 767px) {
  .small-box {
    text-align: center;
  }
  .small-box .icon {
    display: none;
  }
  .small-box p {
    font-size: 12px;
  }
}
/*
 * Component: Box
 * --------------
 */
.box {
  position: relative;
  border-radius: 3px;
  background: #ffffff;
  border-top: 3px solid #d2d6de;
  margin-bottom: 20px;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.box.box-primary {
  border-top-color: #3c8dbc;
}
.box.box-info {
  border-top-color: #00c0ef;
}
.box.box-danger {
  border-top-color: #dd4b39;
}
.box.box-warning {
  border-top-color: #f39c12;
}
.box.box-success {
  border-top-color: #00a65a;
}
.box.box-default {
  border-top-color: #d2d6de;
}
.box.collapsed-box .box-body,
.box.collapsed-box .box-footer {
  display: none;
}
.box .nav-stacked > li {
  border-bottom: 1px solid #f4f4f4;
  margin: 0;
}
.box .nav-stacked > li:last-of-type {
  border-bottom: none;
}
.box.height-control .box-body {
  max-height: 300px;
  overflow: auto;
}
.box .border-right {
  border-right: 1px solid #f4f4f4;
}
.box .border-left {
  border-left: 1px solid #f4f4f4;
}
.box.box-solid {
  border-top: 0;
}
.box.box-solid > .box-header .btn.btn-default {
  background: transparent;
}
.box.box-solid > .box-header .btn:hover,
.box.box-solid > .box-header a:hover {
  background: rgba(0, 0, 0, 0.1);
}
.box.box-solid.box-default {
  border: 1px solid #d2d6de;
}
.box.box-solid.box-default > .box-header {
  color: #444444;
  background: #d2d6de;
  background-color: #d2d6de;
}
.box.box-solid.box-default > .box-header a,
.box.box-solid.box-default > .box-header .btn {
  color: #444444;
}
.box.box-solid.box-primary {
  border: 1px solid #3c8dbc;
}
.box.box-solid.box-primary > .box-header {
  color: #ffffff;
  background: #3c8dbc;
  background-color: #3c8dbc;
}
.box.box-solid.box-primary > .box-header a,
.box.box-solid.box-primary > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-info {
  border: 1px solid #00c0ef;
}
.box.box-solid.box-info > .box-header {
  color: #ffffff;
  background: #00c0ef;
  background-color: #00c0ef;
}
.box.box-solid.box-info > .box-header a,
.box.box-solid.box-info > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-danger {
  border: 1px solid #dd4b39;
}
.box.box-solid.box-danger > .box-header {
  color: #ffffff;
  background: #dd4b39;
  background-color: #dd4b39;
}
.box.box-solid.box-danger > .box-header a,
.box.box-solid.box-danger > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-warning {
  border: 1px solid #f39c12;
}
.box.box-solid.box-warning > .box-header {
  color: #ffffff;
  background: #f39c12;
  background-color: #f39c12;
}
.box.box-solid.box-warning > .box-header a,
.box.box-solid.box-warning > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-success {
  border: 1px solid #00a65a;
}
.box.box-solid.box-success > .box-header {
  color: #ffffff;
  background: #00a65a;
  background-color: #00a65a;
}
.box.box-solid.box-success > .box-header a,
.box.box-solid.box-success > .box-header .btn {
  color: #ffffff;
}
.box.box-solid > .box-header > .box-tools .btn {
  border: 0;
  box-shadow: none;
}
.box.box-solid[class*='bg'] > .box-header {
  color: #fff;
}
.box .box-group > .box {
  margin-bottom: 5px;
}
.box .knob-label {
  text-align: center;
  color: #333;
  font-weight: 100;
  font-size: 12px;
  margin-bottom: 0.3em;
}
.box > .overlay,
.overlay-wrapper > .overlay,
.box > .loading-img,
.overlay-wrapper > .loading-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.box .overlay,
.overlay-wrapper .overlay {
  z-index: 50;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
}
.box .overlay > .fa,
.overlay-wrapper .overlay > .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  color: #000;
  font-size: 30px;
}
.box .overlay.dark,
.overlay-wrapper .overlay.dark {
  background: rgba(0, 0, 0, 0.5);
}
.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
  content: " ";
  display: table;
}
.box-header:after,
.box-body:after,
.box-footer:after {
  clear: both;
}
.box-header {
  color: #444;
  display: block;
  padding: 10px;
  position: relative;
}
.box-header.with-border {
  border-bottom: 1px solid #f4f4f4;
}
.collapsed-box .box-header.with-border {
  border-bottom: none;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title {
  display: inline-block;
  font-size: 18px;
  margin: 0;
  line-height: 1;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion {
  margin-right: 5px;
}
.box-header > .box-tools {
  position: absolute;
  right: 10px;
  top: 5px;
}
.box-header > .box-tools [data-toggle="tooltip"] {
  position: relative;
}
.box-header > .box-tools.pull-right .dropdown-menu {
  right: 0;
  left: auto;
}
.btn-box-tool {
  padding: 5px;
  font-size: 12px;
  background: transparent;
  color: #97a0b3;
}
.open .btn-box-tool,
.btn-box-tool:hover {
  color: #606c84;
}
.btn-box-tool.btn:active {
  box-shadow: none;
}
.box-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 10px;
}
.no-header .box-body {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.box-body > .table {
  margin-bottom: 0;
}
.box-body .fc {
  margin-top: 5px;
}
.box-body .full-width-chart {
  margin: -19px;
}
.box-body.no-padding .full-width-chart {
  margin: -9px;
}
.box-body .box-pane {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
}
.box-body .box-pane-right {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
}
.box-footer {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: 1px solid #f4f4f4;
  padding: 10px;
  background-color: #ffffff;
}
.chart-legend {
  margin: 10px 0;
}
@media (max-width: 991px) {
  .chart-legend > li {
    float: left;
    margin-right: 10px;
  }
}
.box-comments {
  background: #f7f7f7;
}
.box-comments .box-comment {
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}
.box-comments .box-comment:before,
.box-comments .box-comment:after {
  content: " ";
  display: table;
}
.box-comments .box-comment:after {
  clear: both;
}
.box-comments .box-comment:last-of-type {
  border-bottom: 0;
}
.box-comments .box-comment:first-of-type {
  padding-top: 0;
}
.box-comments .box-comment img {
  float: left;
}
.box-comments .comment-text {
  margin-left: 40px;
  color: #555;
}
.box-comments .username {
  color: #444;
  display: block;
  font-weight: 600;
}
.box-comments .text-muted {
  font-weight: 400;
  font-size: 12px;
}
/* Widget: TODO LIST */
.todo-list {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: auto;
}
.todo-list > li {
  border-radius: 2px;
  padding: 10px;
  background: #f4f4f4;
  margin-bottom: 2px;
  border-left: 2px solid #e6e7e8;
  color: #444;
}
.todo-list > li:last-of-type {
  margin-bottom: 0;
}
.todo-list > li > input[type='checkbox'] {
  margin: 0 10px 0 5px;
}
.todo-list > li .text {
  display: inline-block;
  margin-left: 5px;
  font-weight: 600;
}
.todo-list > li .label {
  margin-left: 10px;
  font-size: 9px;
}
.todo-list > li .tools {
  display: none;
  float: right;
  color: #dd4b39;
}
.todo-list > li .tools > .fa,
.todo-list > li .tools > .glyphicon,
.todo-list > li .tools > .ion {
  margin-right: 5px;
  cursor: pointer;
}
.todo-list > li:hover .tools {
  display: inline-block;
}
.todo-list > li.done {
  color: #999;
}
.todo-list > li.done .text {
  text-decoration: line-through;
  font-weight: 500;
}
.todo-list > li.done .label {
  background: #d2d6de !important;
}
.todo-list .danger {
  border-left-color: #dd4b39;
}
.todo-list .warning {
  border-left-color: #f39c12;
}
.todo-list .info {
  border-left-color: #00c0ef;
}
.todo-list .success {
  border-left-color: #00a65a;
}
.todo-list .primary {
  border-left-color: #3c8dbc;
}
.todo-list .handle {
  display: inline-block;
  cursor: move;
  margin: 0 5px;
}
/* Chat widget (DEPRECATED - this will be removed in the next major release. Use Direct Chat instead)*/
.chat {
  padding: 5px 20px 5px 10px;
}
.chat .item {
  margin-bottom: 10px;
}
.chat .item:before,
.chat .item:after {
  content: " ";
  display: table;
}
.chat .item:after {
  clear: both;
}
.chat .item > img {
  width: 40px;
  height: 40px;
  border: 2px solid transparent;
  border-radius: 50%;
}
.chat .item > .online {
  border: 2px solid #00a65a;
}
.chat .item > .offline {
  border: 2px solid #dd4b39;
}
.chat .item > .message {
  margin-left: 55px;
  margin-top: -40px;
}
.chat .item > .message > .name {
  display: block;
  font-weight: 600;
}
.chat .item > .attachment {
  border-radius: 3px;
  background: #f4f4f4;
  margin-left: 65px;
  margin-right: 15px;
  padding: 10px;
}
.chat .item > .attachment > h4 {
  margin: 0 0 5px 0;
  font-weight: 600;
  font-size: 14px;
}
.chat .item > .attachment > p,
.chat .item > .attachment > .filename {
  font-weight: 600;
  font-size: 13px;
  font-style: italic;
  margin: 0;
}
.chat .item > .attachment:before,
.chat .item > .attachment:after {
  content: " ";
  display: table;
}
.chat .item > .attachment:after {
  clear: both;
}
.box-input {
  max-width: 200px;
}
.modal .panel-body {
  color: #444;
}
/*
 * Component: Info Box
 * -------------------
 */
.info-box {
  display: block;
  min-height: 90px;
  background: #fff;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  margin-bottom: 15px;
}
.info-box small {
  font-size: 14px;
}
.info-box .progress {
  background: rgba(0, 0, 0, 0.2);
  margin: 5px -10px 5px -10px;
  height: 2px;
}
.info-box .progress,
.info-box .progress .progress-bar {
  border-radius: 0;
}
.info-box .progress .progress-bar {
  background: #fff;
}
.info-box-icon {
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
  display: block;
  float: left;
  height: 90px;
  width: 90px;
  text-align: center;
  font-size: 45px;
  line-height: 90px;
  background: rgba(0, 0, 0, 0.2);
}
.info-box-icon > img {
  max-width: 100%;
}
.info-box-content {
  padding: 5px 10px;
  margin-left: 90px;
}
.info-box-number {
  display: block;
  font-weight: bold;
  font-size: 18px;
}
.progress-description,
.info-box-text {
  display: block;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.info-box-text {
  text-transform: uppercase;
}
.info-box-more {
  display: block;
}
.progress-description {
  margin: 0;
}
/*
 * Component: Timeline
 * -------------------
 */
.timeline {
  position: relative;
  margin: 0 0 30px 0;
  padding: 0;
  list-style: none;
}
.timeline:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #ddd;
  left: 31px;
  margin: 0;
  border-radius: 2px;
}
.timeline > li {
  position: relative;
  margin-right: 10px;
  margin-bottom: 15px;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-item {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  margin-top: 0;
  background: #fff;
  color: #444;
  margin-left: 60px;
  margin-right: 15px;
  padding: 0;
  position: relative;
}
.timeline > li > .timeline-item > .time {
  color: #999;
  float: right;
  padding: 10px;
  font-size: 12px;
}
.timeline > li > .timeline-item > .timeline-header {
  margin: 0;
  color: #555;
  border-bottom: 1px solid #f4f4f4;
  padding: 10px;
  font-size: 16px;
  line-height: 1.1;
}
.timeline > li > .timeline-item > .timeline-header > a {
  font-weight: 600;
}
.timeline > li > .timeline-item > .timeline-body,
.timeline > li > .timeline-item > .timeline-footer {
  padding: 10px;
}
.timeline > li > .fa,
.timeline > li > .glyphicon,
.timeline > li > .ion {
  width: 30px;
  height: 30px;
  font-size: 15px;
  line-height: 30px;
  position: absolute;
  color: #666;
  background: #d2d6de;
  border-radius: 50%;
  text-align: center;
  left: 18px;
  top: 0;
}
.timeline > .time-label > span {
  font-weight: 600;
  padding: 5px;
  display: inline-block;
  background-color: #fff;
  border-radius: 4px;
}
.timeline-inverse > li > .timeline-item {
  background: #f0f0f0;
  border: 1px solid #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.timeline-inverse > li > .timeline-item > .timeline-header {
  border-bottom-color: #ddd;
}
/*
 * Component: Button
 * -----------------
 */
.btn {
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid transparent;
}
.btn.uppercase {
  text-transform: uppercase;
}
.btn.btn-flat {
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-width: 1px;
}
.btn:active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn:focus {
  outline: none;
}
.btn.btn-file {
  position: relative;
  overflow: hidden;
}
.btn.btn-file > input[type='file'] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  opacity: 0;
  filter: alpha(opacity=0);
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}
.btn-default {
  background-color: #f4f4f4;
  color: #444;
  border-color: #ddd;
}
.btn-default:hover,
.btn-default:active,
.btn-default.hover {
  background-color: #e7e7e7;
}
.btn-primary {
  background-color: #3c8dbc;
  border-color: #075EBD;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.hover {
  background-color: #075EBD;
}
.btn-success {
  background-color: #00a65a;
  border-color: #008d4c;
}
.btn-success:hover,
.btn-success:active,
.btn-success.hover {
  background-color: #008d4c;
}
.btn-info {
  background-color: #00c0ef;
  border-color: #00acd6;
}
.btn-info:hover,
.btn-info:active,
.btn-info.hover {
  background-color: #00acd6;
}
.btn-danger {
  background-color: #dd4b39;
  border-color: #d73925;
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.hover {
  background-color: #d73925;
}
.btn-warning {
  background-color: #f39c12;
  border-color: #e08e0b;
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning.hover {
  background-color: #e08e0b;
}
.btn-outline {
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active {
  color: rgba(255, 255, 255, 0.7);
  border-color: rgba(255, 255, 255, 0.7);
}
.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn[class*='bg-']:hover {
  -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
}
.btn-app {
  border-radius: 3px;
  position: relative;
  padding: 15px 5px;
  margin: 0 0 10px 10px;
  min-width: 80px;
  height: 60px;
  text-align: center;
  color: #666;
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  font-size: 12px;
}
.btn-app > .fa,
.btn-app > .glyphicon,
.btn-app > .ion {
  font-size: 20px;
  display: block;
}
.btn-app:hover {
  background: #f4f4f4;
  color: #444;
  border-color: #aaa;
}
.btn-app:active,
.btn-app:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-app > .badge {
  position: absolute;
  top: -3px;
  right: -10px;
  font-size: 10px;
  font-weight: 400;
}
/*
 * Component: Callout
 * ------------------
 */
.callout {
  border-radius: 3px;
  margin: 0 0 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
}
.callout a {
  color: #fff;
  text-decoration: underline;
}
.callout a:hover {
  color: #eee;
}
.callout h4 {
  margin-top: 0;
  font-weight: 600;
}
.callout p:last-child {
  margin-bottom: 0;
}
.callout code,
.callout .highlight {
  background-color: #fff;
}
.callout.callout-danger {
  border-color: #c23321;
}
.callout.callout-warning {
  border-color: #c87f0a;
}
.callout.callout-info {
  border-color: #0097bc;
}
.callout.callout-success {
  border-color: #00733e;
}
/*
 * Component: alert
 * ----------------
 */
.alert {
  border-radius: 3px;
}
.alert h4 {
  font-weight: 600;
}
.alert .icon {
  margin-right: 10px;
}
.alert .close {
  color: #000;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.alert .close:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.alert a {
  color: #fff;
  text-decoration: underline;
}
.alert-success {
  border-color: #008d4c;
}
.alert-danger,
.alert-error {
  border-color: #d73925;
}
.alert-warning {
  border-color: #e08e0b;
}
.alert-info {
  border-color: #00acd6;
}
/*
 * Component: Nav
 * --------------
 */
.nav > li > a:hover,
.nav > li > a:active,
.nav > li > a:focus {
  color: #444;
  background: #f7f7f7;
}
/* NAV PILLS */
.nav-pills > li > a {
  border-radius: 0;
  border-top: 3px solid transparent;
  color: #444;
}
.nav-pills > li > a > .fa,
.nav-pills > li > a > .glyphicon,
.nav-pills > li > a > .ion {
  margin-right: 5px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  border-top-color: #3c8dbc;
}
.nav-pills > li.active > a {
  font-weight: 600;
}
/* NAV STACKED */
.nav-stacked > li > a {
  border-radius: 0;
  border-top: 0;
  border-left: 3px solid transparent;
  color: #444;
}
.nav-stacked > li.active > a,
.nav-stacked > li.active > a:hover {
  background: transparent;
  color: #444;
  border-top: 0;
  border-left-color: #3c8dbc;
}
.nav-stacked > li.header {
  border-bottom: 1px solid #ddd;
  color: #777;
  margin-bottom: 10px;
  padding: 5px 10px;
  text-transform: uppercase;
}
/* NAV TABS */
.nav-tabs-custom {
  margin-bottom: 20px;
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.nav-tabs-custom > .nav-tabs {
  margin: 0;
  border-bottom-color: #f4f4f4;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.nav-tabs-custom > .nav-tabs > li {
  border-top: 3px solid transparent;
  margin-bottom: -2px;
  margin-right: 5px;
}
.nav-tabs-custom > .nav-tabs > li > a {
  color: #444;
  border-radius: 0;
}
.nav-tabs-custom > .nav-tabs > li > a.text-muted {
  color: #999;
}
.nav-tabs-custom > .nav-tabs > li > a,
.nav-tabs-custom > .nav-tabs > li > a:hover {
  background: transparent;
  margin: 0;
}
.nav-tabs-custom > .nav-tabs > li > a:hover {
  color: #999;
}
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
  border-color: transparent;
}
.nav-tabs-custom > .nav-tabs > li.active {
  border-top-color: #3c8dbc;
}
.nav-tabs-custom > .nav-tabs > li.active > a,
.nav-tabs-custom > .nav-tabs > li.active:hover > a {
  background-color: #fff;
  color: #444;
}
.nav-tabs-custom > .nav-tabs > li.active > a {
  border-top-color: transparent;
  border-left-color: #f4f4f4;
  border-right-color: #f4f4f4;
}
.nav-tabs-custom > .nav-tabs > li:first-of-type {
  margin-left: 0;
}
.nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
  border-left-color: transparent;
}
.nav-tabs-custom > .nav-tabs.pull-right {
  float: none !important;
}
.nav-tabs-custom > .nav-tabs.pull-right > li {
  float: right;
}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
  margin-right: 0;
}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type > a {
  border-left-width: 1px;
}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
  border-left-color: #f4f4f4;
  border-right-color: transparent;
}
.nav-tabs-custom > .nav-tabs > li.header {
  line-height: 35px;
  padding: 0 10px;
  font-size: 20px;
  color: #444;
}
.nav-tabs-custom > .nav-tabs > li.header > .fa,
.nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
.nav-tabs-custom > .nav-tabs > li.header > .ion {
  margin-right: 5px;
}
.nav-tabs-custom > .tab-content {
  background: #fff;
  padding: 10px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.nav-tabs-custom .dropdown.open > a:active,
.nav-tabs-custom .dropdown.open > a:focus {
  background: transparent;
  color: #999;
}
.nav-tabs-custom.tab-primary > .nav-tabs > li.active {
  border-top-color: #3c8dbc;
}
.nav-tabs-custom.tab-info > .nav-tabs > li.active {
  border-top-color: #00c0ef;
}
.nav-tabs-custom.tab-danger > .nav-tabs > li.active {
  border-top-color: #dd4b39;
}
.nav-tabs-custom.tab-warning > .nav-tabs > li.active {
  border-top-color: #f39c12;
}
.nav-tabs-custom.tab-success > .nav-tabs > li.active {
  border-top-color: #00a65a;
}
.nav-tabs-custom.tab-default > .nav-tabs > li.active {
  border-top-color: #d2d6de;
}
/* PAGINATION */
.pagination > li > a {
  background: #fafafa;
  color: #666;
}
.pagination.pagination-flat > li > a {
  border-radius: 0 !important;
}
/*
 * Component: Products List
 * ------------------------
 */
.products-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.products-list > .item {
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  padding: 10px 0;
  background: #fff;
}
.products-list > .item:before,
.products-list > .item:after {
  content: " ";
  display: table;
}
.products-list > .item:after {
  clear: both;
}
.products-list .product-img {
  float: left;
}
.products-list .product-img img {
  width: 50px;
  height: 50px;
}
.products-list .product-info {
  margin-left: 60px;
}
.products-list .product-title {
  font-weight: 600;
}
.products-list .product-description {
  display: block;
  color: #999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.product-list-in-box > .item {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid #f4f4f4;
}
.product-list-in-box > .item:last-of-type {
  border-bottom-width: 0;
}
/*
 * Component: Table
 * ----------------
 */
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top: 1px solid #f4f4f4;
}
.table > thead > tr > th {
  border-bottom: 2px solid #f4f4f4;
}
.table tr td .progress {
  margin-top: 5px;
}
.table-bordered {
  border: 1px solid #f4f4f4;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #f4f4f4;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table.no-border,
.table.no-border td,
.table.no-border th {
  border: 0;
}
/* .text-center in tables */
table.text-center,
table.text-center td,
table.text-center th {
  text-align: center;
}
.table.align th {
  text-align: left;
}
.table.align td {
  text-align: right;
}
/*
 * Component: Label
 * ----------------
 */
.label-default {
  background-color: #d2d6de;
  color: #444;
}
/*
 * Component: Direct Chat
 * ----------------------
 */
.direct-chat .box-body {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
  overflow-x: hidden;
  padding: 0;
}
.direct-chat.chat-pane-open .direct-chat-contacts {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.direct-chat-messages {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  padding: 10px;
  height: 250px;
  overflow: auto;
}
.direct-chat-msg,
.direct-chat-text {
  display: block;
}
.direct-chat-msg {
  margin-bottom: 10px;
}
.direct-chat-msg:before,
.direct-chat-msg:after {
  content: " ";
  display: table;
}
.direct-chat-msg:after {
  clear: both;
}
.direct-chat-messages,
.direct-chat-contacts {
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out;
  -o-transition: -o-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.direct-chat-text {
  border-radius: 5px;
  position: relative;
  padding: 5px 10px;
  background: #d2d6de;
  border: 1px solid #d2d6de;
  margin: 5px 0 0 50px;
  color: #444444;
}
.direct-chat-text:after,
.direct-chat-text:before {
  position: absolute;
  right: 100%;
  top: 15px;
  border: solid transparent;
  border-right-color: #d2d6de;
  content: ' ';
  height: 0;
  width: 0;
  pointer-events: none;
}
.direct-chat-text:after {
  border-width: 5px;
  margin-top: -5px;
}
.direct-chat-text:before {
  border-width: 6px;
  margin-top: -6px;
}
.right .direct-chat-text {
  margin-right: 50px;
  margin-left: 0;
}
.right .direct-chat-text:after,
.right .direct-chat-text:before {
  right: auto;
  left: 100%;
  border-right-color: transparent;
  border-left-color: #d2d6de;
}
.direct-chat-img {
  border-radius: 50%;
  float: left;
  width: 40px;
  height: 40px;
}
.right .direct-chat-img {
  float: right;
}
.direct-chat-info {
  display: block;
  margin-bottom: 2px;
  font-size: 12px;
}
.direct-chat-name {
  font-weight: 600;
}
.direct-chat-timestamp {
  color: #999;
}
.direct-chat-contacts-open .direct-chat-contacts {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.direct-chat-contacts {
  -webkit-transform: translate(101%, 0);
  -ms-transform: translate(101%, 0);
  -o-transform: translate(101%, 0);
  transform: translate(101%, 0);
  position: absolute;
  top: 0;
  bottom: 0;
  height: 250px;
  width: 100%;
  background: #222d32;
  color: #fff;
  overflow: auto;
}
.contacts-list > li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 10px;
  margin: 0;
}
.contacts-list > li:before,
.contacts-list > li:after {
  content: " ";
  display: table;
}
.contacts-list > li:after {
  clear: both;
}
.contacts-list > li:last-of-type {
  border-bottom: none;
}
.contacts-list-img {
  border-radius: 50%;
  width: 40px;
  float: left;
}
.contacts-list-info {
  margin-left: 45px;
  color: #fff;
}
.contacts-list-name,
.contacts-list-status {
  display: block;
}
.contacts-list-name {
  font-weight: 600;
}
.contacts-list-status {
  font-size: 12px;
}
.contacts-list-date {
  color: #aaa;
  font-weight: normal;
}
.contacts-list-msg {
  color: #999;
}
.direct-chat-danger .right > .direct-chat-text {
  background: #dd4b39;
  border-color: #dd4b39;
  color: #ffffff;
}
.direct-chat-danger .right > .direct-chat-text:after,
.direct-chat-danger .right > .direct-chat-text:before {
  border-left-color: #dd4b39;
}
.direct-chat-primary .right > .direct-chat-text {
  background: #3c8dbc;
  border-color: #3c8dbc;
  color: #ffffff;
}
.direct-chat-primary .right > .direct-chat-text:after,
.direct-chat-primary .right > .direct-chat-text:before {
  border-left-color: #3c8dbc;
}
.direct-chat-warning .right > .direct-chat-text {
  background: #f39c12;
  border-color: #f39c12;
  color: #ffffff;
}
.direct-chat-warning .right > .direct-chat-text:after,
.direct-chat-warning .right > .direct-chat-text:before {
  border-left-color: #f39c12;
}
.direct-chat-info .right > .direct-chat-text {
  background: #00c0ef;
  border-color: #00c0ef;
  color: #ffffff;
}
.direct-chat-info .right > .direct-chat-text:after,
.direct-chat-info .right > .direct-chat-text:before {
  border-left-color: #00c0ef;
}
.direct-chat-success .right > .direct-chat-text {
  background: #00a65a;
  border-color: #00a65a;
  color: #ffffff;
}
.direct-chat-success .right > .direct-chat-text:after,
.direct-chat-success .right > .direct-chat-text:before {
  border-left-color: #00a65a;
}
/*
 * Component: Users List
 * ---------------------
 */
.users-list > li {
  width: 25%;
  float: left;
  padding: 10px;
  text-align: center;
}
.users-list > li img {
  border-radius: 50%;
  max-width: 100%;
  height: auto;
}
.users-list > li > a:hover,
.users-list > li > a:hover .users-list-name {
  color: #999;
}
.users-list-name,
.users-list-date {
  display: block;
}
.users-list-name {
  font-weight: 600;
  color: #444;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.users-list-date {
  color: #999;
  font-size: 12px;
}
/*
 * Component: Carousel
 * -------------------
 */
.carousel-control.left,
.carousel-control.right {
  background-image: none;
}
.carousel-control > .fa {
  font-size: 40px;
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -20px;
}
/*
 * Component: modal
 * ----------------
 */
.modal {
  background: rgba(0, 0, 0, 0.3);
}
.modal-content {
  border-radius: 0;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  border: 0;
}
@media (min-width: 768px) {
  .modal-content {
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  }
}
.modal-header {
  border-bottom-color: #f4f4f4;
}
.modal-footer {
  border-top-color: #f4f4f4;
}
.modal-primary .modal-header,
.modal-primary .modal-footer {
  border-color: #307095;
}
.modal-warning .modal-header,
.modal-warning .modal-footer {
  border-color: #c87f0a;
}
.modal-info .modal-header,
.modal-info .modal-footer {
  border-color: #0097bc;
}
.modal-success .modal-header,
.modal-success .modal-footer {
  border-color: #00733e;
}
.modal-danger .modal-header,
.modal-danger .modal-footer {
  border-color: #c23321;
}
/*
 * Component: Social Widgets
 * -------------------------
 */
.box-widget {
  border: none;
  position: relative;
}
.widget-user .widget-user-header {
  padding: 20px;
  height: 120px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.widget-user .widget-user-username {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 25px;
  font-weight: 300;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.widget-user .widget-user-desc {
  margin-top: 0;
}
.widget-user .widget-user-image {
  position: absolute;
  top: 65px;
  left: 50%;
  margin-left: -45px;
}
.widget-user .widget-user-image > img {
  width: 90px;
  height: auto;
  border: 3px solid #fff;
}
.widget-user .box-footer {
  padding-top: 30px;
}
.widget-user-2 .widget-user-header {
  padding: 20px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.widget-user-2 .widget-user-username {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 25px;
  font-weight: 300;
}
.widget-user-2 .widget-user-desc {
  margin-top: 0;
}
.widget-user-2 .widget-user-username,
.widget-user-2 .widget-user-desc {
  margin-left: 75px;
}
.widget-user-2 .widget-user-image > img {
  width: 65px;
  height: auto;
  float: left;
}
/*
 * Page: Mailbox
 * -------------
 */
.mailbox-messages > .table {
  margin: 0;
}
.mailbox-controls {
  padding: 5px;
}
.mailbox-controls.with-border {
  border-bottom: 1px solid #f4f4f4;
}
.mailbox-read-info {
  border-bottom: 1px solid #f4f4f4;
  padding: 10px;
}
.mailbox-read-info h3 {
  font-size: 20px;
  margin: 0;
}
.mailbox-read-info h5 {
  margin: 0;
  padding: 5px 0 0 0;
}
.mailbox-read-time {
  color: #999;
  font-size: 13px;
}
.mailbox-read-message {
  padding: 10px;
}
.mailbox-attachments li {
  float: left;
  width: 200px;
  border: 1px solid #eee;
  margin-bottom: 10px;
  margin-right: 10px;
}
.mailbox-attachment-name {
  font-weight: bold;
  color: #666;
}
.mailbox-attachment-icon,
.mailbox-attachment-info,
.mailbox-attachment-size {
  display: block;
}
.mailbox-attachment-info {
  padding: 10px;
  background: #f4f4f4;
}
.mailbox-attachment-size {
  color: #999;
  font-size: 12px;
}
.mailbox-attachment-icon {
  text-align: center;
  font-size: 65px;
  color: #666;
  padding: 20px 10px;
}
.mailbox-attachment-icon.has-img {
  padding: 0;
}
.mailbox-attachment-icon.has-img > img {
  max-width: 100%;
  height: auto;
}
/*
 * Page: Lock Screen
 * -----------------
 */
/* ADD THIS CLASS TO THE <BODY> TAG */
.lockscreen {
  background: #d2d6de;
}
.lockscreen-logo {
  font-size: 35px;
  text-align: center;
  margin-bottom: 25px;
  font-weight: 300;
}
.lockscreen-logo a {
  color: #444;
}
.lockscreen-wrapper {
  max-width: 400px;
  margin: 0 auto;
  margin-top: 10%;
}
/* User name [optional] */
.lockscreen .lockscreen-name {
  text-align: center;
  font-weight: 600;
}
/* Will contain the image and the sign in form */
.lockscreen-item {
  border-radius: 4px;
  padding: 0;
  background: #fff;
  position: relative;
  margin: 10px auto 30px auto;
  width: 290px;
}
/* User image */
.lockscreen-image {
  border-radius: 50%;
  position: absolute;
  left: -10px;
  top: -25px;
  background: #fff;
  padding: 5px;
  z-index: 10;
}
.lockscreen-image > img {
  border-radius: 50%;
  width: 70px;
  height: 70px;
}
/* Contains the password input and the login button */
.lockscreen-credentials {
  margin-left: 70px;
}
.lockscreen-credentials .form-control {
  border: 0;
}
.lockscreen-credentials .btn {
  background-color: #fff;
  border: 0;
  padding: 0 10px;
}
.lockscreen-footer {
  margin-top: 10px;
}
/*
 * Page: Login & Register
 * ----------------------
 */
.login-logo,
.register-logo {
  font-size: 35px;
  text-align: center;
  margin-bottom: 25px;
  font-weight: 300;
}
.login-logo a,
.register-logo a {
  color: #444;
}
.login-page,
.register-page {
  background: #d2d6de;
}
.login-box,
.register-box {
  width: 400px;
  margin: 7%;
}
@media (max-width: 768px) {
  .login-box,
  .register-box {
    width: 90%;
    margin-top: 20px;
  }
}
.login-box-body,
.register-box-body {
  background: #17386D;
  padding: 70px 50px 70px 50px;
  border-top: 0;
  color: #fff;
  height: 350px;

  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: 0px solid #000000;
  
}
.login-box-body .form-control-feedback,
.register-box-body .form-control-feedback {
  color: #777;
}
.login-box-msg,
.register-box-msg {
  margin: 0;
  text-align: center;
  padding: 0 20px 20px 20px;
}
.social-auth-links {
  margin: 10px 0;
}
/*
 * Page: 400 and 500 error pages
 * ------------------------------
 */
.error-page {
  width: 600px;
  margin: 20px auto 0 auto;
}
@media (max-width: 991px) {
  .error-page {
    width: 100%;
  }
}
.error-page > .headline {
  float: left;
  font-size: 100px;
  font-weight: 300;
}
@media (max-width: 991px) {
  .error-page > .headline {
    float: none;
    text-align: center;
  }
}
.error-page > .error-content {
  margin-left: 190px;
  display: block;
}
@media (max-width: 991px) {
  .error-page > .error-content {
    margin-left: 0;
  }
}
.error-page > .error-content > h3 {
  font-weight: 300;
  font-size: 25px;
}
@media (max-width: 991px) {
  .error-page > .error-content > h3 {
    text-align: center;
  }
}
/*
 * Page: Invoice
 * -------------
 */
.invoice {
  position: relative;
  background: #fff;
  border: 1px solid #f4f4f4;
  padding: 20px;
  margin: 10px 25px;
}
.invoice-title {
  margin-top: 0;
}
/*
 * Page: Profile
 * -------------
 */
.profile-user-img {
  margin: 0 auto;
  width: 100px;
  padding: 3px;
  border: 3px solid #d2d6de;
}
.profile-username {
  font-size: 21px;
  margin-top: 5px;
}
.post {
  border-bottom: 1px solid #d2d6de;
  margin-bottom: 15px;
  padding-bottom: 15px;
  color: #666;
}
.post:last-of-type {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.post .user-block {
  margin-bottom: 15px;
}
/*
 * Social Buttons for Bootstrap
 *
 * Copyright 2013-2015 Panayiotis Lipiridis
 * Licensed under the MIT License
 *
 * https://github.com/lipis/bootstrap-social
 */
.btn-social {
  position: relative;
  padding-left: 44px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.btn-social > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.btn-social.btn-lg {
  padding-left: 61px;
}
.btn-social.btn-lg > :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
.btn-social.btn-sm {
  padding-left: 38px;
}
.btn-social.btn-sm > :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
.btn-social.btn-xs {
  padding-left: 30px;
}
.btn-social.btn-xs > :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
.btn-social-icon {
  position: relative;
  padding-left: 44px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 34px;
  width: 34px;
  padding: 0;
}
.btn-social-icon > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.btn-social-icon.btn-lg {
  padding-left: 61px;
}
.btn-social-icon.btn-lg > :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
.btn-social-icon.btn-sm {
  padding-left: 38px;
}
.btn-social-icon.btn-sm > :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
.btn-social-icon.btn-xs {
  padding-left: 30px;
}
.btn-social-icon.btn-xs > :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
.btn-social-icon > :first-child {
  border: none;
  text-align: center;
  width: 100%;
}
.btn-social-icon.btn-lg {
  height: 45px;
  width: 45px;
  padding-left: 0;
  padding-right: 0;
}
.btn-social-icon.btn-sm {
  height: 30px;
  width: 30px;
  padding-left: 0;
  padding-right: 0;
}
.btn-social-icon.btn-xs {
  height: 22px;
  width: 22px;
  padding-left: 0;
  padding-right: 0;
}
.btn-adn {
  color: #ffffff;
  background-color: #d87a68;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-adn:focus,
.btn-adn.focus {
  color: #ffffff;
  background-color: #ce563f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-adn:hover {
  color: #ffffff;
  background-color: #ce563f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-adn:active,
.btn-adn.active,
.open > .dropdown-toggle.btn-adn {
  color: #ffffff;
  background-color: #ce563f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-adn:active,
.btn-adn.active,
.open > .dropdown-toggle.btn-adn {
  background-image: none;
}
.btn-adn .badge {
  color: #d87a68;
  background-color: #ffffff;
}
.btn-bitbucket {
  color: #ffffff;
  background-color: #205081;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-bitbucket:focus,
.btn-bitbucket.focus {
  color: #ffffff;
  background-color: #163758;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-bitbucket:hover {
  color: #ffffff;
  background-color: #163758;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-bitbucket:active,
.btn-bitbucket.active,
.open > .dropdown-toggle.btn-bitbucket {
  color: #ffffff;
  background-color: #163758;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-bitbucket:active,
.btn-bitbucket.active,
.open > .dropdown-toggle.btn-bitbucket {
  background-image: none;
}
.btn-bitbucket .badge {
  color: #205081;
  background-color: #ffffff;
}
.btn-dropbox {
  color: #ffffff;
  background-color: #1087dd;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-dropbox:focus,
.btn-dropbox.focus {
  color: #ffffff;
  background-color: #0d6aad;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-dropbox:hover {
  color: #ffffff;
  background-color: #0d6aad;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-dropbox:active,
.btn-dropbox.active,
.open > .dropdown-toggle.btn-dropbox {
  color: #ffffff;
  background-color: #0d6aad;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-dropbox:active,
.btn-dropbox.active,
.open > .dropdown-toggle.btn-dropbox {
  background-image: none;
}
.btn-dropbox .badge {
  color: #1087dd;
  background-color: #ffffff;
}
.btn-facebook {
  color: #ffffff;
  background-color: #3b5998;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-facebook:focus,
.btn-facebook.focus {
  color: #ffffff;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-facebook:hover {
  color: #ffffff;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-facebook:active,
.btn-facebook.active,
.open > .dropdown-toggle.btn-facebook {
  color: #ffffff;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-facebook:active,
.btn-facebook.active,
.open > .dropdown-toggle.btn-facebook {
  background-image: none;
}
.btn-facebook .badge {
  color: #3b5998;
  background-color: #ffffff;
}
.btn-flickr {
  color: #ffffff;
  background-color: #ff0084;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-flickr:focus,
.btn-flickr.focus {
  color: #ffffff;
  background-color: #cc006a;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-flickr:hover {
  color: #ffffff;
  background-color: #cc006a;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-flickr:active,
.btn-flickr.active,
.open > .dropdown-toggle.btn-flickr {
  color: #ffffff;
  background-color: #cc006a;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-flickr:active,
.btn-flickr.active,
.open > .dropdown-toggle.btn-flickr {
  background-image: none;
}
.btn-flickr .badge {
  color: #ff0084;
  background-color: #ffffff;
}
.btn-foursquare {
  color: #ffffff;
  background-color: #f94877;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-foursquare:focus,
.btn-foursquare.focus {
  color: #ffffff;
  background-color: #f71752;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-foursquare:hover {
  color: #ffffff;
  background-color: #f71752;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-foursquare:active,
.btn-foursquare.active,
.open > .dropdown-toggle.btn-foursquare {
  color: #ffffff;
  background-color: #f71752;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-foursquare:active,
.btn-foursquare.active,
.open > .dropdown-toggle.btn-foursquare {
  background-image: none;
}
.btn-foursquare .badge {
  color: #f94877;
  background-color: #ffffff;
}
.btn-github {
  color: #ffffff;
  background-color: #444444;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-github:focus,
.btn-github.focus {
  color: #ffffff;
  background-color: #2b2b2b;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-github:hover {
  color: #ffffff;
  background-color: #2b2b2b;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-github:active,
.btn-github.active,
.open > .dropdown-toggle.btn-github {
  color: #ffffff;
  background-color: #2b2b2b;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-github:active,
.btn-github.active,
.open > .dropdown-toggle.btn-github {
  background-image: none;
}
.btn-github .badge {
  color: #444444;
  background-color: #ffffff;
}
.btn-google {
  color: #ffffff;
  background-color: #dd4b39;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-google:focus,
.btn-google.focus {
  color: #ffffff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-google:hover {
  color: #ffffff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-google:active,
.btn-google.active,
.open > .dropdown-toggle.btn-google {
  color: #ffffff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-google:active,
.btn-google.active,
.open > .dropdown-toggle.btn-google {
  background-image: none;
}
.btn-google .badge {
  color: #dd4b39;
  background-color: #ffffff;
}
.btn-instagram {
  color: #ffffff;
  background-color: #3f729b;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-instagram:focus,
.btn-instagram.focus {
  color: #ffffff;
  background-color: #305777;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-instagram:hover {
  color: #ffffff;
  background-color: #305777;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-instagram:active,
.btn-instagram.active,
.open > .dropdown-toggle.btn-instagram {
  color: #ffffff;
  background-color: #305777;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-instagram:active,
.btn-instagram.active,
.open > .dropdown-toggle.btn-instagram {
  background-image: none;
}
.btn-instagram .badge {
  color: #3f729b;
  background-color: #ffffff;
}
.btn-linkedin {
  color: #ffffff;
  background-color: #007bb6;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-linkedin:focus,
.btn-linkedin.focus {
  color: #ffffff;
  background-color: #005983;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-linkedin:hover {
  color: #ffffff;
  background-color: #005983;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-linkedin:active,
.btn-linkedin.active,
.open > .dropdown-toggle.btn-linkedin {
  color: #ffffff;
  background-color: #005983;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-linkedin:active,
.btn-linkedin.active,
.open > .dropdown-toggle.btn-linkedin {
  background-image: none;
}
.btn-linkedin .badge {
  color: #007bb6;
  background-color: #ffffff;
}
.btn-microsoft {
  color: #ffffff;
  background-color: #2672ec;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-microsoft:focus,
.btn-microsoft.focus {
  color: #ffffff;
  background-color: #125acd;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-microsoft:hover {
  color: #ffffff;
  background-color: #125acd;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-microsoft:active,
.btn-microsoft.active,
.open > .dropdown-toggle.btn-microsoft {
  color: #ffffff;
  background-color: #125acd;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-microsoft:active,
.btn-microsoft.active,
.open > .dropdown-toggle.btn-microsoft {
  background-image: none;
}
.btn-microsoft .badge {
  color: #2672ec;
  background-color: #ffffff;
}
.btn-openid {
  color: #ffffff;
  background-color: #f7931e;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-openid:focus,
.btn-openid.focus {
  color: #ffffff;
  background-color: #da7908;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-openid:hover {
  color: #ffffff;
  background-color: #da7908;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-openid:active,
.btn-openid.active,
.open > .dropdown-toggle.btn-openid {
  color: #ffffff;
  background-color: #da7908;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-openid:active,
.btn-openid.active,
.open > .dropdown-toggle.btn-openid {
  background-image: none;
}
.btn-openid .badge {
  color: #f7931e;
  background-color: #ffffff;
}
.btn-pinterest {
  color: #ffffff;
  background-color: #cb2027;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-pinterest:focus,
.btn-pinterest.focus {
  color: #ffffff;
  background-color: #9f191f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-pinterest:hover {
  color: #ffffff;
  background-color: #9f191f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-pinterest:active,
.btn-pinterest.active,
.open > .dropdown-toggle.btn-pinterest {
  color: #ffffff;
  background-color: #9f191f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-pinterest:active,
.btn-pinterest.active,
.open > .dropdown-toggle.btn-pinterest {
  background-image: none;
}
.btn-pinterest .badge {
  color: #cb2027;
  background-color: #ffffff;
}
.btn-reddit {
  color: #000000;
  background-color: #eff7ff;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-reddit:focus,
.btn-reddit.focus {
  color: #000000;
  background-color: #bcddff;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-reddit:hover {
  color: #000000;
  background-color: #bcddff;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-reddit:active,
.btn-reddit.active,
.open > .dropdown-toggle.btn-reddit {
  color: #000000;
  background-color: #bcddff;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-reddit:active,
.btn-reddit.active,
.open > .dropdown-toggle.btn-reddit {
  background-image: none;
}
.btn-reddit .badge {
  color: #eff7ff;
  background-color: #000000;
}
.btn-soundcloud {
  color: #ffffff;
  background-color: #ff5500;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-soundcloud:focus,
.btn-soundcloud.focus {
  color: #ffffff;
  background-color: #cc4400;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-soundcloud:hover {
  color: #ffffff;
  background-color: #cc4400;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-soundcloud:active,
.btn-soundcloud.active,
.open > .dropdown-toggle.btn-soundcloud {
  color: #ffffff;
  background-color: #cc4400;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-soundcloud:active,
.btn-soundcloud.active,
.open > .dropdown-toggle.btn-soundcloud {
  background-image: none;
}
.btn-soundcloud .badge {
  color: #ff5500;
  background-color: #ffffff;
}
.btn-tumblr {
  color: #ffffff;
  background-color: #2c4762;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-tumblr:focus,
.btn-tumblr.focus {
  color: #ffffff;
  background-color: #1c2d3f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-tumblr:hover {
  color: #ffffff;
  background-color: #1c2d3f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-tumblr:active,
.btn-tumblr.active,
.open > .dropdown-toggle.btn-tumblr {
  color: #ffffff;
  background-color: #1c2d3f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-tumblr:active,
.btn-tumblr.active,
.open > .dropdown-toggle.btn-tumblr {
  background-image: none;
}
.btn-tumblr .badge {
  color: #2c4762;
  background-color: #ffffff;
}
.btn-twitter {
  color: #ffffff;
  background-color: #55acee;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-twitter:focus,
.btn-twitter.focus {
  color: #ffffff;
  background-color: #2795e9;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-twitter:hover {
  color: #ffffff;
  background-color: #2795e9;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-twitter:active,
.btn-twitter.active,
.open > .dropdown-toggle.btn-twitter {
  color: #ffffff;
  background-color: #2795e9;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-twitter:active,
.btn-twitter.active,
.open > .dropdown-toggle.btn-twitter {
  background-image: none;
}
.btn-twitter .badge {
  color: #55acee;
  background-color: #ffffff;
}
.btn-vimeo {
  color: #ffffff;
  background-color: #1ab7ea;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-vimeo:focus,
.btn-vimeo.focus {
  color: #ffffff;
  background-color: #1295bf;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-vimeo:hover {
  color: #ffffff;
  background-color: #1295bf;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-vimeo:active,
.btn-vimeo.active,
.open > .dropdown-toggle.btn-vimeo {
  color: #ffffff;
  background-color: #1295bf;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-vimeo:active,
.btn-vimeo.active,
.open > .dropdown-toggle.btn-vimeo {
  background-image: none;
}
.btn-vimeo .badge {
  color: #1ab7ea;
  background-color: #ffffff;
}
.btn-vk {
  color: #ffffff;
  background-color: #587ea3;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-vk:focus,
.btn-vk.focus {
  color: #ffffff;
  background-color: #466482;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-vk:hover {
  color: #ffffff;
  background-color: #466482;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-vk:active,
.btn-vk.active,
.open > .dropdown-toggle.btn-vk {
  color: #ffffff;
  background-color: #466482;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-vk:active,
.btn-vk.active,
.open > .dropdown-toggle.btn-vk {
  background-image: none;
}
.btn-vk .badge {
  color: #587ea3;
  background-color: #ffffff;
}
.btn-yahoo {
  color: #ffffff;
  background-color: #720e9e;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-yahoo:focus,
.btn-yahoo.focus {
  color: #ffffff;
  background-color: #500a6f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-yahoo:hover {
  color: #ffffff;
  background-color: #500a6f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-yahoo:active,
.btn-yahoo.active,
.open > .dropdown-toggle.btn-yahoo {
  color: #ffffff;
  background-color: #500a6f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-yahoo:active,
.btn-yahoo.active,
.open > .dropdown-toggle.btn-yahoo {
  background-image: none;
}
.btn-yahoo .badge {
  color: #720e9e;
  background-color: #ffffff;
}
/*
 * Plugin: Full Calendar
 * ---------------------
 */
.fc-button {
  background: #f4f4f4;
  background-image: none;
  color: #444;
  border-color: #ddd;
  border-bottom-color: #ddd;
}
.fc-button:hover,
.fc-button:active,
.fc-button.hover {
  background-color: #e9e9e9;
}
.fc-header-title h2 {
  font-size: 15px;
  line-height: 1.6em;
  color: #666;
  margin-left: 10px;
}
.fc-header-right {
  padding-right: 10px;
}
.fc-header-left {
  padding-left: 10px;
}
.fc-widget-header {
  background: #fafafa;
}
.fc-grid {
  width: 100%;
  border: 0;
}
.fc-widget-header:first-of-type,
.fc-widget-content:first-of-type {
  border-left: 0;
  border-right: 0;
}
.fc-widget-header:last-of-type,
.fc-widget-content:last-of-type {
  border-right: 0;
}
.fc-toolbar {
  padding: 10px;
  margin: 0;
}
.fc-day-number {
  font-size: 20px;
  font-weight: 300;
  padding-right: 10px;
}
.fc-color-picker {
  list-style: none;
  margin: 0;
  padding: 0;
}
.fc-color-picker > li {
  float: left;
  font-size: 30px;
  margin-right: 5px;
  line-height: 30px;
}
.fc-color-picker > li .fa {
  -webkit-transition: -webkit-transform linear 0.3s;
  -moz-transition: -moz-transform linear 0.3s;
  -o-transition: -o-transform linear 0.3s;
  transition: transform linear 0.3s;
}
.fc-color-picker > li .fa:hover {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
}
#add-new-event {
  -webkit-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.external-event {
  padding: 5px 10px;
  font-weight: bold;
  margin-bottom: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  cursor: move;
}
.external-event:hover {
  box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2);
}
/*
 * Plugin: Select2
 * ---------------
 */
.select2-container--default.select2-container--focus,
.select2-selection.select2-container--focus,
.select2-container--default:focus,
.select2-selection:focus,
.select2-container--default:active,
.select2-selection:active {
  outline: none;
}
.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
  border: 1px solid #d2d6de;
  border-radius: 0;
  padding: 6px 12px;
  height: 34px;
}
.select2-container--default.select2-container--open {
  border-color: #3c8dbc;
}
.select2-dropdown {
  border: 1px solid #d2d6de;
  border-radius: 0;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #3c8dbc;
  color: white;
}
.select2-results__option {
  padding: 6px 12px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  padding-right: 0;
  height: auto;
  margin-top: -4px;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 6px;
  padding-left: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 28px;
  right: 3px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-top: 0;
}
.select2-dropdown .select2-search__field,
.select2-search--inline .select2-search__field {
  border: 1px solid #d2d6de;
}
.select2-dropdown .select2-search__field:focus,
.select2-search--inline .select2-search__field:focus {
  outline: none;
  border: 1px solid #3c8dbc;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[aria-selected=true]:hover {
  color: #444;
}
.select2-container--default .select2-selection--multiple {
  border: 1px solid #d2d6de;
  border-radius: 0;
}
.select2-container--default .select2-selection--multiple:focus {
  border-color: #3c8dbc;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #d2d6de;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #3c8dbc;
  border-color: #075EBD;
  padding: 1px 10px;
  color: #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  margin-right: 5px;
  color: rgba(255, 255, 255, 0.7);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 10px;
}
/*
 * General: Miscellaneous
 * ----------------------
 */
.pad {
  padding: 10px;
}
.margin {
  margin: 10px;
}
.margin-bottom {
  margin-bottom: 20px;
}
.margin-bottom-none {
  margin-bottom: 0;
}
.margin-r-5 {
  margin-right: 5px;
}
.inline {
  display: inline;
}
.description-block {
  display: block;
  margin: 10px 0;
  text-align: center;
}
.description-block.margin-bottom {
  margin-bottom: 25px;
}
.description-block > .description-header {
  margin: 0;
  padding: 0;
  font-weight: 600;
  font-size: 16px;
}
.description-block > .description-text {
  text-transform: uppercase;
}
.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black,
.bg-red-active,
.bg-yellow-active,
.bg-aqua-active,
.bg-blue-active,
.bg-light-blue-active,
.bg-green-active,
.bg-navy-active,
.bg-teal-active,
.bg-olive-active,
.bg-lime-active,
.bg-orange-active,
.bg-fuchsia-active,
.bg-purple-active,
.bg-maroon-active,
.bg-black-active,
.callout.callout-danger,
.callout.callout-warning,
.callout.callout-info,
.callout.callout-success,
.alert-success,
.alert-danger,
.alert-error,
.alert-warning,
.alert-info,
.label-danger,
.label-info,
.label-warning,
.label-primary,
.label-success,
.modal-primary .modal-body,
.modal-primary .modal-header,
.modal-primary .modal-footer,
.modal-warning .modal-body,
.modal-warning .modal-header,
.modal-warning .modal-footer,
.modal-info .modal-body,
.modal-info .modal-header,
.modal-info .modal-footer,
.modal-success .modal-body,
.modal-success .modal-header,
.modal-success .modal-footer,
.modal-danger .modal-body,
.modal-danger .modal-header,
.modal-danger .modal-footer {
  color: #fff !important;
}
.bg-gray {
  color: #000;
  background-color: #d2d6de !important;
}
.bg-gray-light {
  background-color: #f7f7f7;
}
.bg-black {
  background-color: #111111 !important;
}
.bg-red,
.callout.callout-danger,
.alert-danger,
.alert-error,
.label-danger,
.modal-danger .modal-body {
  background-color: #dd4b39 !important;
}
.bg-yellow,
.callout.callout-warning,
.alert-warning,
.label-warning,
.modal-warning .modal-body {
  background-color: #f39c12 !important;
}
.bg-aqua,
.callout.callout-info,
.alert-info,
.label-info,
.modal-info .modal-body {
  background-color: #00c0ef !important;
}
.bg-blue {
  background-color: #0073b7 !important;
}
.bg-light-blue,
.label-primary,
.modal-primary .modal-body {
  background-color: #3c8dbc !important;
}
.bg-green,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
  background-color: #00a65a !important;
}
.bg-navy {
  background-color: #001f3f !important;
}
.bg-teal {
  background-color: #39cccc !important;
}
.bg-olive {
  background-color: #3d9970 !important;
}
.bg-lime {
  background-color: #01ff70 !important;
}
.bg-orange {
  background-color: #ff851b !important;
}
.bg-fuchsia {
  background-color: #f012be !important;
}
.bg-purple {
  background-color: #605ca8 !important;
}
.bg-maroon {
  background-color: #d81b60 !important;
}
.bg-gray-active {
  color: #000;
  background-color: #b5bbc8 !important;
}
.bg-black-active {
  background-color: #000000 !important;
}
.bg-red-active,
.modal-danger .modal-header,
.modal-danger .modal-footer {
  background-color: #d33724 !important;
}
.bg-yellow-active,
.modal-warning .modal-header,
.modal-warning .modal-footer {
  background-color: #db8b0b !important;
}
.bg-aqua-active,
.modal-info .modal-header,
.modal-info .modal-footer {
  background-color: #00a7d0 !important;
}
.bg-blue-active {
  background-color: #005384 !important;
}
.bg-light-blue-active,
.modal-primary .modal-header,
.modal-primary .modal-footer {
  background-color: #469df7 !important;
}
.bg-green-active,
.modal-success .modal-header,
.modal-success .modal-footer {
  background-color: #008d4c !important;
}
.bg-navy-active {
  background-color: #001a35 !important;
}
.bg-teal-active {
  background-color: #30bbbb !important;
}
.bg-olive-active {
  background-color: #368763 !important;
}
.bg-lime-active {
  background-color: #00e765 !important;
}
.bg-orange-active {
  background-color: #ff7701 !important;
}
.bg-fuchsia-active {
  background-color: #db0ead !important;
}
.bg-purple-active {
  background-color: #555299 !important;
}
.bg-maroon-active {
  background-color: #ca195a !important;
}
[class^="bg-"].disabled {
  opacity: 0.65;
  filter: alpha(opacity=65);
}
.text-red {
  color: #dd4b39 !important;
}
.text-yellow {
  color: #f39c12 !important;
}
.text-aqua {
  color: #00c0ef !important;
}
.text-blue {
  color: #0073b7 !important;
}
.text-black {
  color: #111111 !important;
}
.text-light-blue {
  color: #3c8dbc !important;
}
.text-green {
  color: #00a65a !important;
}
.text-gray {
  color: #d2d6de !important;
}
.text-navy {
  color: #001f3f !important;
}
.text-teal {
  color: #39cccc !important;
}
.text-olive {
  color: #3d9970 !important;
}
.text-lime {
  color: #01ff70 !important;
}
.text-orange {
  color: #ff851b !important;
}
.text-fuchsia {
  color: #f012be !important;
}
.text-purple {
  color: #605ca8 !important;
}
.text-maroon {
  color: #d81b60 !important;
}
.link-muted {
  color: #7a869d;
}
.link-muted:hover,
.link-muted:focus {
  color: #606c84;
}
.link-black {
  color: #666;
}
.link-black:hover,
.link-black:focus {
  color: #999;
}
.hide {
  display: none !important;
}
.no-border {
  border: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.no-margin {
  margin: 0 !important;
}
.no-shadow {
  box-shadow: none !important;
}
.list-unstyled,
.chart-legend,
.contacts-list,
.users-list,
.mailbox-attachments {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-group-unbordered > .list-group-item {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}
.flat {
  border-radius: 0 !important;
}
.text-bold,
.text-bold.table td,
.text-bold.table th {
  font-weight: 700;
}
.text-sm {
  font-size: 12px;
}
.jqstooltip {
  padding: 5px !important;
  width: auto !important;
  height: auto !important;
}
.bg-teal-gradient {
  background: #39cccc !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;
  background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important;
  background: -moz-linear-gradient(center bottom, #39cccc 0%, #7adddd 100%) !important;
  background: -o-linear-gradient(#7adddd, #39cccc) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;
  color: #fff;
}
.bg-light-blue-gradient {
  background: #3c8dbc !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important;
  background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;
  background: -moz-linear-gradient(center bottom, #3c8dbc 0%, #67a8ce 100%) !important;
  background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;
  color: #fff;
}
.bg-blue-gradient {
  background: #0073b7 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important;
  background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important;
  background: -moz-linear-gradient(center bottom, #0073b7 0%, #0089db 100%) !important;
  background: -o-linear-gradient(#0089db, #0073b7) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;
  color: #fff;
}
.bg-aqua-gradient {
  background: #00c0ef !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;
  background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;
  background: -moz-linear-gradient(center bottom, #00c0ef 0%, #14d1ff 100%) !important;
  background: -o-linear-gradient(#14d1ff, #00c0ef) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;
  color: #fff;
}
.bg-yellow-gradient {
  background: #f39c12 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important;
  background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;
  background: -moz-linear-gradient(center bottom, #f39c12 0%, #f7bc60 100%) !important;
  background: -o-linear-gradient(#f7bc60, #f39c12) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;
  color: #fff;
}
.bg-purple-gradient {
  background: #605ca8 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #605ca8), color-stop(1, #9491c4)) !important;
  background: -ms-linear-gradient(bottom, #605ca8, #9491c4) !important;
  background: -moz-linear-gradient(center bottom, #605ca8 0%, #9491c4 100%) !important;
  background: -o-linear-gradient(#9491c4, #605ca8) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important;
  color: #fff;
}
.bg-green-gradient {
  background: #00a65a !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important;
  background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;
  background: -moz-linear-gradient(center bottom, #00a65a 0%, #00ca6d 100%) !important;
  background: -o-linear-gradient(#00ca6d, #00a65a) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;
  color: #fff;
}
.bg-red-gradient {
  background: #dd4b39 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dd4b39), color-stop(1, #e47365)) !important;
  background: -ms-linear-gradient(bottom, #dd4b39, #e47365) !important;
  background: -moz-linear-gradient(center bottom, #dd4b39 0%, #e47365 100%) !important;
  background: -o-linear-gradient(#e47365, #dd4b39) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important;
  color: #fff;
}
.bg-black-gradient {
  background: #111111 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111111), color-stop(1, #2b2b2b)) !important;
  background: -ms-linear-gradient(bottom, #111111, #2b2b2b) !important;
  background: -moz-linear-gradient(center bottom, #111111 0%, #2b2b2b 100%) !important;
  background: -o-linear-gradient(#2b2b2b, #111111) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111111', GradientType=0) !important;
  color: #fff;
}
.bg-maroon-gradient {
  background: #d81b60 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d81b60), color-stop(1, #e73f7c)) !important;
  background: -ms-linear-gradient(bottom, #d81b60, #e73f7c) !important;
  background: -moz-linear-gradient(center bottom, #d81b60 0%, #e73f7c 100%) !important;
  background: -o-linear-gradient(#e73f7c, #d81b60) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#d81b60', GradientType=0) !important;
  color: #fff;
}
.description-block .description-icon {
  font-size: 16px;
}
.no-pad-top {
  padding-top: 0;
}
.position-static {
  position: static !important;
}
.list-header {
  font-size: 15px;
  padding: 10px 4px;
  font-weight: bold;
  color: #666;
}
.list-seperator {
  height: 1px;
  background: #f4f4f4;
  margin: 15px 0 9px 0;
}
.list-link > a {
  padding: 4px;
  color: #777;
}
.list-link > a:hover {
  color: #222;
}
.font-light {
  font-weight: 300;
}
.user-block:before,
.user-block:after {
  content: " ";
  display: table;
}
.user-block:after {
  clear: both;
}
.user-block img {
  width: 40px;
  height: 40px;
  float: left;
}
.user-block .username,
.user-block .description,
.user-block .comment {
  display: block;
  margin-left: 50px;
}
.user-block .username {
  font-size: 16px;
  font-weight: 600;
}
.user-block .description {
  color: #999;
  font-size: 13px;
}
.user-block.user-block-sm .username,
.user-block.user-block-sm .description,
.user-block.user-block-sm .comment {
  margin-left: 40px;
}
.user-block.user-block-sm .username {
  font-size: 14px;
}
.img-sm,
.img-md,
.img-lg,
.box-comments .box-comment img,
.user-block.user-block-sm img {
  float: left;
}
.img-sm,
.box-comments .box-comment img,
.user-block.user-block-sm img {
  width: 30px !important;
  height: 30px !important;
}
.img-sm + .img-push {
  margin-left: 40px;
}
.img-md {
  width: 60px;
  height: 60px;
}
.img-md + .img-push {
  margin-left: 70px;
}
.img-lg {
  width: 100px;
  height: 100px;
}
.img-lg + .img-push {
  margin-left: 110px;
}
.img-bordered {
  border: 3px solid #d2d6de;
  padding: 3px;
}
.img-bordered-sm {
  border: 2px solid #d2d6de;
  padding: 2px;
}
.attachment-block {
  border: 1px solid #f4f4f4;
  padding: 5px;
  margin-bottom: 10px;
  background: #f7f7f7;
}
.attachment-block .attachment-img {
  max-width: 100px;
  max-height: 100px;
  height: auto;
  float: left;
}
.attachment-block .attachment-pushed {
  margin-left: 110px;
}
.attachment-block .attachment-heading {
  margin: 0;
}
.attachment-block .attachment-text {
  color: #555;
}
.connectedSortable {
  min-height: 100px;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.sort-highlight {
  background: #f4f4f4;
  border: 1px dashed #ddd;
  margin-bottom: 10px;
}
.full-opacity-hover {
  opacity: 0.65;
  filter: alpha(opacity=65);
}
.full-opacity-hover:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.chart {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.chart svg,
.chart canvas {
  width: 100% !important;
}
/*
 * Misc: print
 * -----------
 */
@media print {
  .no-print,
  .main-sidebar,
  .left-side,
  .main-header,
  .content-header {
    display: none !important;
  }
  .content-wrapper,
  .right-side,
  .main-footer {
    margin-left: 0 !important;
    min-height: 0 !important;
    -webkit-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    -o-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
  }
  .fixed .content-wrapper,
  .fixed .right-side {
    padding-top: 0 !important;
  }
  .invoice {
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0;
  }
  .invoice-col {
    float: left;
    width: 33.3333333%;
  }
  .table-responsive {
    overflow: auto;
  }
  .table-responsive > .table tr th,
  .table-responsive > .table tr td {
    white-space: normal !important;
  }
}
/*
 * Skin: Blue
 * ----------
 */
.skin-blue .main-header .navbar {
  background-color: #006bc9;
}
.skin-blue .main-header .navbar .nav > li > a {
  color: #ffffff;
}
.skin-blue .main-header .navbar .nav > li > a:hover,
.skin-blue .main-header .navbar .nav > li > a:active,
.skin-blue .main-header .navbar .nav > li > a:focus,
.skin-blue .main-header .navbar .nav .open > a,
.skin-blue .main-header .navbar .nav .open > a:hover,
.skin-blue .main-header .navbar .nav .open > a:focus,
.skin-blue .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-blue .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-blue .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
  background-color: #075EBD;
}
@media (max-width: 767px) {
  .skin-blue .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-blue .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-blue .main-header .navbar .dropdown-menu li a:hover {
    background: #075EBD;
  }
}
.skin-blue .main-header .logo {
  background:-webkit-linear-gradient(#006ac9, #006ac9,#034387);
  background:-o-linear-gradient(#006ac9, #006ac9,#034387);
  background:-moz-linear-gradient(#006ac9, #006ac9,#034387);
  background: linear-gradient(#006ac9, #006ac9,#034387);
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
/* .skin-blue .main-header .logo:hover {
  background-color: #469df7;
} */
.skin-blue .main-header li.user-header {
  background-color: #469df7;
}
.skin-blue .content-header {
  background: transparent;
}
.wrapper{
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#001d56), to(#006EC9));
}
.skin-blue,
.skin-blue .main-sidebar,
.skin-blue .left-side {
  background: #001d56;
}
.skin-blue .user-panel > .info,
.skin-blue .user-panel > .info > a {
  color: #888888;
}
.skin-blue .sidebar-menu > li.header {
  color: #888888;
  background: #DCE3E6;
}
.skin-blue .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}
.skin-blue .sidebar-menu > li > a:focus {
  text-decoration: none;
}
.skin-blue .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a {
  color: #888888;
  background: #DCE3E6;
  border-left-color: #888888;
}
.skin-blue .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #CCD7DD;
}
.skin-blue .sidebar a {
  color: #888888;
}
.skin-blue .sidebar a:hover {
  text-decoration: none;
}
.skin-blue .treeview-menu > li > a {
  color: #888888;
}
.skin-blue .treeview-menu > li.active > a,
.skin-blue .treeview-menu > li > a:hover {
  color: #888888;
  background: #fff;
}
.skin-blue .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-blue .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.skin-blue .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-blue .sidebar-form input[type="text"]:focus,
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-blue .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.skin-blue.layout-top-nav .main-header > .logo {
  background-color: #469df7;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-blue.layout-top-nav .main-header > .logo:hover {
  background-color: #3b8ab8;
}
@charset "UTF-8";

@font-face {
  font-family: "squadlinx";
  src:url(d1cfee3945576148f87ef4e4b3f9db3a.eot);
  src:url(d1cfee3945576148f87ef4e4b3f9db3a.eot?#iefix) format("embedded-opentype"),
    url(109e6dbfbc16f4981bc728692d8581bd.woff) format("woff"),
    url(7e64e5c23004dfa459a9c15d7cd28551.ttf) format("truetype"),
    url(data:image/svg+xml;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICJpbWFnZXMvXy9hc3NldHMvY3NzL2ZvbnQtc3F1YWRsaW54L2ZvbnRzL3NxdWFkbGlueC5zdmciOw==#squadlinx) format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "squadlinx" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="sq-"]:before,
[class*=" sq-"]:before {
  font-family: "squadlinx" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sq-add:before {
  content: "a";
}
.sq-working-team:before {
  content: "b";
}
.sq-workflow:before {
  content: "c";
}
.sq-word:before {
  content: "d";
}
.sq-sent:before {
  content: "e";
}
.sq-settings:before {
  content: "f";
}
.sq-sound:before {
  content: "g";
}
.sq-spam:before {
  content: "h";
}
.sq-sprints:before {
  content: "i";
}
.sq-taskboard:before {
  content: "j";
}
.sq-statustasks:before {
  content: "k";
}
.sq-tasks-notifications:before {
  content: "l";
}
.sq-tasks-related:before {
  content: "m";
}
.sq-todolist:before {
  content: "n";
}
.sq-trash:before {
  content: "o";
}
.sq-up-arrow:before {
  content: "p";
}
.sq-view:before {
  content: "q";
}
.sq-search:before {
  content: "r";
}
.sq-scrum:before {
  content: "s";
}
.sq-scheduler:before {
  content: "t";
}
.sq-requests:before {
  content: "u";
}
.sq-reopen-task:before {
  content: "v";
}
.sq-reload-task:before {
  content: "w";
}
.sq-refresh:before {
  content: "x";
}
.sq-reenviar-a-todos:before {
  content: "y";
}
.sq-reenviar:before {
  content: "z";
}
.sq-record-progress:before {
  content: "A";
}
.sq-quickedit:before {
  content: "B";
}
.sq-projects:before {
  content: "C";
}
.sq-projectboard:before {
  content: "D";
}
.sq-my-groups:before {
  content: "E";
}
.sq-nextarrow:before {
  content: "F";
}
.sq-notifications:before {
  content: "G";
}
.sq-no-name-attachment:before {
  content: "H";
}
.sq-parameters:before {
  content: "I";
}
.sq-parameters-o:before {
  content: "J";
}
.sq-pdf:before {
  content: "K";
}
.sq-pending:before {
  content: "L";
}
.sq-powerpoint:before {
  content: "M";
}
.sq-planning:before {
  content: "N";
}
.sq-products:before {
  content: "O";
}
.sq-profile:before {
  content: "P";
}
.sq-profiles:before {
  content: "Q";
}
.sq-move-to-testing:before {
  content: "R";
}
.sq-more:before {
  content: "S";
}
.sq-milestones-o:before {
  content: "T";
}
.sq-milestones:before {
  content: "U";
}
.sq-menu:before {
  content: "V";
}
.sq-marcarspam:before {
  content: "W";
}
.sq-maincontrol:before {
  content: "X";
}
.sq-mail:before {
  content: "Y";
}
.sq-less:before {
  content: "Z";
}
.sq-info:before {
  content: "0";
}
.sq-inbox:before {
  content: "1";
}
.sq-improving-actions:before {
  content: "2";
}
.sq-improving:before {
  content: "3";
}
.sq-drafts:before {
  content: "4";
}
.sq-setup:before {
  content: "5";
}
.sq-edit:before {
  content: "6";
}
.sq-eliminar:before {
  content: "7";
}
.sq-errors:before {
  content: "8";
}
.sq-tag:before {
  content: "9";
}
.sq-excel:before {
  content: "!";
}
.sq-filter:before {
  content: "\"";
}
.sq-forward-calendar:before {
  content: "#";
}
.sq-image:before {
  content: "$";
}
.sq-forwardarrow:before {
  content: "%";
}
.sq-implementation:before {
  content: "&";
}
.sq-implementations:before {
  content: "'";
}
.sq-download:before {
  content: "(";
}
.sq-down-arrow:before {
  content: ")";
}
.sq-documents-related:before {
  content: "*";
}
.sq-doc:before {
  content: "+";
}
.sq-directory:before {
  content: ",";
}
.sq-developing:before {
  content: "-";
}
.sq-delete-project:before {
  content: ".";
}
.sq-delete:before {
  content: "/";
}
.sq-delete-o:before {
  content: ":";
}
.sq-dashboard:before {
  content: ";";
}
.sq-daily:before {
  content: "<";
}
.sq-custom-upload:before {
  content: "=";
}
.sq-create-new-task:before {
  content: ">";
}
.sq-calendar:before {
  content: "?";
}
.sq-cerrar:before {
  content: "@";
}
.sq-close:before {
  content: "[";
}
.sq-close-bg:before {
  content: "]";
}
.sq-close-task:before {
  content: "^";
}
.sq-closeup:before {
  content: "_";
}
.sq-comments:before {
  content: "`";
}
.sq-compress:before {
  content: "\\";
}
.sq-create-new-project:before {
  content: "\E000";
}
.sq-calc:before {
  content: "\E001";
}
.sq-burndown:before {
  content: "\E002";
}
.sq-buildup:before {
  content: "\E003";
}
.sq-backlog:before {
  content: "\E004";
}
.sq-backcalendar:before {
  content: "\E005";
}
.sq-backarrow:before {
  content: "\E006";
}
.sq-attach-files:before {
  content: "\E007";
}
.sq-archivar:before {
  content: "\E008";
}
.sq-approvals:before {
  content: "\E009";
}
.sq-administrator:before {
  content: "\E00A";
}
.sq-adjust-duration:before {
  content: "\E00B";
}
.sq-add-1:before {
  content: "\E00C";
}
.sq-comments-o:before {
  content: "{";
}
.sq-completed:before {
  content: "|";
}
.sq-to-me:before {
  content: "}";
}
.sq-with-me:before {
  content: "~";
}
.sq-by-me:before {
  content: "\E00D";
}
.sq-all-shared-tasks:before {
  content: "\E00E";
}
/* 
    ##Device = Desktops
    ##Screen = 1281px to higher resolution desktops
  */

  .subtitle-task {
    background-color: #dce3e6;
    margin: 0;
    color: #007bd2;
    font-size: 20px;
    font-weight: bolder;
    padding: 5px 50px;
}


/* TASKBOARD*/

.row.request-task {
    margin-bottom: 5px;
    height: 470px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-right: 0px;
}

.img-taskboard-user {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    text-align: center;
    line-height: 2.2em;
    left: 0;
    top: 0;
    vertical-align: baseline;
}

.span-img-taskboard {
    background: white;
    overflow: hidden;
    border-radius: 50%;
    width: 29px;
    height: 29px;
    position: absolute;
}

.notif-tk-imp {
    border-radius: 45px!important;
    font-weight: bold!important;
    top: -7px;
    right: 17px;
    position: absolute;
    width: 20px;
    height: 20px;
    padding: 4px 1px 1px 1px!important;
}

.label-red {
    background-color: rgb(223, 61, 97);
}

.dropdown-menu>li>a.items-lists {
    display: block;
    padding: 1px 9px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: rgb(112, 112, 112)!important;
    white-space: nowrap;
}

menu.dropdown-menu-right-tb,
.dropdown-menu.dropdown-menu-right-tb {
    left: -887%;
    top: 36px;
    left: 1px;
    padding: 2px 4px 4px 4px;
    width: 203px;
    color: rgb(112, 112, 112)!important;
}

.modal-content-sprint.team {
    margin-top: 5px;
    margin-bottom: 5px;
    width: auto;
}

.taskdescr {
    max-height: 54px;
    overflow: scroll;
    min-height: 74px!important;
    font-weight: bold;
}

.modal-content-sprint.groupbtn {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-right: 0px;
    padding-left: 0px;
}

.select-group {
    border-bottom: none!important;
    text-align: center;
    padding-bottom: 0px;
}

.taginfo {
    overflow: scroll;
    /* margin-left: 1px; */
    border-right: solid 2px white;
    height: 45px;
    padding: 0px;
}

.usersinfo {
    height: 45px;
    padding: 0px;
}
@media (min-width: 1280px) {
    .box-body .row.infotask {
        color: rgb(112, 112, 112);
        font-size: 13px;
        overflow: hidden;
        padding: 5px 5px 0px 10px;
        height: 100%;
        margin-top: 8px;
    }
}
@media (min-width: 992px) and (max-width: 1280px) {
    .box-body .row.infotask {
        color: rgb(112, 112, 112);
        font-size: 13px;
        overflow: hidden;
        padding: 5px 5px 0px 10px;
        height: 100%;
        margin-top: 8px;
    }
}
@media (min-width: 768px) and (max-width: 992px){
    .box-body .row.infotask {
        color: rgb(112, 112, 112);
        font-size: 10px;
        overflow: hidden;
        padding: 5px 5px 0px 10px;
        height: 100%;
        margin-top: 8px;
    }
}
@media (min-width: 576px) and (max-width: 768px){
    .box-body .row.infotask {
        color: rgb(112, 112, 112);
        font-size: 13px;
        overflow: hidden;
        padding: 5px 5px 0px 10px;
        height: 100%;
        margin-top: 8px;
    }
}
/*.box-body .row.infotask {
    color: rgb(112, 112, 112);
    font-size: 13px;
    overflow: hidden;
    padding: 5px 5px 0px 10px;
    height: 100%;
    margin-top: 8px;
}*/

.task-description,
.task-delivery,
.infotagusers {
    margin-bottom: 0.1px;
}

.task-delivery,
{
    padding: 0px;
}

.infotagusers {
    text-align: center;
    margin-top: 1px;
}

.task-tile-header .row.header-tk {
    width: 82%;
    max-height: 56px;
    overflow: scroll;
    margin: 0px;
    margin-top: -3px;
    text-align: justify;
}

.modal-body.myteam {
    background: white;
    border-radius: 15px;
    padding: 8px;
    border: solid 0.5px rgb(204, 215, 221);
}

p-dropdown#ddwnr_taskboard {
    display: inline-block;
    width: 323px;
}

p-dropdown#ddwnr_taskboard2 {
    display: inline-block;
    width: 323px;
}

.dropdown-menu.dropdown-menu-right {
    width: 1000%;
    left: -880%;
    top: 36px;
}

.taskboard-tasklist {
    position: relative;
    top: 50px;
    height: 79%;
    overflow: scroll;
    padding: 12px;
}

.btn-tasklist {
    border-radius: 50px !important;
    width: 100px !important;
    height: 20px !important;
    padding: 0 !important;
}

.item-tasklist {
    margin: 5px 0px;
}

@media (min-width: 1281px) {
    #login-rigth {
        border-top: 1200px solid rgba(255, 255, 255, 0.8);
        border-left: 120px solid transparent;
        height: 100%;
        float: right;
    }
    #pwrecovery-nx {
        top: 15%;
        left: 40%;
        position: absolute;
    }
    .icon-team-daily-table {
        height: 10px;
        width: 10px;
        background: transparent;
        border-radius: 50px;
        position: relative;
    }
    .user-icon-daily {
        position: absolute;
        top: 6px;
        left: 7px;
    }
    .btn-add-sprint {
        border-radius: 50px!important;
        width: 140px!important;
        margin-right: 5px;
        outline: 0!important;
        background-color: #80BA54!important;
        border-color: #80BA54!important;
        position: absolute;
        top: 14px;
        font-weight: bold;
    }
    .btn-add-sprintTask {
        border-radius: 50px!important;
        width: 140px!important;
        margin-right: 5px;
        outline: 0!important;
        background-color: #0FB4FF!important;
        border-color: #0FB4FF!important;
        position: absolute;
        top: 55px;
        font-weight: bold;
    }
    .btn-del-sprintTask {
        border-radius: 50px!important;
        width: 140px!important;
        margin-right: 5px;
        outline: 0!important;
        background-color: #f01458!important;
        border-color: #f01458!important;
        position: absolute;
        top: 95px;
        font-weight: bold;
    }
    .btn-close-sprintTask {
        border-radius: 50px!important;
        width: 80px!important;
        margin-right: 5px;
        outline: 0!important;
        background-color: #0FB4FF!important;
        border-color: #0FB4FF!important;
        top: 85px;
        font-weight: bold;
    }
    .btn-upload-sprintTask {
        border-radius: 50px!important;
        width: 80px!important;
        margin-right: 5px;
        outline: 0!important;
        background-color: #0FB4FF!important;
        border-color: #0FB4FF!important;
        top: 85px;
        font-weight: bold;
    }
    .modal-header-info-sprint {
        background-color: #0FB4FF;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        height: 35px;
        padding-top: 5px;
    }
    .modal-header-info-sprint>span {
        color: #fff;
        margin-left: 20px;
        font-weight: bold;
        font-size: 1.2em;
    }
    .modal-content-sprint {
        position: relative;
        background-color: #fff;
        border-radius: 10px;
        -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
        box-shadow: 0 0px 1px rgba(0, 0, 0, 0.5);
        color: rgb(244, 244, 244);
        /*border-top-right-radius: 10px;*/
        /*border-top-left-radius: 10px;*/
        min-height: 150px;
    }
    .footer-table-controls {
        background: #DCE3E6;
    }
    #search-input {
        width: 300px;
        border-radius: 50px;
        position: relative;
        margin: 0 auto;
        margin-top: 10px;
        height: 33px;
        border-left: none;
        text-indent: 16px;
    }
    #login-nx {
        top: 15%;
        right: 7%;
        position: absolute;
        height: 500px;
        max-width: 35rem;
    }
    #btn-search-taskboard {
        position: relative;
        top: 40px;
        left: 110px;
    }
    #searchTab-tb {
        background: #fff;
        position: absolute;
        right: 0;
        opacity: 0.9;
        width: 300px;
        height: 65%;
        z-index: 9000;
        top: 93px;
    }
}


/* End @media (min-width: 1281px)*/


/* SPRINT */

@media (max-width: 991px) {
    .modal-content-sprint {
        /* height: 190px !important; */
    }
    .session-panel {
        right: 97px!important;
    }
    .dash_task {
        right: 170px!important;
    }
    .dash_notifications {
        right: 220px!important;
    }
}

@media (max-width: 1200px) {
    .control-container {
        background: red;
        height: 450px !important;
        text-align: left;
        padding-left: 30px;
    }
    #btn-search-taskboard {
        position: relative;
        top: 40px;
        left: 110px;
    }
}

.title-header-sprint {
    margin-left: 16px;
    margin-top: 16px;
    color: #007bd2;
    font-weight: bold;
}

.box-params-sprint {
    background: #ffffff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.team-label {
    color: #b4bcbf;
    font-weight: bold;
}

.icon-marker {
    background: #007bd2;
    width: 50px;
    height: 5px;
    z-index: 2;
    margin-top: 4px;
}

.icon-team-sprint {
    height: 45px;
    width: 45px;
    background: #0fb4ff;
    border-radius: 50px;
    position: relative;
}

.nav-tabs-list {
    position: relative;
}

.nav-tabs-list.assigned::before {
    content: ".";
    color: rgb(0, 123, 210);
    font-size: 5rem;
    right: -32px;
    top: 0px;
    position: absolute;
}

.icon-team-sprint.user-assigned {
    opacity: 0.5;
}

.icon-team-sprint-table {
    height: 30px;
    width: 30px;
    background: #0fb4ff;
    border-radius: 50px;
    position: relative;
}

.user-icon-team-table {
    position: absolute;
    top: 8px;
    left: 9px;
}

.user-icon-team {
    position: absolute;
    top: 6px;
    left: 7px;
}

.btn-add-sprint {
    border-radius: 50px !important;
    width: 140px !important;
    margin-right: 5px;
    outline: 0 !important;
    background-color: #80ba54 !important;
    border-color: #80ba54 !important;
    position: absolute;
    top: 14px;
    font-weight: bold;
}

.btn-add-sprintTask {
    border-radius: 50px !important;
    width: 140px !important;
    margin-right: 5px;
    outline: 0 !important;
    background-color: #0fb4ff !important;
    border-color: #0fb4ff !important;
    position: absolute;
    top: 55px;
    font-weight: bold;
}

.btn-del-sprintTask {
    border-radius: 50px !important;
    width: 140px !important;
    margin-right: 5px;
    outline: 0 !important;
    background-color: #f01458 !important;
    border-color: #f01458 !important;
    position: absolute;
    top: 95px;
    font-weight: bold;
}

.btn-close-sprintTask {
    border-radius: 50px !important;
    width: 80px !important;
    margin-right: 5px;
    outline: 0 !important;
    background-color: #0fb4ff !important;
    border-color: #0fb4ff !important;
    top: 85px;
    font-weight: bold;
}

.btn-upload-sprintTask {
    border-radius: 50px !important;
    width: 80px !important;
    margin-right: 5px;
    outline: 0 !important;
    background-color: #0fb4ff !important;
    border-color: #0fb4ff !important;
    top: 85px;
    font-weight: bold;
}

.modal-header-info-sprint {
    background-color: #0fb4ff;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    height: 35px;
    padding-top: 5px;
}

.modal-header-info-sprint>span {
    color: #fff;
    margin-left: 20px;
    font-weight: bold;
    font-size: 1.2em;
}

.modal-content-sprint {
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0px 1px rgba(0, 0, 0, 0.5);
    /*border-top-right-radius: 10px;*/
    /*border-top-left-radius: 10px;*/
    /* height: 150px; */
}

.footer-table-controls {
    background: #dce3e6;
}

#search-input {
    width: 300px;
    border-radius: 50px;
    position: relative;
    margin: 0 auto;
    margin-top: 10px;
    height: 33px;
    border-left: none;
    text-indent: 16px;
}

.search-control-icon {
    position: absolute;
    left: 484px;
    top: 20px;
    display: block;
    z-index: 2;
    width: 34px;
    height: 33px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
    color: #0fb4ff;
    font-family: "Glyphicons Halflings";
}

.control-container {
    background: #fff;
    height: 900px;
    text-align: left;
    padding-left: 30px;
}

.group-name {
    color: #565a5b;
    padding-left: 20px;
    padding-top: 5px;
    border-top-color: red;
}

.group-item {
    height: 40px;
    /*padding-top:10px;*/
    font-weight: bold;
}

.divisor-item {
    height: 1px;
    background: #b4bcbf;
    margin-top: 10px;
}

.marker {
    background: #007bd2;
    width: 5px;
    height: 40px;
    float: right;
    top: 0;
    z-index: 2;
}

.form-group.scrollable.squadlinx-table .checkbox-sprint {
    height: 1.6rem;
    width: 1.6rem;
}


/* MAIL BOX*/

#btn-search {
    background: #0fb4ff;
    height: 30px;
    width: 30px;
    margin: 0 auto;
    border-radius: 100px;
    margin-bottom: 10px;
}


/** Taskboard MainFilter Modal **/

#btn-mainfilter {
    background: #0fb4ff;
    height: 30px;
    width: 30px;
    border-radius: 100px;
    margin-bottom: 10px;
}

.modal-mainfilter {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 555px;
    max-height: 600px;
    border-radius: 18px !important;
    width: 900px;
}

.modal-cpimp {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 555px;
    max-height: 600px;
    border-radius: 18px !important;
}

.footer-mainfilter-line {
    background-color: rgb(239, 244, 245);
    height: 2px;
    width: 96%;
    margin-left: 2%;
    margin-bottom: 1%;
}

.inputs-mainfilter {
    text-align: center;
    border-radius: 20px;
    margin-left: 20px;
    max-width: 30%;
    min-width: 30%;
    border-color: rgb(214, 224, 229);
    border-style: solid;
    height: 32px;
    border-width: 2px;
}

.content-results-mainfilter {
    text-align: center;
    border-radius: 20px;
    margin-left: 20px;
    max-width: 30%;
    min-width: 30%;
    border-color: rgb(214, 224, 229);
    border-style: solid;
    height: 300px;
    border-width: 2px;
}

.content-results-mdsprints {
    text-align: center;
    border-radius: 20px;
    margin-left: 20px;
    max-width: 95%;
    min-width: 95%;
    border-color: rgb(214, 224, 229);
    border-style: solid;
}

.label-input-mainfilter {
    background-color: transparent;
    margin-top: 3px;
    margin-left: 3px;
    color: rgb(130, 145, 152);
    text-align: left;
}

.search-input-mainfilter {
    background-color: transparent;
    margin-top: 3px;
    margin-right: 5px;
}

.col-md-5.select-product,
.ui-g.col-md-5.select-product {
    display: block;
    padding-bottom: 5px;
    width: 90%;
    background-color: transparent;
    color: rgb(130, 145, 152);
    height: 35px;
    border-bottom: 4px solid white;
    padding-top: 4px;
    padding-left: 12px;
}

.ui-g.col-md-1.select-product {
    display: block;
    padding-bottom: 5px;
    background-color: transparent;
    color: rgb(130, 145, 152);
    height: 35px;
    border-bottom: 4px solid white;
    padding-top: 4px;
}

.input-mainfilter {
    background-color: transparent;
    border: none;
    font-size: 14px;
    padding-top: 0px;
    padding-bottom: 2px;
    height: 20px;
    outline: none;
}

.input-mainfilter:hover {
    border: none;
    text-decoration: none;
}

.input-mainfilter:active {
    border: none;
    text-decoration: none;
}

#searchTab {
    background: #fff;
    position: absolute;
    right: 0;
    opacity: 0.9;
    width: 400px;
    height: 65%;
    z-index: 9000;
}

#search-input {
    border: 1px solid #dce3e6;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    background: #dce3e6;
    padding: 5px;
    right: 20px;
    top: 8px;
    width: 260px;
}

#search-input:focus {
    outline: 0;
    background: #0fb4ff;
    color: #fff;
    font-weight: bold;
}

#btn-inner {
    outline: 0;
}

.example-two:focus::-webkit-input-placeholder {
    transition: text-indent 0.5s 0.5s ease;
    text-indent: -100%;
    opacity: 1;
}

.inbox_mail {
    position: relative;
    padding: 8px;
    padding-left: 20px;
}

.item-mail>i {
    padding-right: 5px;
    vertical-align: middle;
}

.treeview-menu-mail>li {
    padding: 0 10px;
    margin-top: 5px;
}

.sqlx-menu>li.active>a.active {
    background-color: rgb(210, 221, 226);
}

.treeview-menu>.sqlx-menu2>li.active {
    background-color: rgb(210, 221, 226);
}


/* .ul.treeview-menu.ng-star-inserted.menu-open{
  background: rgb(210,221,226);
} */

.sidebar-menu-mail {
    list-style-type: none;
}

.sidebar-menu-mail>li>a {
    text-decoration: none;
}

.sidebar-menu-mail>li {
    padding: 10px;
    border-bottom: 1px solid #dce3e6;
}

.sidebar-menu-mail>li:hover {
    background: #f4f9fc;
}

.treeview-menu-mail {
    list-style-type: none;
    padding: 10px;
    background: transparent;
}


/* #inbox-childs, #send-childs{
    list-style-type: none;
    padding: 10px;
    background: #fff;
    border-bottom: 1px solid #dce3e6;
  } */

#inbox_date {
    position: absolute;
    right: 0;
    top: 0;
    padding-top: 5px;
    padding-right: 20px;
}

.box-body-mail .inbox_mail {
    background: #fff;
    border-bottom: 1px solid #dce3e6;
}

.box-body-mail .inbox_mail:hover {
    background: #f4f9fc;
}

.box-header-col1 {
    color: #444;
    display: block;
    padding: 10px;
    position: relative;
}

.left-col-opt-mail {
    /*min-width: 300px;
      min-height: 800px!important;*/
    padding: 0px !important;
    font-family: Arial, Helvetica, sans-serif;
}

.box-header.with-border-mail {
    position: relative;
}

.box-header>.box-tools-mail {
    right: 10px;
    top: 5px;
    position: relative;
}

.has-feedback-mail {
    position: relative;
    margin-left: 20px;
}

.content-mail {
    min-height: 250px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    min-width: 100%;
}

.mail-list-col-mail {
    min-width: 440px;
    min-height: 800px !important;
    padding: 0px !important;
}

.inbound-col-mail {
    min-width: 940px;
    min-height: 800px !important;
    padding: 0px !important;
}

.inbound-data {
    padding: 20px;
    padding-left: 50px !important;
}

.inbound-date {
    text-align: right;
    padding-right: 10px;
    top: 20px;
}

.inbound-attachment .attachment-data {
    text-align: center;
    min-height: 50px;
    padding-top: 10px;
    background: #f8fafa;
    margin-top: 0;
    clear: both;
}

.inbound-attachment {
    width: 120%;
    display: inline-flex;
}

div.attachment-data {
    margin-top: 10px;
}

.mail-message {
    padding: 25px;
    clear: both;
}

#clip {
    width: 20px;
    height: 20px;
    top: 50%;
    display: inline-block;
    vertical-align: middle;
}

#inbox {
    height: 15px;
    margin-right: 10px;
}

#envelope-mail {
    height: 20px;
    padding-right: 10px;
}

#drafts-mail {
    height: 24px;
    padding-right: 10px;
}

#send-mail {
    height: 35px;
    padding-right: 10px;
    width: 35px;
}

#trash-mail {
    height: 35px;
    padding-right: 10px;
    width: 35px;
}

#groups-mail {
    height: 35px;
    padding-right: 10px;
    width: 35px;
}

.box-header-mail {
    color: #fff;
    display: block;
    padding: 10px;
    background: #007bd2;
}

.sidebar-menu li>a {
    position: relative;
    text-decoration: none;
}

.item-mail {
    text-decoration: none !important;
}

.table-striped1 {
    background-color: #fff;
}

tbody>tr:hover {
    background: #f4f9fc;
}

.inbound-info {
    background-color: #dce3e6;
    width: 100%;
    height: 167px;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 3px !important;
    border-top-right-radius: 3px !important;
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 3px !important;
}

.sidebar-menu>li:hover {
    background: #f4f9fc;
}

.order-menu {
    width: 200px;
    height: 255px;
    padding: 5px;
    z-index: 1;
    position: absolute;
    /* float: right; */
    right: 10px;
    background-color: #fff;
    display: none;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

li>i {
    padding: 0 5px;
}


/* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */

@media (min-width: 1024px) and (max-width: 1333px) {
    .inputs-mainfilter {
        width: 60% !important;
    }
}

@media (min-width: 1024px) and (max-width: 1280px) {
    #searchTab-tb {
        background: #fff;
        position: absolute;
        right: 0;
        opacity: 0.9;
        width: 300px;
        height: 65%;
        z-index: 9000;
        top: 93px;
    }
    #login-rigth {
        border-top: 1000px solid rgba(255, 255, 255, 0.8);
        border-left: 100px solid transparent;
        height: 100%;
        float: right;
    }
    #pwrecovery-nx {
        top: 15%;
        left: 40%;
        position: absolute;
        height: 500px;
    }
    #login-nx {
        top: 15%;
        right: 7%;
        position: absolute;
        height: 500px;
        max-width: 35rem;
    }
    #btn-search-taskboard {
        position: relative;
        top: 40px;
        left: 110px;
    }
    #searchTab {
        background: #fff;
        position: absolute;
        right: 0;
        opacity: 0.9;
        width: 300px;
        height: 65%;
        z-index: 9000;
    }
    #search-input {
        width: 260px;
    }
}


/* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */

@media (min-width: 768px) and (max-width: 1024px) {
    #login-rigth {
        border-top: 1000px solid rgba(255, 255, 255, 0.8);
        border-left: 100px solid transparent;
        height: 100%;
        float: right;
    }
    #pwrecovery-nx {
        top: 15%;
        left: 40%;
        position: absolute;
        height: 500px;
    }
    #login-nx {
        top: 5%;
        right: 28%;
        position: absolute;
        height: 500px;
        max-width: 35rem;
    }
    #searchTab-tb {
        background: #fff;
        position: absolute;
        right: 0;
        opacity: 0.9;
        width: 300px;
        height: 65%;
        z-index: 9000;
        top: 93px;
    }
    #btn-search-taskboard {
        position: relative;
        top: 40px;
        left: 110px;
    }
    #search-input {
        width: 260px;
    }
    .taskboard-tasklist {
        width: 340px;
    }
    .inputs-mainfilter {
        width: 60% !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (min-height: 1000px) {
    #login-rigth {
        border-top: 1400px solid rgba(255, 255, 255, 0.8);
        border-left: 100px solid transparent;
        height: 100%;
        float: right;
    }
    #pwrecovery-nx {
        top: 15%;
        left: 40%;
        position: absolute;
        height: 500px;
    }
    #login-nx {
        top: 5%;
        right: 15%;
        position: absolute;
        height: 500px;
        max-width: 35rem;
    }
}


/* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    #login-rigth {
        border-top: 1000px solid rgba(255, 255, 255, 0.8);
        border-left: 100px solid transparent;
        height: 100%;
        float: right;
    }
    #pwrecovery-nx {
        top: 15%;
        left: 40%;
        position: absolute;
        height: 500px;
    }
    #login-nx {
        top: 15%;
        right: 7%;
        position: absolute;
        height: 500px;
        max-width: 35rem;
    }
}


/* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */

@media (min-width: 481px) and (max-width: 767px) {
    .box-header.with-border {
        padding-bottom: 20px;
    }
    .search_projects {
        margin-top: 10px;
    }
    #login-rigth {
        border-top: 1000px solid rgba(255, 255, 255, 0.8);
        border-left: 100px solid transparent;
        height: 100%;
        float: right;
    }
    #pwrecovery-nx {
        top: 15%;
        left: 28%;
        position: absolute;
        height: 500px;
    }
    .pin-code-pad {
        width: 1em!important;
    }
    #poweredSqlx {
        left: 28%!important;
    }
    #poweredSqlx2 {
        left: 28%!important;
    }
    #login-nx {
        top: 5%;
        left: 28%;
        position: absolute;
        height: 500px;
        max-width: 30rem;
    }
    #formPassword {
        top: 50%!important;
        left: 28%!important;
    }
    #searchTab-tb {
        background: #fff;
        position: absolute;
        right: 0;
        opacity: 0.9;
        width: 300px;
        height: 65%;
        z-index: 9000;
        top: 193px;
    }
    .filter-panel {
        top: 163px !important;
    }
    .session-panel {
        width: 280px!important;
        top: 50px!important;
    }
    .dash_notifications {
        width: 230px!important;
    }
}


/* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */

@media (min-width: 320px) and (max-width: 480px) {
    .pin-code-pad {
        width: 1em!important;
    }
    #poweredSqlx {
        left: 15%!important;
    }
    #poweredSqlx2 {
        left: 15%!important;
    }
    #searchTab-tb {
        background: #fff;
        position: absolute;
        right: 0;
        opacity: 0.9;
        width: 390px;
        height: 20%;
        z-index: 9000;
        top: 193px;
    }
    #search-input {
        width: 360px;
    }
    .taskboard-tasklist {
        position: relative;
        top: 40px;
        height: 80%;
        overflow: scroll;
        padding: 12px;
    }
    .box-header.with-border {
        padding-bottom: 20px;
    }
    .search_projects {
        margin-top: 10px;
    }
    #login-rigth {
        border-top: 1000px solid rgba(255, 255, 255, 0.8);
        border-left: 100px solid transparent;
        height: 100%;
        float: right;
    }
    #pwrecovery-nx {
        top: 15%;
        left: 15%;
        position: absolute;
        height: 500px;
    }
    #login-nx {
        top: 5%;
        right: 15%;
        position: absolute;
        height: 500px;
        max-width: 30rem;
    }
    #formPassword {
        top: 50%!important;
        left: 15%!important;
    }
    .filter-panel {
        top: 163px !important;
    }
    .session-panel {
        top: 50px!important;
        width: 280px!important;
    }
    .dash_task {
        right: 30px!important;
    }
}

#messages-tooltip {
    display: none;
}

.logo-login {
    width: 100%;
    margin-top: 2em;
}

.img-sender {
    height: 100%;
    max-height: 50px;
}

.label-noedit {
    float: left;
}

.bootstrap-tagsinput {
    width: 100%;
}

.content-wrapper {
    /* height: 100%; */
    /*overflow: scroll;*/
}

.addt {
    padding: 15px;
    background: rgb(1, 112, 211);
    font-size: 15px;
    color: #fff;
    cursor: pointer;
    position: fixed;
    bottom: 25px;
    right: 20px;
    z-index: 6000;
    border-radius: 35px;
}

.pnldsh {
    min-height: 450px;
}

.droppable {
    z-index: "1";
}

.droppable .drop-here {
    z-index: "0";
}

li.draggable {
    width: 100%;
    min-height: 30px;
    border: 1px solid #000;
    margin-top: 10px;
}

.droppable {
    width: 23%;
    margin: 5px;
    padding: 10px;
}

.draggable,
.droppable {
    /*border: 1px dashed #000;*/
    /*width: 22%;*/
    min-height: 350px;
    background-color: #fff;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
}

.draggable.clone {
    background-color: #abe2a5;
}

.droppable.big .droppable {
    float: right;
}

.droppable.active {
    /*background-color: #abe2a5;*/
}

.droppable.drop-here {
    background-color: #3498db;
}

span.has-error {
    color: #dd4b39;
}


/*** Modal bootstrap ***/

.modal-header-success {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #5cb85c;
    /*-webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;*/
}

.modal-header-warning {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #f0ad4e;
    /*-webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;*/
}

.modal-header-danger {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #d9534f;
    /*-webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;*/
}

.modal-header-info {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #5bc0de;
    /*-webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;*/
}

.modal-header-primary {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #428bca;
    /*-webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;*/
}


/*** End Modal bootstrap ***/


/*** Order Pipe ***/

thead th {
    cursor: pointer;
    margin-right: 15px;
    margin-left: 15px;
    span {
        visibility: hidden;
    }
    &.active {
        color: #000;
        span {
            visibility: visible;
        }
    }
}


/*** End Order Pipe ***/


/*** PrimeNG size ***/

input.ui-inputtext.ui-widget.ui-state-default.ui-corner-all {
    height: 34px;
    padding: 6px 12px;
}

.ui-dropdown-filter-container {
    width: 100%;
}

label.ui-dropdown-label.ui-inputtext.ui-corner-all {
    height: 32px;
}

ul.ui-autocomplete-multiple-container.ui-widget.ui-inputtext.ui-state-default.ui-corner-all {
    min-height: 34px;
}

.ui-listbox.ui-inputtext.ui-widget.ui-widget-content.ui-corner-all {
    width: 100%;
}


/*** End PrimeNG size ***/


/* HEADER */

@media (min-width: 768px) {
    .main-header {
        max-height: 50px;
    }
}

.btn-login {
    width: 50%;
    font-size: initial;
    color: #fff;
    height: 40px;
    background: #0ba8da;
    border-radius: 60px 60px 60px 60px;
    -moz-border-radius: 60px 60px 60px 60px;
    -webkit-border-radius: 60px 60px 60px 60px;
    border: 0px solid #0ba8da;
}

.btn-beta {
    width: 50%;
    font-size: initial;
    color: #fff;
    height: 40px;
    background: #d66100;
    padding: 10px;
    border-radius: 60px 60px 60px 60px;
    -moz-border-radius: 60px 60px 60px 60px;
    -webkit-border-radius: 60px 60px 60px 60px;
    border: 0px solid #d66100;
}

.navbar-nav div {
    width: 100%;
}

.navbar-nav div .thumbnail {
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 5px;
    margin-top: -5px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header div {
    width: 100%;
    height: auto;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header div .thumb-widget {
    width: 90px;
    height: 90px;
    position: relative;
    left: 90px;
    border-radius: 50%;
    border: 3px solid;
    border-color: transparent;
    border-color: rgba(255, 255, 255, 0.2);
    overflow: hidden;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header div .img-widget {
    width: 85px;
    height: auto;
}


/* Mailbox */

.email_selected {
    background: #e8f0f1 !important;
}

.dot-unread {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background: #0397ef;
}

div.mail-sender {
    width: 60%;
    height: 20px;
    overflow: hidden;
}

div.mail-date {
    width: 35%;
    float: right;
    color: #b4bcbf;
}

div.mail-subject {
    width: 80%;
    height: 30px;
    margin: 5px auto;
    text-align: justify;
    overflow: hidden;
}

div.mail-date {
    width: 30%;
    float: right;
}

@media (min-width: 992px) {
    div.mail-date {
        margin-right: 10px;
    }
    div.mail-subject {
        height: 20px;
    }
}

@media (min-width: 1280px) {
    div.mail-sender {
        width: 60%;
    }
    div.mail-date {
        width: 35%;
        margin-right: 0px;
    }
}

.star_sqdlx {
    color: #0397ef;
}

#demo-2 input[type="text"] {
    width: 15px;
    padding-left: 10px;
    color: transparent;
    cursor: pointer;
}

#demo-2 input[type="text"]:hover {
    background-color: #fff;
}

#demo-2 input[type="text"]:focus {
    width: 130px;
    padding-left: 32px;
    color: #000;
    background-color: #fff;
    cursor: auto;
}

#demo-2 input:-moz-placeholder {
    color: transparent;
}

#demo-2 input::-webkit-input-placeholder {
    color: transparent;
}


/* Taskboard */

.status_cell {
    width: 100%;
    height: 500px !important;
    overflow-y: scroll;
    overflow-x: hidden;
}

.prev_subject {
    white-space: -moz-pre-wrap !important;
    /* Mozilla, since 1999 */
    white-space: -webkit-pre-wrap;
    /*Chrome & Safari */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    white-space: pre-wrap;
    /* css-3 */
    word-wrap: break-word !important;
    /* Internet Explorer 5.5+ */
    word-break: break-all !important;
    white-space: normal !important;
    hyphens: auto;
}

.table-column {
    margin: 5px 8px 0 0;
    width: 48%;
    height: 600px;
    position: relative;
    box-shadow: 0px 0px 1px grey;
}

.table-column-pending {
    margin: 5px 8px 0 0;
    width: 32%;
    height: 600px;
    position: relative;
    box-shadow: 0px 0px 1px grey;
}

.table-column-developing {
    margin: 5px 8px 0 0;
    width: 64%;
    height: 600px;
    position: relative;
    box-shadow: 0px 0px 1px grey;
}

.table-column-dev {
    margin: 5px 8px 0 0;
    width: 48%;
    height: 600px;
    position: relative;
    box-shadow: 0px 0px 1px grey;
}

.table-column-devtest {
    /* margin: -1px 5px 0 0; */
    margin: 0px;
    width: 50%;
    height: 551px;
    position: relative;
    box-shadow: 0px 0px 0px transparent;
}
/*
.table-column .box {
    width: 90%;
}

.table-column-dev .box {
    width: 90%;
}

.table-column-devtest .box {
    width: 90%;
}
*/
.table-body {
    overflow-y: scroll;
    overflow-x: hidden;
    padding-top: 0px;
    background: #ffffff;
}
.table-body_taskboard {
    overflow-y: scroll;
    overflow-x: scroll;
    padding-top: 0px;
    background: #ffffff;
}
.table-element {
    width: 90%;
    margin-left: 5%;
    min-width: 80%!important;
}

.table-header {
    background: #dfdfdf;
}

div.backlog-item {
    list-style-type: none;
    width: 46% !important;
    float: left;
    margin: 15px;
    background: #ffffff;
}

div.backlog-item .info_tk_bkl {
    height: 120px;
}

div.backlog-item .info_tk_bkl .subject_bkl {
    margin-top: 5px;
    height: 45px;
    overflow-y: scroll;
}

@media (min-width: 1280px) {
    div.backlog-item {
        list-style-type: none;
        width: 23% !important;
        float: left;
        margin: 1%;
    }
    .table-column {
        width: 19.1%;
    }
    .table-column-dev {
        width: 38%;
    }
    .table-column-devtest {
        width: 50%;
    }
    .table-column-developing {
        width: 39%;
    }
    .table-column-pending {
        width: 19.5%;
    }
}
@media (min-width: 1240px) and (max-width: 1280px){
    .table-column {
        width: 19.3%;
    }
    .table-column-developing {
        width: 39%;
    }
    .table-column-pending {
        width: 19%;
    }
    }
 @media (min-width: 992px) and (max-width: 1240px) {
    .table-column {
        width: 48%;
    }
    .table-column-developing {
        width: 64%;
    }
    .table-column-pending {
        width: 32%;
    }
}
@media (min-width: 768px) and (max-width: 992px){
    .table-column {
        width: 48%;
    }
    .table-column-developing {
        width: 64%;
    }
    .table-column-pending {
        width: 32%;
    }
}
@media (min-width: 576px) and (max-width: 768px){
    .table-column {
        width: 48.3%;
    }
    .table-column-developing {
        width: 64%;
    }
    .table-column-pending {
        width: 32%;
    }
}




.task-tile-header {
    padding: 18px 10px !important;
    border-radius: 5px 0 0 0;
    width: 100%;
}

.taskboard-box-radius {
    position: absolute;
    top: 0px !important;
    right: 0px !important;
    z-index: 999 !important;
}

.taskboard-tile {
    min-width: 220px;
    height: 210px!important;
    border-radius: 5px;
    position: relative!important;
    margin-top: 15px;
    margin-bottom: 20px;
}

.task-tile-header>.box-title {
    width: 75%;
    height: 18px;
    overflow: scroll;
    font-size: 14px!important;
    color: #FFFFFF;
    font-weight: bold;
}

.taskboard-tile {
    min-width: 220px;
    height: 210px!important;
    border-radius: 5px;
    position: relative !important;
    margin-top: 15px;
    margin-bottom: 20px;
}

.task-tile-header>.box-title {
    width: 75%;
    height: 18px;
    overflow: hidden;
    font-size: 14px !important;
    color: #ffffff;
    font-weight: bold;
}

.task-tile-header>.box-tools {
    right: 35px;
    position: absolute;
    right: 2px!important;
    top: 70px;
}

#settings-backlog-taskboard,
#settings-backlog-taskboard2,
#settings-developing-taskboard,
#settings-improving-taskboard,
#settings-complete-taskboard,
#see-task {
    color: rgb(68, 180, 248);
    font-size: 18px;
    font-weight: bolder;
}

.taskboard-tile>.box-body {
    background: #f4f9fc !important;
    box-shadow: #c2c2c2 2px 2px 10px 0px;
    padding: 15px 15px !important;
    height: 178px;
    width: 100% !important;
    border-right: solid 33px rgb(227, 233, 234);
    margin-top: -25px;
}

.taskboard-tile-cl>.box-body {
    border-right: none!important;
}

.taskboard-column-header {
    background: #b4bcbf !important;
}

.taskboard-column-header .box-title {
    color: #ffffff;
    font-weight: bold;
}

.taskboard-tile>.box-body>.task-description {
    height: 76px !important;
    color: #829198;
    font-size: 14px;
    overflow-y: hidden;
}

.taskboard-tile>.box-body>.task-delivery {
    color: #829198;
    font-size: 12px;
    height: 60px;
    font-weight: bold;
    overflow-y: hidden;
    border-bottom: 2px solid #ffffff;
}

.box.taskboard-tile-danger {
    border-top-color: #c6004c;
}

.box.taskboard-tile-warning {
    border-top-color: #efab14;
}

.box.taskboard-tile-success {
    border-top-color: #80ba54;
}

.box.taskboard-tile-default {
    border-top-color: #b2b2b2;
}

.taskboard-tile-danger>.box-header {
    color: #ffffff;
    background: #f01458;
    background-color: #f01458;
    height: 62px;
    border-top-right-radius: 45px;
    border-bottom-right-radius: 45px;
    border-top-left-radius: 12px;
}

.taskboard-tile-warning>.box-header {
    color: #ffffff;
    background: #ffbe2c;
    background-color: #ffbe2c;
    height: 62px;
    border-top-right-radius: 27px;
    border-bottom-right-radius: 27px;
}

.taskboard-tile-success>.box-header {
    color: #ffffff;
    background: #92cc66;
    background-color: #92cc66;
    height: 62px;
    border-top-right-radius: 27px;
    border-bottom-right-radius: 27px;
}

.taskboard-tile-default>.box-header {
    color: #ffffff;
    background: #c1c1c1;
    background-color: #c1c1c1;
    height: 62px;
    border-top-right-radius: 27px;
    border-bottom-right-radius: 27px;
    padding: 18px!important;
}

.taskboard-tile-event>.box-header {
    color: #ffffff;
    background: #f01458;
    background-color: #f01458;
    height: 62px;
    border-top-right-radius: 27px;
    border-bottom-right-radius: 27px;
}

.task-btn-default {
    background-color: #c1c1c1;
    color: #ffffff;
    border-color: #c1c1c1;
    height: 62px;
    border-top-right-radius: 27px;
    border-bottom-right-radius: 27px;
}

.task-btn-default:hover,
.task-btn-default:active,
.task-btn-default.hover {
    background-color: #e7e7e7;
}

.task-btn-primary {
    background-color: #3c8dbc;
    border-color: #075ebd;
}

.task-btn-primary:hover,
.task-btn-primary:active,
.task-btn-primary.hover {
    background-color: #075ebd;
}

.task-btn-success {
    background-color: #92cc66;
    border-color: #80ba54;
}

.task-btn-success:hover,
.task-btn-success:active,
.task-btn-success.hover {
    background-color: #80ba54;
}

.task-btn-info {
    background-color: #00c0ef;
    border-color: #00acd6;
}

.task-btn-info:hover,
.task-btn-info:active,
.task-btn-info.hover {
    background-color: #00acd6;
}

.task-btn-danger {
    background-color: #f01458;
    border-color: #c6004c;
}

.task-btn-danger:hover,
.task-btn-danger:active,
.task-btn-danger.hover {
    background-color: #c6004c;
}

.task-btn-warning {
    background-color: #ffbe2c;
    border-color: #efab14;
}

.task-btn-warning:hover,
.task-btn-warning:active,
.task-btn-warning.hover {
    background-color: #efab14;
}

.taskboard-box-radius-default {
    background: #c1c1c1 !important;
}

.taskboard-box-radius-danger {
    background: #f01458 !important;
}

.taskboard-box-radius-warning {
    background: #ffbe2c !important;
}

.taskboard-box-radius-success {
    background: #92cc66 !important;
}

.taskboard-box-radius-default .c100:after {
    background: #c1c1c1 !important;
}

.taskboard-box-radius-danger .c100:after {
    background: #f01458 !important;
}

.taskboard-box-radius-warning .c100:after {
    background: #ffbe2c !important;
}

.taskboard-box-radius-success .c100:after {
    background: #92cc66 !important;
}

.taskboard-box-radius-defaultbackgound .c100 {
    background: #c1c1c1 !important;
}

.taskboard-box-radius-dangerbackgound .c100 {
    background: rgb(239, 113, 150) !important;
}

.taskboard-box-radius-warningbackground .c100 {
    background: rgb(245, 202, 115) !important;
}

.taskboard-box-radius-successbackground .c100 {
    background: rgb(175, 211, 149) !important;
}

.taskboard-box-radius-defaultbackgound .c100:after {
    background: #c1c1c1 !important;
}

.taskboard-box-radius-dangerbackgound .c100:after {
    background: rgb(239, 113, 150) !important;
}

.taskboard-box-radius-warningbackground .c100:after {
    background: rgb(245, 202, 115) !important;
}

.taskboard-box-radius-successbackground .c100:after {
    background: rgb(175, 211, 149) !important;
}

span.percentage-default {
    background: #c1c1c1 !important;
    border-radius: 45px;
    width: 84%!important;
    height: 84%;
    margin-top: 4px;
    margin-left: 4px;
}

span.percentage-danger {
    background: #f01458 !important;
    border-radius: 45px;
    width: 84%!important;
    height: 84%;
    margin-top: 4px;
    margin-left: 4px;
}

span.percentage-warning {
    background: #ffbe2c !important;
    border-radius: 45px;
    width: 84%!important;
    height: 84%;
    margin-top: 4px;
    margin-left: 4px;
}

span.percentage-success {
    background: #92cc66 !important;
    border-radius: 45px;
    width: 84%!important;
    height: 84%;
    margin-top: 4px;
    margin-left: 4px;
}


/* .taskboard-box-radius .c100 {
  /* background: #ffffff !important;
} */


/* Mailbox - Folders + Flags */

.custom-menu {
    width: 200px;
    position: absolute !important;
    top: 45px !important;
    margin-left: 15px !important;
}

.dropdown-option {
    overflow: hidden;
    height: 25px;
    padding: 5px;
    position: relative;
}

.dropdown-option:nth-child(odd) {
    background: #f9f9f9;
}

.dropdown-option>div {
    position: absolute;
    top: 3px;
    width: 90%;
    float: right;
}

.dropdown-option>div>label {
    overflow: hidden;
    float: right;
    width: 90%;
    white-space: nowrap;
}

.dropdown-option>div>label>p>span:first-child {
    font-style: italic;
    font-size: 12px;
}

.mailbox-option>p {
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
}

.mailbox-options>input {
    float: left;
    margin-right: 15px;
}

.folder-menu .ui-chkbox-label {
    width: 65%;
    height: 15px;
    font-weight: normal;
    overflow: hidden;
}

.flag-menu .ui-chkbox-label {
    font-weight: normal;
    overflow: hidden;
    width: 50%;
    height: 15px;
}


/* PRIME AND BOOTSTRAP CLASSES - CUSTOMIZED STYLES*/

.left-col-opt .ui-chkbox-box {
    border-radius: 50%;
    height: 15px;
    width: 15px;
}

.left-col-opt .ui-chkbox-box.ui-state-active,
.ui-radiobutton-box.ui-state-active {
    background-color: #b4b4b4;
    border: 1px solid #b4b4b4;
}

.left-col-opt .ui-chkbox-box.ui-state-focus,
.left-col-opt .ui-radiobutton-box.ui-state-focus {
    box-shadow: 0px 0px 5px #cfcfcf;
}

.left-col-opt .ui-chkbox-box span {
    font-size: 12px;
    margin-top: 1px;
}

.menu-filter {
    height: 400px;
    overflow-y: scroll;
}

.menu-filter::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    margin-right: 1px;
}

.menu-filter::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}


/* VIEWPORT SIZE 950PX MAXIMUM - NO REDIMENSION BEFORE THIS SIZE (WIDTH) */

.left-col-opt {
    max-width: 275px;
    min-height: 600px;
    float: left;
    position: relative;
}

.mail-list-col {
    max-width: 275px;
    max-height: 700px;
    float: left;
    position: relative;
}

.mail-col {
    max-width: 400px;
    float: left;
    position: relative;
}

.mail-col .box-body {
    max-height: 585px;
}

.mail-list-col .box-body {
    max-height: 600px;
    overflow: scroll;
}

.flag-menu-container {
    max-height: 265px;
    margin-top: 10px;
    overflow-y: scroll;
}

.folder-menu-container {
    max-height: 265px;
    margin-top: 10px;
    overflow-y: scroll;
}

.box-folder {
    width: 100%;
    max-height: 315px;
    margin-top: 10px;
    padding: 10px;
    background: #ffffff;
    border-radius: 5px;
    border: 1px solid #f4f4f4;
}

.box-flag {
    width: 100%;
    max-height: 315px;
    padding: 10px;
    margin-top: 10px;
    background: #ffffff;
    border-radius: 5px;
    border: 1px solid #f4f4f4;
}

@media (min-width: 950px) {
    .left-col-opt {
        min-width: 265px;
        min-height: 600px;
        float: left;
        position: relative;
    }
    .mail-list-col {
        min-width: 265px;
        max-height: 700px;
        float: left;
        position: relative;
    }
    .mail-col {
        min-width: 400px;
        float: left;
        position: relative;
    }
}

@media (min-width: 1050px) {
    .left-col-opt {
        min-width: 300px;
        min-height: 600px;
    }
    .mail-list-col {
        min-width: 300px;
        max-height: 700px;
    }
    .mail-col {
        max-width: 700px;
        /* max-height:600px; */
    }
    .mail-col .box-body {
        max-height: 585px;
    }
    .mail-list-col .box-body {
        max-height: 600px;
        overflow: scroll;
    }
    .flag-menu-container {
        max-height: 265px;
        margin-top: 10px;
        overflow-y: scroll;
    }
    .folder-menu-container {
        max-height: 265px;
        margin-top: 10px;
        overflow-y: scroll;
    }
    .box-folder {
        width: 100%;
        max-height: 315px;
        margin-top: 10px;
        padding: 10px;
        background: #ffffff;
        border-radius: 5px;
        border: 1px solid #f4f4f4;
    }
    .box-flag {
        width: 100%;
        max-height: 315px;
        padding: 10px;
        margin-top: 10px;
        background: #ffffff;
        border-radius: 5px;
        border: 1px solid #f4f4f4;
    }
}

@media (max-height: 600px) {
    .left-col-opt {
        min-width: 300px;
        max-height: 550px;
    }
    .left-col-opt .box-primary {
        max-height: 550px;
    }
    .box-folder {
        width: 100%;
        max-height: 250px;
        margin-top: 10px;
        padding: 10px;
        background: #ffffff;
        border-radius: 5px;
        border: 1px solid #f4f4f4;
    }
    .box-flag {
        width: 100%;
        max-height: 250px;
        padding: 10px;
        margin-top: 10px;
        background: #ffffff;
        border-radius: 5px;
        border: 1px solid #f4f4f4;
    }
    .flag-menu-container {
        max-height: 140px;
        margin-top: 10px;
        overflow-y: scroll;
    }
    .folder-menu-container {
        max-height: 140px;
        margin-top: 10px;
        overflow-y: scroll;
    }
    .mail-list-col {
        min-width: 300px;
        max-height: 550px;
    }
    .mail-list-col .box-primary {
        max-height: 500px;
    }
    .mail-list-col .box-body {
        max-height: 355px;
        overflow: scroll;
    }
    .mail-col {
        min-width: 200px;
        max-height: 475px;
    }
    .mail-col .box-primary {
        max-height: 475px;
    }
}


/* USER MODULES */

.user-info {
    max-width: 250px;
    height: 50px;
    margin: 10px;
}

.personal-data {
    width: 95%;
}

.no-modify-info {
    margin: 0 auto;
    width: 90%;
}

.ui-inputtext.ui-widget.ui-state-default.ui-corner-all.ui-autocomplete-input {
    width: 160px;
    height: 25px;
}


/* Please put comments */

.scrollable {
    height: 400px;
    overflow: scroll;
}


/* Small Badges + New task */

.border-new-task {
    box-shadow: 0px 0px 10px 5px #fdf364;
}

.badge-notifications {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background: #ce1616;
    text-align: center;
    color: #ffffff;
    font-weight: bolder;
    cursor: pointer;
    margin-right: 5px;
}

.badge_detail {
    margin: 5px 0px 5px 45px;
    height: 45px;
    background: #e6e6e6;
    border-radius: 25px;
    padding: 5px;
}


/* NEW TASKBOARD */

.container-tag {
    width: 100%;
}

.color-tag {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background: #ce1616;
    text-align: center;
    color: #ffffff;
    font-weight: bolder;
    cursor: pointer;
    line-height: 1.3em;
}

.menu-tiles {
    width: 75px;
    height: 75px;
    margin: 10px;
    border: solid 1px black;
    text-align: center;
    padding-top: 10px;
    border-radius: 5px;
    transition: all 0.1s ease-in-out;
    cursor: pointer;
}

.menu-tiles:hover {
    box-shadow: 0px 0px 2px 2px #d3d3d3;
    transition: all 0.2s ease-in-out;
}

.menu-tiles:hover {
    box-shadow: 0px 0px 2px 2px #d3d3d3;
}

.menu-tiles>i {
    font-size: 4em;
}

.menu-brick {
    width: 133px;
    height: 40px;
    margin: 5px;
    transition: all 0.1s ease-in-out;
    cursor: pointer;
    border-radius: 5px;
}

.menu-brick:hover {
    box-shadow: 0px 0px 2px 2px #d3d3de;
}

.dot-selected {
    background: #3498db;
    box-shadow: 0px 0px 2px 2px #a1a1a1;
}

.chosen-option {
    box-shadow: 0px 0px 2px 3px #ffff00;
}

.preview-tag-large {
    width: 95px;
    height: 95px;
    border-radius: 50%;
    margin-left: 32%;
    padding-top: 4%;
    text-align: center;
}

.preview-tag-small {
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
    border-radius: 50%;
    margin-left: 5px;
    text-align: center;
    line-height: 2.2em;
}

.preview-tag-small>i {
    font-size: 1.4em;
    color: #ffffff;
}

.preview-tag-medium {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    margin-left: 10px;
    margin-top: 50px;
    padding-top: 10%;
    text-align: center;
}

.preview-tag-medium:hover {
    transition: all 0.1s ease-in-out;
    box-shadow: 0px 0px 2px 2px #d3d3de;
}

.menu-brick {
    width: 75px;
    height: 35px;
    margin: 10px;
    border: solid 1px black;
    padding: 10px;
}

#othernx {
    overflow: hidden;
    position: fixed;
    width: 100%;
    max-width: 230px;
    background: -webkit-linear-gradient(#034387, #034387, #042656, #000000);
    background: -o-linear-gradient(#034387, #034387, #042656, #000000);
    background: -moz-linear-gradient(#034387, #034387, #042656, #000000);
    background: linear-gradient(#034387, #034387, #042656, #000000);
}

#neoxtop {
    border-bottom: 80px solid rgb(222, 232, 233);
    border-left: 240px solid transparent;
}

.menuicon {
    color: #469df7;
    font-weight: bold;
    font-size: 17px;
}


/* Progress bar circle */


/* .pie-fill,
.c100.p51 .bar:after,
.c100.p51 .fill,
.c100.p52 .bar:after,
.c100.p52 .fill,
.c100.p53 .bar:after,
.c100.p53 .fill,
.c100.p54 .bar:after,
.c100.p54 .fill,
.c100.p55 .bar:after,
.c100.p55 .fill,
.c100.p56 .bar:after,
.c100.p56 .fill,
.c100.p57 .bar:after,
.c100.p57 .fill,
.c100.p58 .bar:after,
.c100.p58 .fill,
.c100.p59 .bar:after,
.c100.p59 .fill,
.c100.p60 .bar:after,
.c100.p60 .fill,
.c100.p61 .bar:after,
.c100.p61 .fill,
.c100.p62 .bar:after,
.c100.p62 .fill,
.c100.p63 .bar:after,
.c100.p63 .fill,
.c100.p64 .bar:after,
.c100.p64 .fill,
.c100.p65 .bar:after,
.c100.p65 .fill,
.c100.p66 .bar:after,
.c100.p66 .fill,
.c100.p67 .bar:after,
.c100.p67 .fill,
.c100.p68 .bar:after,
.c100.p68 .fill,
.c100.p69 .bar:after,
.c100.p69 .fill,
.c100.p70 .bar:after,
.c100.p70 .fill,
.c100.p71 .bar:after,
.c100.p71 .fill,
.c100.p72 .bar:after,
.c100.p72 .fill,
.c100.p73 .bar:after,
.c100.p73 .fill,
.c100.p74 .bar:after,
.c100.p74 .fill,
.c100.p75 .bar:after,
.c100.p75 .fill,
.c100.p76 .bar:after,
.c100.p76 .fill,
.c100.p77 .bar:after,
.c100.p77 .fill,
.c100.p78 .bar:after,
.c100.p78 .fill,
.c100.p79 .bar:after,
.c100.p79 .fill,
.c100.p80 .bar:after,
.c100.p80 .fill,
.c100.p81 .bar:after,
.c100.p81 .fill,
.c100.p82 .bar:after,
.c100.p82 .fill,
.c100.p83 .bar:after,
.c100.p83 .fill,
.c100.p84 .bar:after,
.c100.p84 .fill,
.c100.p85 .bar:after,
.c100.p85 .fill,
.c100.p86 .bar:after,
.c100.p86 .fill,
.c100.p87 .bar:after,
.c100.p87 .fill,
.c100.p88 .bar:after,
.c100.p88 .fill,
.c100.p89 .bar:after,
.c100.p89 .fill,
.c100.p90 .bar:after,
.c100.p90 .fill,
.c100.p91 .bar:after,
.c100.p91 .fill,
.c100.p92 .bar:after,
.c100.p92 .fill,
.c100.p93 .bar:after,
.c100.p93 .fill,
.c100.p94 .bar:after,
.c100.p94 .fill,
.c100.p95 .bar:after,
.c100.p95 .fill,
.c100.p96 .bar:after,
.c100.p96 .fill,
.c100.p97 .bar:after,
.c100.p97 .fill,
.c100.p98 .bar:after,
.c100.p98 .fill,
.c100.p99 .bar:after,
.c100.p99 .fill,
.c100.p100 .bar:after,
.c100.p100 .fill {
  border: 0.1em solid white;
} */

.rect-auto,
.c100.p51 .slice,
.c100.p52 .slice,
.c100.p53 .slice,
.c100.p54 .slice,
.c100.p55 .slice,
.c100.p56 .slice,
.c100.p57 .slice,
.c100.p58 .slice,
.c100.p59 .slice,
.c100.p60 .slice,
.c100.p61 .slice,
.c100.p62 .slice,
.c100.p63 .slice,
.c100.p64 .slice,
.c100.p65 .slice,
.c100.p66 .slice,
.c100.p67 .slice,
.c100.p68 .slice,
.c100.p69 .slice,
.c100.p70 .slice,
.c100.p71 .slice,
.c100.p72 .slice,
.c100.p73 .slice,
.c100.p74 .slice,
.c100.p75 .slice,
.c100.p76 .slice,
.c100.p77 .slice,
.c100.p78 .slice,
.c100.p79 .slice,
.c100.p80 .slice,
.c100.p81 .slice,
.c100.p82 .slice,
.c100.p83 .slice,
.c100.p84 .slice,
.c100.p85 .slice,
.c100.p86 .slice,
.c100.p87 .slice,
.c100.p88 .slice,
.c100.p89 .slice,
.c100.p90 .slice,
.c100.p91 .slice,
.c100.p92 .slice,
.c100.p93 .slice,
.c100.p94 .slice,
.c100.p95 .slice,
.c100.p96 .slice,
.c100.p97 .slice,
.c100.p98 .slice,
.c100.p99 .slice,
.c100.p100 .slice {
    clip: rect(auto, auto, auto, auto);
}

.pie,
.c100 .bar,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill,
.c100.p100 .fill {
    position: absolute;
    border: 0.08em solid #307bbb;
    width: 0.84em;
    height: 0.84em;
    clip: rect(0em, 0.5em, 1em, 0em);
    border-radius: 50%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.pie-fill,
.c100.p51 .bar:after,
.c100.p51 .fill,
.c100.p52 .bar:after,
.c100.p52 .fill,
.c100.p53 .bar:after,
.c100.p53 .fill,
.c100.p54 .bar:after,
.c100.p54 .fill,
.c100.p55 .bar:after,
.c100.p55 .fill,
.c100.p56 .bar:after,
.c100.p56 .fill,
.c100.p57 .bar:after,
.c100.p57 .fill,
.c100.p58 .bar:after,
.c100.p58 .fill,
.c100.p59 .bar:after,
.c100.p59 .fill,
.c100.p60 .bar:after,
.c100.p60 .fill,
.c100.p61 .bar:after,
.c100.p61 .fill,
.c100.p62 .bar:after,
.c100.p62 .fill,
.c100.p63 .bar:after,
.c100.p63 .fill,
.c100.p64 .bar:after,
.c100.p64 .fill,
.c100.p65 .bar:after,
.c100.p65 .fill,
.c100.p66 .bar:after,
.c100.p66 .fill,
.c100.p67 .bar:after,
.c100.p67 .fill,
.c100.p68 .bar:after,
.c100.p68 .fill,
.c100.p69 .bar:after,
.c100.p69 .fill,
.c100.p70 .bar:after,
.c100.p70 .fill,
.c100.p71 .bar:after,
.c100.p71 .fill,
.c100.p72 .bar:after,
.c100.p72 .fill,
.c100.p73 .bar:after,
.c100.p73 .fill,
.c100.p74 .bar:after,
.c100.p74 .fill,
.c100.p75 .bar:after,
.c100.p75 .fill,
.c100.p76 .bar:after,
.c100.p76 .fill,
.c100.p77 .bar:after,
.c100.p77 .fill,
.c100.p78 .bar:after,
.c100.p78 .fill,
.c100.p79 .bar:after,
.c100.p79 .fill,
.c100.p80 .bar:after,
.c100.p80 .fill,
.c100.p81 .bar:after,
.c100.p81 .fill,
.c100.p82 .bar:after,
.c100.p82 .fill,
.c100.p83 .bar:after,
.c100.p83 .fill,
.c100.p84 .bar:after,
.c100.p84 .fill,
.c100.p85 .bar:after,
.c100.p85 .fill,
.c100.p86 .bar:after,
.c100.p86 .fill,
.c100.p87 .bar:after,
.c100.p87 .fill,
.c100.p88 .bar:after,
.c100.p88 .fill,
.c100.p89 .bar:after,
.c100.p89 .fill,
.c100.p90 .bar:after,
.c100.p90 .fill,
.c100.p91 .bar:after,
.c100.p91 .fill,
.c100.p92 .bar:after,
.c100.p92 .fill,
.c100.p93 .bar:after,
.c100.p93 .fill,
.c100.p94 .bar:after,
.c100.p94 .fill,
.c100.p95 .bar:after,
.c100.p95 .fill,
.c100.p96 .bar:after,
.c100.p96 .fill,
.c100.p97 .bar:after,
.c100.p97 .fill,
.c100.p98 .bar:after,
.c100.p98 .fill,
.c100.p99 .bar:after,
.c100.p99 .fill,
.c100.p100 .bar:after,
.c100.p100 .fill {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.c100 {
    position: relative;
    font-size: 120px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    float: left;
    margin: 0 0.1em 0.1em 0;
    background-color: #cccccc;
}

.c100 *,
.c100 *:before,
.c100 *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.c100.center {
    float: none;
    margin: 0 auto;
}

.c100.big {
    font-size: 240px;
}

.c100.small {
    font-size: 80px;
}

.c100.xsmall {
    font-size: 50px;
}

.c100>span {
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    width: 5em;
    line-height: 5em;
    font-size: 0.2em;
    color: #cccccc;
    display: block;
    text-align: center;
    white-space: nowrap;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.c100:after {
    position: absolute;
    top: 0.08em;
    left: 0.08em;
    display: block;
    content: " ";
    border-radius: 50%;
    background-color: #f5f5f5;
    width: 0.84em;
    height: 0.84em;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

.c100 .slice {
    position: absolute;
    width: 1em;
    height: 1em;
    clip: rect(0em, 1em, 1em, 0.5em);
}

.c100.p1 .bar {
    -webkit-transform: rotate(3.6deg);
    -moz-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    -o-transform: rotate(3.6deg);
    transform: rotate(3.6deg);
}

.c100.p2 .bar {
    -webkit-transform: rotate(7.2deg);
    -moz-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    -o-transform: rotate(7.2deg);
    transform: rotate(7.2deg);
}

.c100.p3 .bar {
    -webkit-transform: rotate(10.8deg);
    -moz-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    -o-transform: rotate(10.8deg);
    transform: rotate(10.8deg);
}

.c100.p4 .bar {
    -webkit-transform: rotate(14.4deg);
    -moz-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    -o-transform: rotate(14.4deg);
    transform: rotate(14.4deg);
}

.c100.p5 .bar {
    -webkit-transform: rotate(18deg);
    -moz-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    -o-transform: rotate(18deg);
    transform: rotate(18deg);
}

.c100.p6 .bar {
    -webkit-transform: rotate(21.6deg);
    -moz-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    -o-transform: rotate(21.6deg);
    transform: rotate(21.6deg);
}

.c100.p7 .bar {
    -webkit-transform: rotate(25.2deg);
    -moz-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    -o-transform: rotate(25.2deg);
    transform: rotate(25.2deg);
}

.c100.p8 .bar {
    -webkit-transform: rotate(28.8deg);
    -moz-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    -o-transform: rotate(28.8deg);
    transform: rotate(28.8deg);
}

.c100.p9 .bar {
    -webkit-transform: rotate(32.4deg);
    -moz-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    -o-transform: rotate(32.4deg);
    transform: rotate(32.4deg);
}

.c100.p10 .bar {
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    -o-transform: rotate(36deg);
    transform: rotate(36deg);
}

.c100.p11 .bar {
    -webkit-transform: rotate(39.6deg);
    -moz-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    -o-transform: rotate(39.6deg);
    transform: rotate(39.6deg);
}

.c100.p12 .bar {
    -webkit-transform: rotate(43.2deg);
    -moz-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    -o-transform: rotate(43.2deg);
    transform: rotate(43.2deg);
}

.c100.p13 .bar {
    -webkit-transform: rotate(46.800000000000004deg);
    -moz-transform: rotate(46.800000000000004deg);
    -ms-transform: rotate(46.800000000000004deg);
    -o-transform: rotate(46.800000000000004deg);
    transform: rotate(46.800000000000004deg);
}

.c100.p14 .bar {
    -webkit-transform: rotate(50.4deg);
    -moz-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    -o-transform: rotate(50.4deg);
    transform: rotate(50.4deg);
}

.c100.p15 .bar {
    -webkit-transform: rotate(54deg);
    -moz-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    -o-transform: rotate(54deg);
    transform: rotate(54deg);
}

.c100.p16 .bar {
    -webkit-transform: rotate(57.6deg);
    -moz-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    -o-transform: rotate(57.6deg);
    transform: rotate(57.6deg);
}

.c100.p17 .bar {
    -webkit-transform: rotate(61.2deg);
    -moz-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    -o-transform: rotate(61.2deg);
    transform: rotate(61.2deg);
}

.c100.p18 .bar {
    -webkit-transform: rotate(64.8deg);
    -moz-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    -o-transform: rotate(64.8deg);
    transform: rotate(64.8deg);
}

.c100.p19 .bar {
    -webkit-transform: rotate(68.4deg);
    -moz-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    -o-transform: rotate(68.4deg);
    transform: rotate(68.4deg);
}

.c100.p20 .bar {
    -webkit-transform: rotate(72deg);
    -moz-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    transform: rotate(72deg);
}

.c100.p21 .bar {
    -webkit-transform: rotate(75.60000000000001deg);
    -moz-transform: rotate(75.60000000000001deg);
    -ms-transform: rotate(75.60000000000001deg);
    -o-transform: rotate(75.60000000000001deg);
    transform: rotate(75.60000000000001deg);
}

.c100.p22 .bar {
    -webkit-transform: rotate(79.2deg);
    -moz-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    -o-transform: rotate(79.2deg);
    transform: rotate(79.2deg);
}

.c100.p23 .bar {
    -webkit-transform: rotate(82.8deg);
    -moz-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    -o-transform: rotate(82.8deg);
    transform: rotate(82.8deg);
}

.c100.p24 .bar {
    -webkit-transform: rotate(86.4deg);
    -moz-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    -o-transform: rotate(86.4deg);
    transform: rotate(86.4deg);
}

.c100.p25 .bar {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.c100.p26 .bar {
    -webkit-transform: rotate(93.60000000000001deg);
    -moz-transform: rotate(93.60000000000001deg);
    -ms-transform: rotate(93.60000000000001deg);
    -o-transform: rotate(93.60000000000001deg);
    transform: rotate(93.60000000000001deg);
}

.c100.p27 .bar {
    -webkit-transform: rotate(97.2deg);
    -moz-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    -o-transform: rotate(97.2deg);
    transform: rotate(97.2deg);
}

.c100.p28 .bar {
    -webkit-transform: rotate(100.8deg);
    -moz-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    -o-transform: rotate(100.8deg);
    transform: rotate(100.8deg);
}

.c100.p29 .bar {
    -webkit-transform: rotate(104.4deg);
    -moz-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    -o-transform: rotate(104.4deg);
    transform: rotate(104.4deg);
}

.c100.p30 .bar {
    -webkit-transform: rotate(108deg);
    -moz-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    -o-transform: rotate(108deg);
    transform: rotate(108deg);
}

.c100.p31 .bar {
    -webkit-transform: rotate(111.60000000000001deg);
    -moz-transform: rotate(111.60000000000001deg);
    -ms-transform: rotate(111.60000000000001deg);
    -o-transform: rotate(111.60000000000001deg);
    transform: rotate(111.60000000000001deg);
}

.c100.p32 .bar {
    -webkit-transform: rotate(115.2deg);
    -moz-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    -o-transform: rotate(115.2deg);
    transform: rotate(115.2deg);
}

.c100.p33 .bar {
    -webkit-transform: rotate(118.8deg);
    -moz-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    -o-transform: rotate(118.8deg);
    transform: rotate(118.8deg);
}

.c100.p34 .bar {
    -webkit-transform: rotate(122.4deg);
    -moz-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    -o-transform: rotate(122.4deg);
    transform: rotate(122.4deg);
}

.c100.p35 .bar {
    -webkit-transform: rotate(126deg);
    -moz-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    -o-transform: rotate(126deg);
    transform: rotate(126deg);
}

.c100.p36 .bar {
    -webkit-transform: rotate(129.6deg);
    -moz-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    -o-transform: rotate(129.6deg);
    transform: rotate(129.6deg);
}

.c100.p37 .bar {
    -webkit-transform: rotate(133.20000000000002deg);
    -moz-transform: rotate(133.20000000000002deg);
    -ms-transform: rotate(133.20000000000002deg);
    -o-transform: rotate(133.20000000000002deg);
    transform: rotate(133.20000000000002deg);
}

.c100.p38 .bar {
    -webkit-transform: rotate(136.8deg);
    -moz-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    -o-transform: rotate(136.8deg);
    transform: rotate(136.8deg);
}

.c100.p39 .bar {
    -webkit-transform: rotate(140.4deg);
    -moz-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    -o-transform: rotate(140.4deg);
    transform: rotate(140.4deg);
}

.c100.p40 .bar {
    -webkit-transform: rotate(144deg);
    -moz-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    transform: rotate(144deg);
}

.c100.p41 .bar {
    -webkit-transform: rotate(147.6deg);
    -moz-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    -o-transform: rotate(147.6deg);
    transform: rotate(147.6deg);
}

.c100.p42 .bar {
    -webkit-transform: rotate(151.20000000000002deg);
    -moz-transform: rotate(151.20000000000002deg);
    -ms-transform: rotate(151.20000000000002deg);
    -o-transform: rotate(151.20000000000002deg);
    transform: rotate(151.20000000000002deg);
}

.c100.p43 .bar {
    -webkit-transform: rotate(154.8deg);
    -moz-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    -o-transform: rotate(154.8deg);
    transform: rotate(154.8deg);
}

.c100.p44 .bar {
    -webkit-transform: rotate(158.4deg);
    -moz-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    -o-transform: rotate(158.4deg);
    transform: rotate(158.4deg);
}

.c100.p45 .bar {
    -webkit-transform: rotate(162deg);
    -moz-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    -o-transform: rotate(162deg);
    transform: rotate(162deg);
}

.c100.p46 .bar {
    -webkit-transform: rotate(165.6deg);
    -moz-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    -o-transform: rotate(165.6deg);
    transform: rotate(165.6deg);
}

.c100.p47 .bar {
    -webkit-transform: rotate(169.20000000000002deg);
    -moz-transform: rotate(169.20000000000002deg);
    -ms-transform: rotate(169.20000000000002deg);
    -o-transform: rotate(169.20000000000002deg);
    transform: rotate(169.20000000000002deg);
}

.c100.p48 .bar {
    -webkit-transform: rotate(172.8deg);
    -moz-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    -o-transform: rotate(172.8deg);
    transform: rotate(172.8deg);
}

.c100.p49 .bar {
    -webkit-transform: rotate(176.4deg);
    -moz-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    -o-transform: rotate(176.4deg);
    transform: rotate(176.4deg);
}

.c100.p50 .bar {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.c100.p51 .bar {
    -webkit-transform: rotate(183.6deg);
    -moz-transform: rotate(183.6deg);
    -ms-transform: rotate(183.6deg);
    -o-transform: rotate(183.6deg);
    transform: rotate(183.6deg);
}

.c100.p52 .bar {
    -webkit-transform: rotate(187.20000000000002deg);
    -moz-transform: rotate(187.20000000000002deg);
    -ms-transform: rotate(187.20000000000002deg);
    -o-transform: rotate(187.20000000000002deg);
    transform: rotate(187.20000000000002deg);
}

.c100.p53 .bar {
    -webkit-transform: rotate(190.8deg);
    -moz-transform: rotate(190.8deg);
    -ms-transform: rotate(190.8deg);
    -o-transform: rotate(190.8deg);
    transform: rotate(190.8deg);
}

.c100.p54 .bar {
    -webkit-transform: rotate(194.4deg);
    -moz-transform: rotate(194.4deg);
    -ms-transform: rotate(194.4deg);
    -o-transform: rotate(194.4deg);
    transform: rotate(194.4deg);
}

.c100.p55 .bar {
    -webkit-transform: rotate(198deg);
    -moz-transform: rotate(198deg);
    -ms-transform: rotate(198deg);
    -o-transform: rotate(198deg);
    transform: rotate(198deg);
}

.c100.p56 .bar {
    -webkit-transform: rotate(201.6deg);
    -moz-transform: rotate(201.6deg);
    -ms-transform: rotate(201.6deg);
    -o-transform: rotate(201.6deg);
    transform: rotate(201.6deg);
}

.c100.p57 .bar {
    -webkit-transform: rotate(205.20000000000002deg);
    -moz-transform: rotate(205.20000000000002deg);
    -ms-transform: rotate(205.20000000000002deg);
    -o-transform: rotate(205.20000000000002deg);
    transform: rotate(205.20000000000002deg);
}

.c100.p58 .bar {
    -webkit-transform: rotate(208.8deg);
    -moz-transform: rotate(208.8deg);
    -ms-transform: rotate(208.8deg);
    -o-transform: rotate(208.8deg);
    transform: rotate(208.8deg);
}

.c100.p59 .bar {
    -webkit-transform: rotate(212.4deg);
    -moz-transform: rotate(212.4deg);
    -ms-transform: rotate(212.4deg);
    -o-transform: rotate(212.4deg);
    transform: rotate(212.4deg);
}

.c100.p60 .bar {
    -webkit-transform: rotate(216deg);
    -moz-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    transform: rotate(216deg);
}

.c100.p61 .bar {
    -webkit-transform: rotate(219.6deg);
    -moz-transform: rotate(219.6deg);
    -ms-transform: rotate(219.6deg);
    -o-transform: rotate(219.6deg);
    transform: rotate(219.6deg);
}

.c100.p62 .bar {
    -webkit-transform: rotate(223.20000000000002deg);
    -moz-transform: rotate(223.20000000000002deg);
    -ms-transform: rotate(223.20000000000002deg);
    -o-transform: rotate(223.20000000000002deg);
    transform: rotate(223.20000000000002deg);
}

.c100.p63 .bar {
    -webkit-transform: rotate(226.8deg);
    -moz-transform: rotate(226.8deg);
    -ms-transform: rotate(226.8deg);
    -o-transform: rotate(226.8deg);
    transform: rotate(226.8deg);
}

.c100.p64 .bar {
    -webkit-transform: rotate(230.4deg);
    -moz-transform: rotate(230.4deg);
    -ms-transform: rotate(230.4deg);
    -o-transform: rotate(230.4deg);
    transform: rotate(230.4deg);
}

.c100.p65 .bar {
    -webkit-transform: rotate(234deg);
    -moz-transform: rotate(234deg);
    -ms-transform: rotate(234deg);
    -o-transform: rotate(234deg);
    transform: rotate(234deg);
}

.c100.p66 .bar {
    -webkit-transform: rotate(237.6deg);
    -moz-transform: rotate(237.6deg);
    -ms-transform: rotate(237.6deg);
    -o-transform: rotate(237.6deg);
    transform: rotate(237.6deg);
}

.c100.p67 .bar {
    -webkit-transform: rotate(241.20000000000002deg);
    -moz-transform: rotate(241.20000000000002deg);
    -ms-transform: rotate(241.20000000000002deg);
    -o-transform: rotate(241.20000000000002deg);
    transform: rotate(241.20000000000002deg);
}

.c100.p68 .bar {
    -webkit-transform: rotate(244.8deg);
    -moz-transform: rotate(244.8deg);
    -ms-transform: rotate(244.8deg);
    -o-transform: rotate(244.8deg);
    transform: rotate(244.8deg);
}

.c100.p69 .bar {
    -webkit-transform: rotate(248.4deg);
    -moz-transform: rotate(248.4deg);
    -ms-transform: rotate(248.4deg);
    -o-transform: rotate(248.4deg);
    transform: rotate(248.4deg);
}

.c100.p70 .bar {
    -webkit-transform: rotate(252deg);
    -moz-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    -o-transform: rotate(252deg);
    transform: rotate(252deg);
}

.c100.p71 .bar {
    -webkit-transform: rotate(255.6deg);
    -moz-transform: rotate(255.6deg);
    -ms-transform: rotate(255.6deg);
    -o-transform: rotate(255.6deg);
    transform: rotate(255.6deg);
}

.c100.p72 .bar {
    -webkit-transform: rotate(259.2deg);
    -moz-transform: rotate(259.2deg);
    -ms-transform: rotate(259.2deg);
    -o-transform: rotate(259.2deg);
    transform: rotate(259.2deg);
}

.c100.p73 .bar {
    -webkit-transform: rotate(262.8deg);
    -moz-transform: rotate(262.8deg);
    -ms-transform: rotate(262.8deg);
    -o-transform: rotate(262.8deg);
    transform: rotate(262.8deg);
}

.c100.p74 .bar {
    -webkit-transform: rotate(266.40000000000003deg);
    -moz-transform: rotate(266.40000000000003deg);
    -ms-transform: rotate(266.40000000000003deg);
    -o-transform: rotate(266.40000000000003deg);
    transform: rotate(266.40000000000003deg);
}

.c100.p75 .bar {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.c100.p76 .bar {
    -webkit-transform: rotate(273.6deg);
    -moz-transform: rotate(273.6deg);
    -ms-transform: rotate(273.6deg);
    -o-transform: rotate(273.6deg);
    transform: rotate(273.6deg);
}

.c100.p77 .bar {
    -webkit-transform: rotate(277.2deg);
    -moz-transform: rotate(277.2deg);
    -ms-transform: rotate(277.2deg);
    -o-transform: rotate(277.2deg);
    transform: rotate(277.2deg);
}

.c100.p78 .bar {
    -webkit-transform: rotate(280.8deg);
    -moz-transform: rotate(280.8deg);
    -ms-transform: rotate(280.8deg);
    -o-transform: rotate(280.8deg);
    transform: rotate(280.8deg);
}

.c100.p79 .bar {
    -webkit-transform: rotate(284.40000000000003deg);
    -moz-transform: rotate(284.40000000000003deg);
    -ms-transform: rotate(284.40000000000003deg);
    -o-transform: rotate(284.40000000000003deg);
    transform: rotate(284.40000000000003deg);
}

.c100.p80 .bar {
    -webkit-transform: rotate(288deg);
    -moz-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    transform: rotate(288deg);
}

.c100.p81 .bar {
    -webkit-transform: rotate(291.6deg);
    -moz-transform: rotate(291.6deg);
    -ms-transform: rotate(291.6deg);
    -o-transform: rotate(291.6deg);
    transform: rotate(291.6deg);
}

.c100.p82 .bar {
    -webkit-transform: rotate(295.2deg);
    -moz-transform: rotate(295.2deg);
    -ms-transform: rotate(295.2deg);
    -o-transform: rotate(295.2deg);
    transform: rotate(295.2deg);
}

.c100.p83 .bar {
    -webkit-transform: rotate(298.8deg);
    -moz-transform: rotate(298.8deg);
    -ms-transform: rotate(298.8deg);
    -o-transform: rotate(298.8deg);
    transform: rotate(298.8deg);
}

.c100.p84 .bar {
    -webkit-transform: rotate(302.40000000000003deg);
    -moz-transform: rotate(302.40000000000003deg);
    -ms-transform: rotate(302.40000000000003deg);
    -o-transform: rotate(302.40000000000003deg);
    transform: rotate(302.40000000000003deg);
}

.c100.p85 .bar {
    -webkit-transform: rotate(306deg);
    -moz-transform: rotate(306deg);
    -ms-transform: rotate(306deg);
    -o-transform: rotate(306deg);
    transform: rotate(306deg);
}

.c100.p86 .bar {
    -webkit-transform: rotate(309.6deg);
    -moz-transform: rotate(309.6deg);
    -ms-transform: rotate(309.6deg);
    -o-transform: rotate(309.6deg);
    transform: rotate(309.6deg);
}

.c100.p87 .bar {
    -webkit-transform: rotate(313.2deg);
    -moz-transform: rotate(313.2deg);
    -ms-transform: rotate(313.2deg);
    -o-transform: rotate(313.2deg);
    transform: rotate(313.2deg);
}

.c100.p88 .bar {
    -webkit-transform: rotate(316.8deg);
    -moz-transform: rotate(316.8deg);
    -ms-transform: rotate(316.8deg);
    -o-transform: rotate(316.8deg);
    transform: rotate(316.8deg);
}

.c100.p89 .bar {
    -webkit-transform: rotate(320.40000000000003deg);
    -moz-transform: rotate(320.40000000000003deg);
    -ms-transform: rotate(320.40000000000003deg);
    -o-transform: rotate(320.40000000000003deg);
    transform: rotate(320.40000000000003deg);
}

.c100.p90 .bar {
    -webkit-transform: rotate(324deg);
    -moz-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    -o-transform: rotate(324deg);
    transform: rotate(324deg);
}

.c100.p91 .bar {
    -webkit-transform: rotate(327.6deg);
    -moz-transform: rotate(327.6deg);
    -ms-transform: rotate(327.6deg);
    -o-transform: rotate(327.6deg);
    transform: rotate(327.6deg);
}

.c100.p92 .bar {
    -webkit-transform: rotate(331.2deg);
    -moz-transform: rotate(331.2deg);
    -ms-transform: rotate(331.2deg);
    -o-transform: rotate(331.2deg);
    transform: rotate(331.2deg);
}

.c100.p93 .bar {
    -webkit-transform: rotate(334.8deg);
    -moz-transform: rotate(334.8deg);
    -ms-transform: rotate(334.8deg);
    -o-transform: rotate(334.8deg);
    transform: rotate(334.8deg);
}

.c100.p94 .bar {
    -webkit-transform: rotate(338.40000000000003deg);
    -moz-transform: rotate(338.40000000000003deg);
    -ms-transform: rotate(338.40000000000003deg);
    -o-transform: rotate(338.40000000000003deg);
    transform: rotate(338.40000000000003deg);
}

.c100.p95 .bar {
    -webkit-transform: rotate(342deg);
    -moz-transform: rotate(342deg);
    -ms-transform: rotate(342deg);
    -o-transform: rotate(342deg);
    transform: rotate(342deg);
}

.c100.p96 .bar {
    -webkit-transform: rotate(345.6deg);
    -moz-transform: rotate(345.6deg);
    -ms-transform: rotate(345.6deg);
    -o-transform: rotate(345.6deg);
    transform: rotate(345.6deg);
}

.c100.p97 .bar {
    -webkit-transform: rotate(349.2deg);
    -moz-transform: rotate(349.2deg);
    -ms-transform: rotate(349.2deg);
    -o-transform: rotate(349.2deg);
    transform: rotate(349.2deg);
}

.c100.p98 .bar {
    -webkit-transform: rotate(352.8deg);
    -moz-transform: rotate(352.8deg);
    -ms-transform: rotate(352.8deg);
    -o-transform: rotate(352.8deg);
    transform: rotate(352.8deg);
}

.c100.p99 .bar {
    -webkit-transform: rotate(356.40000000000003deg);
    -moz-transform: rotate(356.40000000000003deg);
    -ms-transform: rotate(356.40000000000003deg);
    -o-transform: rotate(356.40000000000003deg);
    transform: rotate(356.40000000000003deg);
}

.c100.p100 .bar {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

.c100:hover {
    cursor: default;
}

.c100:hover>span {
    width: 3.33em;
    line-height: 3.33em;
    font-size: 0.3em;
    color: #307bbb;
}

.c100:hover:after {
    top: 0.04em;
    left: 0.04em;
    width: 0.92em;
    height: 0.92em;
}

.c100.dark {
    background-color: #777777;
}

.c100.dark .bar,
.c100.dark .fill {
    border-color: #c6ff00 !important;
}

.c100.dark>span {
    color: #777777;
}

.c100.dark:after {
    background-color: #666666;
}

.c100.dark:hover>span {
    color: #c6ff00;
}

.c100.green .bar,
.c100.green .fill {
    border-color: #4db53c !important;
}

.c100.green:hover>span {
    color: #4db53c;
}

.c100.green.dark .bar,
.c100.green.dark .fill {
    border-color: #5fd400 !important;
}

.c100.green.dark:hover>span {
    color: #5fd400;
}

.c100.orange .bar,
.c100.orange .fill {
    border-color: #dd9d22 !important;
}

.c100.orange:hover>span {
    color: #dd9d22;
}

.c100.orange.dark .bar,
.c100.orange.dark .fill {
    border-color: #e08833 !important;
}

.c100.orange.dark:hover>span {
    color: #e08833;
}

.row.types-request {
    margin-top: 10px;
    margin-bottom: 20px;
    position: relative;
    left: 10%;
}

.types {
    color: white;
    text-align: center;
    border-radius: 15px;
    min-width: 230px;
    box-shadow: 0 0 0.4em 0.4em rgba(199, 195, 202, 0.4);
}

.types_request {
    color: white;
    text-align: center;
    border-radius: 15px;
    max-width: 250px;
    max-height: 160px;
    min-width: 250px;
    min-height: 160px;
    margin-left: 20px;
    margin-right: 10px;
    box-shadow: 0 0 0.4em 0.4em rgba(199, 195, 202, 0.4);
}

.button-types {
    border-radius: 10px;
    /* background: #c6004c; */
    text-align: center;
    max-width: 50px;
    max-height: 50px;
    display: inline;
    margin: 2px;
}

.button-type-ia {
    border-radius: 10px;
    background: #efab14;
    text-align: center;
    max-width: 50px;
    max-height: 50px;
    display: inline;
    margin: 2px;
}

.button-type-im {
    border-radius: 10px;
    background: #80ba54;
    text-align: center;
    max-width: 50px;
    max-height: 50px;
    display: inline;
    margin: 2px;
}

.header-types {
    background-color: transparent !important;
    color: white;
    text-align: center;
    height: 50px;
    size: 1em;
    padding: 0px;
}

.content-buttons {
    margin: auto;
}

.c100 *,
.c100 *:before,
.c100 *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.c100.center {
    float: none;
    margin: 0 auto;
}

.c100.big {
    font-size: 240px;
}

.c100.small {
    font-size: 80px;
}

.c100.xsmall {
    font-size: 50px;
}

.c100>span {
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    width: 5em;
    line-height: 5em;
    font-size: 0.2em;
    color: #cccccc;
    display: block;
    text-align: center;
    white-space: nowrap;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.c100:after {
    position: absolute;
    top: 0.08em;
    left: 0.08em;
    display: block;
    content: " ";
    border-radius: 50%;
    background-color: #f5f5f5;
    width: 0.84em;
    height: 0.84em;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

.c100 .slice {
    position: absolute;
    width: 1em;
    height: 1em;
    clip: rect(0em, 1em, 1em, 0.5em);
}

.c100.p1 .bar {
    -webkit-transform: rotate(3.6deg);
    -moz-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    -o-transform: rotate(3.6deg);
    transform: rotate(3.6deg);
}

.c100.p2 .bar {
    -webkit-transform: rotate(7.2deg);
    -moz-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    -o-transform: rotate(7.2deg);
    transform: rotate(7.2deg);
}

.c100.p3 .bar {
    -webkit-transform: rotate(10.8deg);
    -moz-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    -o-transform: rotate(10.8deg);
    transform: rotate(10.8deg);
}

.c100.p4 .bar {
    -webkit-transform: rotate(14.4deg);
    -moz-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    -o-transform: rotate(14.4deg);
    transform: rotate(14.4deg);
}

.c100.p5 .bar {
    -webkit-transform: rotate(18deg);
    -moz-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    -o-transform: rotate(18deg);
    transform: rotate(18deg);
}

.c100.p6 .bar {
    -webkit-transform: rotate(21.6deg);
    -moz-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    -o-transform: rotate(21.6deg);
    transform: rotate(21.6deg);
}

.c100.p7 .bar {
    -webkit-transform: rotate(25.2deg);
    -moz-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    -o-transform: rotate(25.2deg);
    transform: rotate(25.2deg);
}

.c100.p8 .bar {
    -webkit-transform: rotate(28.8deg);
    -moz-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    -o-transform: rotate(28.8deg);
    transform: rotate(28.8deg);
}

.c100.p9 .bar {
    -webkit-transform: rotate(32.4deg);
    -moz-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    -o-transform: rotate(32.4deg);
    transform: rotate(32.4deg);
}

.c100.p10 .bar {
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    -o-transform: rotate(36deg);
    transform: rotate(36deg);
}

.c100.p11 .bar {
    -webkit-transform: rotate(39.6deg);
    -moz-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    -o-transform: rotate(39.6deg);
    transform: rotate(39.6deg);
}

.c100.p12 .bar {
    -webkit-transform: rotate(43.2deg);
    -moz-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    -o-transform: rotate(43.2deg);
    transform: rotate(43.2deg);
}

.c100.p13 .bar {
    -webkit-transform: rotate(46.800000000000004deg);
    -moz-transform: rotate(46.800000000000004deg);
    -ms-transform: rotate(46.800000000000004deg);
    -o-transform: rotate(46.800000000000004deg);
    transform: rotate(46.800000000000004deg);
}

.c100.p14 .bar {
    -webkit-transform: rotate(50.4deg);
    -moz-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    -o-transform: rotate(50.4deg);
    transform: rotate(50.4deg);
}

.c100.p15 .bar {
    -webkit-transform: rotate(54deg);
    -moz-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    -o-transform: rotate(54deg);
    transform: rotate(54deg);
}

.c100.p16 .bar {
    -webkit-transform: rotate(57.6deg);
    -moz-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    -o-transform: rotate(57.6deg);
    transform: rotate(57.6deg);
}

.c100.p17 .bar {
    -webkit-transform: rotate(61.2deg);
    -moz-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    -o-transform: rotate(61.2deg);
    transform: rotate(61.2deg);
}

.c100.p18 .bar {
    -webkit-transform: rotate(64.8deg);
    -moz-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    -o-transform: rotate(64.8deg);
    transform: rotate(64.8deg);
}

.c100.p19 .bar {
    -webkit-transform: rotate(68.4deg);
    -moz-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    -o-transform: rotate(68.4deg);
    transform: rotate(68.4deg);
}

.c100.p20 .bar {
    -webkit-transform: rotate(72deg);
    -moz-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    transform: rotate(72deg);
}

.c100.p21 .bar {
    -webkit-transform: rotate(75.60000000000001deg);
    -moz-transform: rotate(75.60000000000001deg);
    -ms-transform: rotate(75.60000000000001deg);
    -o-transform: rotate(75.60000000000001deg);
    transform: rotate(75.60000000000001deg);
}

.c100.p22 .bar {
    -webkit-transform: rotate(79.2deg);
    -moz-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    -o-transform: rotate(79.2deg);
    transform: rotate(79.2deg);
}

.c100.p23 .bar {
    -webkit-transform: rotate(82.8deg);
    -moz-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    -o-transform: rotate(82.8deg);
    transform: rotate(82.8deg);
}

.c100.p24 .bar {
    -webkit-transform: rotate(86.4deg);
    -moz-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    -o-transform: rotate(86.4deg);
    transform: rotate(86.4deg);
}

.c100.p25 .bar {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.c100.p26 .bar {
    -webkit-transform: rotate(93.60000000000001deg);
    -moz-transform: rotate(93.60000000000001deg);
    -ms-transform: rotate(93.60000000000001deg);
    -o-transform: rotate(93.60000000000001deg);
    transform: rotate(93.60000000000001deg);
}

.c100.p27 .bar {
    -webkit-transform: rotate(97.2deg);
    -moz-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    -o-transform: rotate(97.2deg);
    transform: rotate(97.2deg);
}

.c100.p28 .bar {
    -webkit-transform: rotate(100.8deg);
    -moz-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    -o-transform: rotate(100.8deg);
    transform: rotate(100.8deg);
}

.c100.p29 .bar {
    -webkit-transform: rotate(104.4deg);
    -moz-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    -o-transform: rotate(104.4deg);
    transform: rotate(104.4deg);
}

.c100.p30 .bar {
    -webkit-transform: rotate(108deg);
    -moz-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    -o-transform: rotate(108deg);
    transform: rotate(108deg);
}

.c100.p31 .bar {
    -webkit-transform: rotate(111.60000000000001deg);
    -moz-transform: rotate(111.60000000000001deg);
    -ms-transform: rotate(111.60000000000001deg);
    -o-transform: rotate(111.60000000000001deg);
    transform: rotate(111.60000000000001deg);
}

.c100.p32 .bar {
    -webkit-transform: rotate(115.2deg);
    -moz-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    -o-transform: rotate(115.2deg);
    transform: rotate(115.2deg);
}

.c100.p33 .bar {
    -webkit-transform: rotate(118.8deg);
    -moz-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    -o-transform: rotate(118.8deg);
    transform: rotate(118.8deg);
}

.c100.p34 .bar {
    -webkit-transform: rotate(122.4deg);
    -moz-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    -o-transform: rotate(122.4deg);
    transform: rotate(122.4deg);
}

.c100.p35 .bar {
    -webkit-transform: rotate(126deg);
    -moz-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    -o-transform: rotate(126deg);
    transform: rotate(126deg);
}

.c100.p36 .bar {
    -webkit-transform: rotate(129.6deg);
    -moz-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    -o-transform: rotate(129.6deg);
    transform: rotate(129.6deg);
}

.c100.p37 .bar {
    -webkit-transform: rotate(133.20000000000002deg);
    -moz-transform: rotate(133.20000000000002deg);
    -ms-transform: rotate(133.20000000000002deg);
    -o-transform: rotate(133.20000000000002deg);
    transform: rotate(133.20000000000002deg);
}

.c100.p38 .bar {
    -webkit-transform: rotate(136.8deg);
    -moz-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    -o-transform: rotate(136.8deg);
    transform: rotate(136.8deg);
}

.c100.p39 .bar {
    -webkit-transform: rotate(140.4deg);
    -moz-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    -o-transform: rotate(140.4deg);
    transform: rotate(140.4deg);
}

.c100.p40 .bar {
    -webkit-transform: rotate(144deg);
    -moz-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    transform: rotate(144deg);
}

.c100.p41 .bar {
    -webkit-transform: rotate(147.6deg);
    -moz-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    -o-transform: rotate(147.6deg);
    transform: rotate(147.6deg);
}

.c100.p42 .bar {
    -webkit-transform: rotate(151.20000000000002deg);
    -moz-transform: rotate(151.20000000000002deg);
    -ms-transform: rotate(151.20000000000002deg);
    -o-transform: rotate(151.20000000000002deg);
    transform: rotate(151.20000000000002deg);
}

.c100.p43 .bar {
    -webkit-transform: rotate(154.8deg);
    -moz-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    -o-transform: rotate(154.8deg);
    transform: rotate(154.8deg);
}

.c100.p44 .bar {
    -webkit-transform: rotate(158.4deg);
    -moz-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    -o-transform: rotate(158.4deg);
    transform: rotate(158.4deg);
}

.c100.p45 .bar {
    -webkit-transform: rotate(162deg);
    -moz-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    -o-transform: rotate(162deg);
    transform: rotate(162deg);
}

.c100.p46 .bar {
    -webkit-transform: rotate(165.6deg);
    -moz-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    -o-transform: rotate(165.6deg);
    transform: rotate(165.6deg);
}

.c100.p47 .bar {
    -webkit-transform: rotate(169.20000000000002deg);
    -moz-transform: rotate(169.20000000000002deg);
    -ms-transform: rotate(169.20000000000002deg);
    -o-transform: rotate(169.20000000000002deg);
    transform: rotate(169.20000000000002deg);
}

.c100.p48 .bar {
    -webkit-transform: rotate(172.8deg);
    -moz-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    -o-transform: rotate(172.8deg);
    transform: rotate(172.8deg);
}

.c100.p49 .bar {
    -webkit-transform: rotate(176.4deg);
    -moz-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    -o-transform: rotate(176.4deg);
    transform: rotate(176.4deg);
}

.c100.p50 .bar {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.c100.p51 .bar {
    -webkit-transform: rotate(183.6deg);
    -moz-transform: rotate(183.6deg);
    -ms-transform: rotate(183.6deg);
    -o-transform: rotate(183.6deg);
    transform: rotate(183.6deg);
}

.c100.p52 .bar {
    -webkit-transform: rotate(187.20000000000002deg);
    -moz-transform: rotate(187.20000000000002deg);
    -ms-transform: rotate(187.20000000000002deg);
    -o-transform: rotate(187.20000000000002deg);
    transform: rotate(187.20000000000002deg);
}

.c100.p53 .bar {
    -webkit-transform: rotate(190.8deg);
    -moz-transform: rotate(190.8deg);
    -ms-transform: rotate(190.8deg);
    -o-transform: rotate(190.8deg);
    transform: rotate(190.8deg);
}

.c100.p54 .bar {
    -webkit-transform: rotate(194.4deg);
    -moz-transform: rotate(194.4deg);
    -ms-transform: rotate(194.4deg);
    -o-transform: rotate(194.4deg);
    transform: rotate(194.4deg);
}

.c100.p55 .bar {
    -webkit-transform: rotate(198deg);
    -moz-transform: rotate(198deg);
    -ms-transform: rotate(198deg);
    -o-transform: rotate(198deg);
    transform: rotate(198deg);
}

.c100.p56 .bar {
    -webkit-transform: rotate(201.6deg);
    -moz-transform: rotate(201.6deg);
    -ms-transform: rotate(201.6deg);
    -o-transform: rotate(201.6deg);
    transform: rotate(201.6deg);
}

.c100.p57 .bar {
    -webkit-transform: rotate(205.20000000000002deg);
    -moz-transform: rotate(205.20000000000002deg);
    -ms-transform: rotate(205.20000000000002deg);
    -o-transform: rotate(205.20000000000002deg);
    transform: rotate(205.20000000000002deg);
}

.c100.p58 .bar {
    -webkit-transform: rotate(208.8deg);
    -moz-transform: rotate(208.8deg);
    -ms-transform: rotate(208.8deg);
    -o-transform: rotate(208.8deg);
    transform: rotate(208.8deg);
}

.c100.p59 .bar {
    -webkit-transform: rotate(212.4deg);
    -moz-transform: rotate(212.4deg);
    -ms-transform: rotate(212.4deg);
    -o-transform: rotate(212.4deg);
    transform: rotate(212.4deg);
}

.c100.p60 .bar {
    -webkit-transform: rotate(216deg);
    -moz-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    transform: rotate(216deg);
}

.c100.p61 .bar {
    -webkit-transform: rotate(219.6deg);
    -moz-transform: rotate(219.6deg);
    -ms-transform: rotate(219.6deg);
    -o-transform: rotate(219.6deg);
    transform: rotate(219.6deg);
}

.c100.p62 .bar {
    -webkit-transform: rotate(223.20000000000002deg);
    -moz-transform: rotate(223.20000000000002deg);
    -ms-transform: rotate(223.20000000000002deg);
    -o-transform: rotate(223.20000000000002deg);
    transform: rotate(223.20000000000002deg);
}

.c100.p63 .bar {
    -webkit-transform: rotate(226.8deg);
    -moz-transform: rotate(226.8deg);
    -ms-transform: rotate(226.8deg);
    -o-transform: rotate(226.8deg);
    transform: rotate(226.8deg);
}

.c100.p64 .bar {
    -webkit-transform: rotate(230.4deg);
    -moz-transform: rotate(230.4deg);
    -ms-transform: rotate(230.4deg);
    -o-transform: rotate(230.4deg);
    transform: rotate(230.4deg);
}

.c100.p65 .bar {
    -webkit-transform: rotate(234deg);
    -moz-transform: rotate(234deg);
    -ms-transform: rotate(234deg);
    -o-transform: rotate(234deg);
    transform: rotate(234deg);
}

.c100.p66 .bar {
    -webkit-transform: rotate(237.6deg);
    -moz-transform: rotate(237.6deg);
    -ms-transform: rotate(237.6deg);
    -o-transform: rotate(237.6deg);
    transform: rotate(237.6deg);
}

.c100.p67 .bar {
    -webkit-transform: rotate(241.20000000000002deg);
    -moz-transform: rotate(241.20000000000002deg);
    -ms-transform: rotate(241.20000000000002deg);
    -o-transform: rotate(241.20000000000002deg);
    transform: rotate(241.20000000000002deg);
}

.c100.p68 .bar {
    -webkit-transform: rotate(244.8deg);
    -moz-transform: rotate(244.8deg);
    -ms-transform: rotate(244.8deg);
    -o-transform: rotate(244.8deg);
    transform: rotate(244.8deg);
}

.c100.p69 .bar {
    -webkit-transform: rotate(248.4deg);
    -moz-transform: rotate(248.4deg);
    -ms-transform: rotate(248.4deg);
    -o-transform: rotate(248.4deg);
    transform: rotate(248.4deg);
}

.c100.p70 .bar {
    -webkit-transform: rotate(252deg);
    -moz-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    -o-transform: rotate(252deg);
    transform: rotate(252deg);
}

.c100.p71 .bar {
    -webkit-transform: rotate(255.6deg);
    -moz-transform: rotate(255.6deg);
    -ms-transform: rotate(255.6deg);
    -o-transform: rotate(255.6deg);
    transform: rotate(255.6deg);
}

.c100.p72 .bar {
    -webkit-transform: rotate(259.2deg);
    -moz-transform: rotate(259.2deg);
    -ms-transform: rotate(259.2deg);
    -o-transform: rotate(259.2deg);
    transform: rotate(259.2deg);
}

.c100.p73 .bar {
    -webkit-transform: rotate(262.8deg);
    -moz-transform: rotate(262.8deg);
    -ms-transform: rotate(262.8deg);
    -o-transform: rotate(262.8deg);
    transform: rotate(262.8deg);
}

.c100.p74 .bar {
    -webkit-transform: rotate(266.40000000000003deg);
    -moz-transform: rotate(266.40000000000003deg);
    -ms-transform: rotate(266.40000000000003deg);
    -o-transform: rotate(266.40000000000003deg);
    transform: rotate(266.40000000000003deg);
}

.c100.p75 .bar {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.c100.p76 .bar {
    -webkit-transform: rotate(273.6deg);
    -moz-transform: rotate(273.6deg);
    -ms-transform: rotate(273.6deg);
    -o-transform: rotate(273.6deg);
    transform: rotate(273.6deg);
}

.c100.p77 .bar {
    -webkit-transform: rotate(277.2deg);
    -moz-transform: rotate(277.2deg);
    -ms-transform: rotate(277.2deg);
    -o-transform: rotate(277.2deg);
    transform: rotate(277.2deg);
}

.c100.p78 .bar {
    -webkit-transform: rotate(280.8deg);
    -moz-transform: rotate(280.8deg);
    -ms-transform: rotate(280.8deg);
    -o-transform: rotate(280.8deg);
    transform: rotate(280.8deg);
}

.c100.p79 .bar {
    -webkit-transform: rotate(284.40000000000003deg);
    -moz-transform: rotate(284.40000000000003deg);
    -ms-transform: rotate(284.40000000000003deg);
    -o-transform: rotate(284.40000000000003deg);
    transform: rotate(284.40000000000003deg);
}

.c100.p80 .bar {
    -webkit-transform: rotate(288deg);
    -moz-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    transform: rotate(288deg);
}

.c100.p81 .bar {
    -webkit-transform: rotate(291.6deg);
    -moz-transform: rotate(291.6deg);
    -ms-transform: rotate(291.6deg);
    -o-transform: rotate(291.6deg);
    transform: rotate(291.6deg);
}

.c100.p82 .bar {
    -webkit-transform: rotate(295.2deg);
    -moz-transform: rotate(295.2deg);
    -ms-transform: rotate(295.2deg);
    -o-transform: rotate(295.2deg);
    transform: rotate(295.2deg);
}

.c100.p83 .bar {
    -webkit-transform: rotate(298.8deg);
    -moz-transform: rotate(298.8deg);
    -ms-transform: rotate(298.8deg);
    -o-transform: rotate(298.8deg);
    transform: rotate(298.8deg);
}

.c100.p84 .bar {
    -webkit-transform: rotate(302.40000000000003deg);
    -moz-transform: rotate(302.40000000000003deg);
    -ms-transform: rotate(302.40000000000003deg);
    -o-transform: rotate(302.40000000000003deg);
    transform: rotate(302.40000000000003deg);
}

.c100.p85 .bar {
    -webkit-transform: rotate(306deg);
    -moz-transform: rotate(306deg);
    -ms-transform: rotate(306deg);
    -o-transform: rotate(306deg);
    transform: rotate(306deg);
}

.c100.p86 .bar {
    -webkit-transform: rotate(309.6deg);
    -moz-transform: rotate(309.6deg);
    -ms-transform: rotate(309.6deg);
    -o-transform: rotate(309.6deg);
    transform: rotate(309.6deg);
}

.c100.p87 .bar {
    -webkit-transform: rotate(313.2deg);
    -moz-transform: rotate(313.2deg);
    -ms-transform: rotate(313.2deg);
    -o-transform: rotate(313.2deg);
    transform: rotate(313.2deg);
}

.c100.p88 .bar {
    -webkit-transform: rotate(316.8deg);
    -moz-transform: rotate(316.8deg);
    -ms-transform: rotate(316.8deg);
    -o-transform: rotate(316.8deg);
    transform: rotate(316.8deg);
}

.c100.p89 .bar {
    -webkit-transform: rotate(320.40000000000003deg);
    -moz-transform: rotate(320.40000000000003deg);
    -ms-transform: rotate(320.40000000000003deg);
    -o-transform: rotate(320.40000000000003deg);
    transform: rotate(320.40000000000003deg);
}

.c100.p90 .bar {
    -webkit-transform: rotate(324deg);
    -moz-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    -o-transform: rotate(324deg);
    transform: rotate(324deg);
}

.c100.p91 .bar {
    -webkit-transform: rotate(327.6deg);
    -moz-transform: rotate(327.6deg);
    -ms-transform: rotate(327.6deg);
    -o-transform: rotate(327.6deg);
    transform: rotate(327.6deg);
}

.c100.p92 .bar {
    -webkit-transform: rotate(331.2deg);
    -moz-transform: rotate(331.2deg);
    -ms-transform: rotate(331.2deg);
    -o-transform: rotate(331.2deg);
    transform: rotate(331.2deg);
}

.c100.p93 .bar {
    -webkit-transform: rotate(334.8deg);
    -moz-transform: rotate(334.8deg);
    -ms-transform: rotate(334.8deg);
    -o-transform: rotate(334.8deg);
    transform: rotate(334.8deg);
}

.c100.p94 .bar {
    -webkit-transform: rotate(338.40000000000003deg);
    -moz-transform: rotate(338.40000000000003deg);
    -ms-transform: rotate(338.40000000000003deg);
    -o-transform: rotate(338.40000000000003deg);
    transform: rotate(338.40000000000003deg);
}

.c100.p95 .bar {
    -webkit-transform: rotate(342deg);
    -moz-transform: rotate(342deg);
    -ms-transform: rotate(342deg);
    -o-transform: rotate(342deg);
    transform: rotate(342deg);
}

.c100.p96 .bar {
    -webkit-transform: rotate(345.6deg);
    -moz-transform: rotate(345.6deg);
    -ms-transform: rotate(345.6deg);
    -o-transform: rotate(345.6deg);
    transform: rotate(345.6deg);
}

.c100.p97 .bar {
    -webkit-transform: rotate(349.2deg);
    -moz-transform: rotate(349.2deg);
    -ms-transform: rotate(349.2deg);
    -o-transform: rotate(349.2deg);
    transform: rotate(349.2deg);
}

.c100.p98 .bar {
    -webkit-transform: rotate(352.8deg);
    -moz-transform: rotate(352.8deg);
    -ms-transform: rotate(352.8deg);
    -o-transform: rotate(352.8deg);
    transform: rotate(352.8deg);
}

.c100.p99 .bar {
    -webkit-transform: rotate(356.40000000000003deg);
    -moz-transform: rotate(356.40000000000003deg);
    -ms-transform: rotate(356.40000000000003deg);
    -o-transform: rotate(356.40000000000003deg);
    transform: rotate(356.40000000000003deg);
}

.c100.p100 .bar {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

.c100:hover {
    cursor: default;
}

.c100:hover>span {
    width: 3.33em;
    line-height: 3.33em;
    font-size: 0.3em;
    color: #307bbb;
}

.c100:hover:after {
    top: 0.04em;
    left: 0.04em;
    width: 0.92em;
    height: 0.92em;
}

.c100.dark {
    background-color: #777777;
}

.c100.dark .bar,
.c100.dark .fill {
    border-color: #c6ff00 !important;
}

.c100.dark>span {
    color: #777777;
}

.c100.dark:after {
    background-color: #666666;
}

.c100.dark:hover>span {
    color: #c6ff00;
}

.c100.green .bar,
.c100.green .fill {
    border-color: #4db53c !important;
}

.c100.green:hover>span {
    color: #4db53c;
}

.c100.green.dark .bar,
.c100.green.dark .fill {
    border-color: #5fd400 !important;
}

.c100.green.dark:hover>span {
    color: #5fd400;
}

.c100.orange .bar,
.c100.orange .fill {
    border-color: #dd9d22 !important;
}

.c100.orange:hover>span {
    color: #dd9d22;
}

.c100.orange.dark .bar,
.c100.orange.dark .fill {
    border-color: #e08833 !important;
}

.c100.orange.dark:hover>span {
    color: #e08833;
}

.headerg-types {
    background-color: #f4b642;
    color: white;
    text-align: center;
    height: 50px;
    size: 1em;
    padding: 10px;
}

.content-type {
    margin: 0 auto !important;
}


/* .buttons-type{
    display: block;
  } */

.button-row {
    display: inline-flex;
}

.c100.center {
    float: none;
    margin: 0 auto;
}

.c100.big {
    font-size: 240px;
}

.c100.small {
    font-size: 80px;
}

.c100.xsmall {
    font-size: 50px;
}

.c100>span {
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    width: 5em;
    line-height: 5em;
    font-size: 0.2em;
    color: #cccccc;
    display: block;
    text-align: center;
    white-space: nowrap;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.c100:after {
    position: absolute;
    top: 0.08em;
    left: 0.08em;
    display: block;
    content: " ";
    border-radius: 50%;
    background-color: #f5f5f5;
    width: 0.84em;
    height: 0.84em;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

.c100 .slice {
    position: absolute;
    width: 1em;
    height: 1em;
    clip: rect(0em, 1em, 1em, 0.5em);
}

.c100.p1 .bar {
    -webkit-transform: rotate(3.6deg);
    -moz-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    -o-transform: rotate(3.6deg);
    transform: rotate(3.6deg);
}

.c100.p2 .bar {
    -webkit-transform: rotate(7.2deg);
    -moz-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    -o-transform: rotate(7.2deg);
    transform: rotate(7.2deg);
}

.c100.p3 .bar {
    -webkit-transform: rotate(10.8deg);
    -moz-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    -o-transform: rotate(10.8deg);
    transform: rotate(10.8deg);
}

.c100.p4 .bar {
    -webkit-transform: rotate(14.4deg);
    -moz-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    -o-transform: rotate(14.4deg);
    transform: rotate(14.4deg);
}

.c100.p5 .bar {
    -webkit-transform: rotate(18deg);
    -moz-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    -o-transform: rotate(18deg);
    transform: rotate(18deg);
}

.c100.p6 .bar {
    -webkit-transform: rotate(21.6deg);
    -moz-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    -o-transform: rotate(21.6deg);
    transform: rotate(21.6deg);
}

.c100.p7 .bar {
    -webkit-transform: rotate(25.2deg);
    -moz-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    -o-transform: rotate(25.2deg);
    transform: rotate(25.2deg);
}

.c100.p8 .bar {
    -webkit-transform: rotate(28.8deg);
    -moz-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    -o-transform: rotate(28.8deg);
    transform: rotate(28.8deg);
}

.c100.p9 .bar {
    -webkit-transform: rotate(32.4deg);
    -moz-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    -o-transform: rotate(32.4deg);
    transform: rotate(32.4deg);
}

.c100.p10 .bar {
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    -o-transform: rotate(36deg);
    transform: rotate(36deg);
}

.c100.p11 .bar {
    -webkit-transform: rotate(39.6deg);
    -moz-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    -o-transform: rotate(39.6deg);
    transform: rotate(39.6deg);
}

.c100.p12 .bar {
    -webkit-transform: rotate(43.2deg);
    -moz-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    -o-transform: rotate(43.2deg);
    transform: rotate(43.2deg);
}

.c100.p13 .bar {
    -webkit-transform: rotate(46.800000000000004deg);
    -moz-transform: rotate(46.800000000000004deg);
    -ms-transform: rotate(46.800000000000004deg);
    -o-transform: rotate(46.800000000000004deg);
    transform: rotate(46.800000000000004deg);
}

.c100.p14 .bar {
    -webkit-transform: rotate(50.4deg);
    -moz-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    -o-transform: rotate(50.4deg);
    transform: rotate(50.4deg);
}

.c100.p15 .bar {
    -webkit-transform: rotate(54deg);
    -moz-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    -o-transform: rotate(54deg);
    transform: rotate(54deg);
}

.c100.p16 .bar {
    -webkit-transform: rotate(57.6deg);
    -moz-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    -o-transform: rotate(57.6deg);
    transform: rotate(57.6deg);
}

.c100.p17 .bar {
    -webkit-transform: rotate(61.2deg);
    -moz-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    -o-transform: rotate(61.2deg);
    transform: rotate(61.2deg);
}

.c100.p18 .bar {
    -webkit-transform: rotate(64.8deg);
    -moz-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    -o-transform: rotate(64.8deg);
    transform: rotate(64.8deg);
}

.c100.p19 .bar {
    -webkit-transform: rotate(68.4deg);
    -moz-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    -o-transform: rotate(68.4deg);
    transform: rotate(68.4deg);
}

.c100.p20 .bar {
    -webkit-transform: rotate(72deg);
    -moz-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    transform: rotate(72deg);
}

.c100.p21 .bar {
    -webkit-transform: rotate(75.60000000000001deg);
    -moz-transform: rotate(75.60000000000001deg);
    -ms-transform: rotate(75.60000000000001deg);
    -o-transform: rotate(75.60000000000001deg);
    transform: rotate(75.60000000000001deg);
}

.c100.p22 .bar {
    -webkit-transform: rotate(79.2deg);
    -moz-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    -o-transform: rotate(79.2deg);
    transform: rotate(79.2deg);
}

.c100.p23 .bar {
    -webkit-transform: rotate(82.8deg);
    -moz-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    -o-transform: rotate(82.8deg);
    transform: rotate(82.8deg);
}

.c100.p24 .bar {
    -webkit-transform: rotate(86.4deg);
    -moz-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    -o-transform: rotate(86.4deg);
    transform: rotate(86.4deg);
}

.c100.p25 .bar {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.c100.p26 .bar {
    -webkit-transform: rotate(93.60000000000001deg);
    -moz-transform: rotate(93.60000000000001deg);
    -ms-transform: rotate(93.60000000000001deg);
    -o-transform: rotate(93.60000000000001deg);
    transform: rotate(93.60000000000001deg);
}

.c100.p27 .bar {
    -webkit-transform: rotate(97.2deg);
    -moz-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    -o-transform: rotate(97.2deg);
    transform: rotate(97.2deg);
}

.c100.p28 .bar {
    -webkit-transform: rotate(100.8deg);
    -moz-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    -o-transform: rotate(100.8deg);
    transform: rotate(100.8deg);
}

.c100.p29 .bar {
    -webkit-transform: rotate(104.4deg);
    -moz-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    -o-transform: rotate(104.4deg);
    transform: rotate(104.4deg);
}

.c100.p30 .bar {
    -webkit-transform: rotate(108deg);
    -moz-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    -o-transform: rotate(108deg);
    transform: rotate(108deg);
}

.c100.p31 .bar {
    -webkit-transform: rotate(111.60000000000001deg);
    -moz-transform: rotate(111.60000000000001deg);
    -ms-transform: rotate(111.60000000000001deg);
    -o-transform: rotate(111.60000000000001deg);
    transform: rotate(111.60000000000001deg);
}

.c100.p32 .bar {
    -webkit-transform: rotate(115.2deg);
    -moz-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    -o-transform: rotate(115.2deg);
    transform: rotate(115.2deg);
}

.c100.p33 .bar {
    -webkit-transform: rotate(118.8deg);
    -moz-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    -o-transform: rotate(118.8deg);
    transform: rotate(118.8deg);
}

.c100.p34 .bar {
    -webkit-transform: rotate(122.4deg);
    -moz-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    -o-transform: rotate(122.4deg);
    transform: rotate(122.4deg);
}

.c100.p35 .bar {
    -webkit-transform: rotate(126deg);
    -moz-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    -o-transform: rotate(126deg);
    transform: rotate(126deg);
}

.c100.p36 .bar {
    -webkit-transform: rotate(129.6deg);
    -moz-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    -o-transform: rotate(129.6deg);
    transform: rotate(129.6deg);
}

.c100.p37 .bar {
    -webkit-transform: rotate(133.20000000000002deg);
    -moz-transform: rotate(133.20000000000002deg);
    -ms-transform: rotate(133.20000000000002deg);
    -o-transform: rotate(133.20000000000002deg);
    transform: rotate(133.20000000000002deg);
}

.c100.p38 .bar {
    -webkit-transform: rotate(136.8deg);
    -moz-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    -o-transform: rotate(136.8deg);
    transform: rotate(136.8deg);
}

.c100.p39 .bar {
    -webkit-transform: rotate(140.4deg);
    -moz-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    -o-transform: rotate(140.4deg);
    transform: rotate(140.4deg);
}

.c100.p40 .bar {
    -webkit-transform: rotate(144deg);
    -moz-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    transform: rotate(144deg);
}

.c100.p41 .bar {
    -webkit-transform: rotate(147.6deg);
    -moz-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    -o-transform: rotate(147.6deg);
    transform: rotate(147.6deg);
}

.c100.p42 .bar {
    -webkit-transform: rotate(151.20000000000002deg);
    -moz-transform: rotate(151.20000000000002deg);
    -ms-transform: rotate(151.20000000000002deg);
    -o-transform: rotate(151.20000000000002deg);
    transform: rotate(151.20000000000002deg);
}

.c100.p43 .bar {
    -webkit-transform: rotate(154.8deg);
    -moz-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    -o-transform: rotate(154.8deg);
    transform: rotate(154.8deg);
}

.c100.p44 .bar {
    -webkit-transform: rotate(158.4deg);
    -moz-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    -o-transform: rotate(158.4deg);
    transform: rotate(158.4deg);
}

.c100.p45 .bar {
    -webkit-transform: rotate(162deg);
    -moz-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    -o-transform: rotate(162deg);
    transform: rotate(162deg);
}

.c100.p46 .bar {
    -webkit-transform: rotate(165.6deg);
    -moz-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    -o-transform: rotate(165.6deg);
    transform: rotate(165.6deg);
}

.c100.p47 .bar {
    -webkit-transform: rotate(169.20000000000002deg);
    -moz-transform: rotate(169.20000000000002deg);
    -ms-transform: rotate(169.20000000000002deg);
    -o-transform: rotate(169.20000000000002deg);
    transform: rotate(169.20000000000002deg);
}

.c100.p48 .bar {
    -webkit-transform: rotate(172.8deg);
    -moz-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    -o-transform: rotate(172.8deg);
    transform: rotate(172.8deg);
}

.c100.p49 .bar {
    -webkit-transform: rotate(176.4deg);
    -moz-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    -o-transform: rotate(176.4deg);
    transform: rotate(176.4deg);
}

.c100.p50 .bar {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.c100.p51 .bar {
    -webkit-transform: rotate(183.6deg);
    -moz-transform: rotate(183.6deg);
    -ms-transform: rotate(183.6deg);
    -o-transform: rotate(183.6deg);
    transform: rotate(183.6deg);
}

.c100.p52 .bar {
    -webkit-transform: rotate(187.20000000000002deg);
    -moz-transform: rotate(187.20000000000002deg);
    -ms-transform: rotate(187.20000000000002deg);
    -o-transform: rotate(187.20000000000002deg);
    transform: rotate(187.20000000000002deg);
}

.c100.p53 .bar {
    -webkit-transform: rotate(190.8deg);
    -moz-transform: rotate(190.8deg);
    -ms-transform: rotate(190.8deg);
    -o-transform: rotate(190.8deg);
    transform: rotate(190.8deg);
}

.c100.p54 .bar {
    -webkit-transform: rotate(194.4deg);
    -moz-transform: rotate(194.4deg);
    -ms-transform: rotate(194.4deg);
    -o-transform: rotate(194.4deg);
    transform: rotate(194.4deg);
}

.c100.p55 .bar {
    -webkit-transform: rotate(198deg);
    -moz-transform: rotate(198deg);
    -ms-transform: rotate(198deg);
    -o-transform: rotate(198deg);
    transform: rotate(198deg);
}

.c100.p56 .bar {
    -webkit-transform: rotate(201.6deg);
    -moz-transform: rotate(201.6deg);
    -ms-transform: rotate(201.6deg);
    -o-transform: rotate(201.6deg);
    transform: rotate(201.6deg);
}

.c100.p57 .bar {
    -webkit-transform: rotate(205.20000000000002deg);
    -moz-transform: rotate(205.20000000000002deg);
    -ms-transform: rotate(205.20000000000002deg);
    -o-transform: rotate(205.20000000000002deg);
    transform: rotate(205.20000000000002deg);
}

.c100.p58 .bar {
    -webkit-transform: rotate(208.8deg);
    -moz-transform: rotate(208.8deg);
    -ms-transform: rotate(208.8deg);
    -o-transform: rotate(208.8deg);
    transform: rotate(208.8deg);
}

.c100.p59 .bar {
    -webkit-transform: rotate(212.4deg);
    -moz-transform: rotate(212.4deg);
    -ms-transform: rotate(212.4deg);
    -o-transform: rotate(212.4deg);
    transform: rotate(212.4deg);
}

.c100.p60 .bar {
    -webkit-transform: rotate(216deg);
    -moz-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    transform: rotate(216deg);
}

.c100.p61 .bar {
    -webkit-transform: rotate(219.6deg);
    -moz-transform: rotate(219.6deg);
    -ms-transform: rotate(219.6deg);
    -o-transform: rotate(219.6deg);
    transform: rotate(219.6deg);
}

.c100.p62 .bar {
    -webkit-transform: rotate(223.20000000000002deg);
    -moz-transform: rotate(223.20000000000002deg);
    -ms-transform: rotate(223.20000000000002deg);
    -o-transform: rotate(223.20000000000002deg);
    transform: rotate(223.20000000000002deg);
}

.c100.p63 .bar {
    -webkit-transform: rotate(226.8deg);
    -moz-transform: rotate(226.8deg);
    -ms-transform: rotate(226.8deg);
    -o-transform: rotate(226.8deg);
    transform: rotate(226.8deg);
}

.c100.p64 .bar {
    -webkit-transform: rotate(230.4deg);
    -moz-transform: rotate(230.4deg);
    -ms-transform: rotate(230.4deg);
    -o-transform: rotate(230.4deg);
    transform: rotate(230.4deg);
}

.c100.p65 .bar {
    -webkit-transform: rotate(234deg);
    -moz-transform: rotate(234deg);
    -ms-transform: rotate(234deg);
    -o-transform: rotate(234deg);
    transform: rotate(234deg);
}

.c100.p66 .bar {
    -webkit-transform: rotate(237.6deg);
    -moz-transform: rotate(237.6deg);
    -ms-transform: rotate(237.6deg);
    -o-transform: rotate(237.6deg);
    transform: rotate(237.6deg);
}

.c100.p67 .bar {
    -webkit-transform: rotate(241.20000000000002deg);
    -moz-transform: rotate(241.20000000000002deg);
    -ms-transform: rotate(241.20000000000002deg);
    -o-transform: rotate(241.20000000000002deg);
    transform: rotate(241.20000000000002deg);
}

.c100.p68 .bar {
    -webkit-transform: rotate(244.8deg);
    -moz-transform: rotate(244.8deg);
    -ms-transform: rotate(244.8deg);
    -o-transform: rotate(244.8deg);
    transform: rotate(244.8deg);
}

.c100.p69 .bar {
    -webkit-transform: rotate(248.4deg);
    -moz-transform: rotate(248.4deg);
    -ms-transform: rotate(248.4deg);
    -o-transform: rotate(248.4deg);
    transform: rotate(248.4deg);
}

.c100.p70 .bar {
    -webkit-transform: rotate(252deg);
    -moz-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    -o-transform: rotate(252deg);
    transform: rotate(252deg);
}

.c100.p71 .bar {
    -webkit-transform: rotate(255.6deg);
    -moz-transform: rotate(255.6deg);
    -ms-transform: rotate(255.6deg);
    -o-transform: rotate(255.6deg);
    transform: rotate(255.6deg);
}

.c100.p72 .bar {
    -webkit-transform: rotate(259.2deg);
    -moz-transform: rotate(259.2deg);
    -ms-transform: rotate(259.2deg);
    -o-transform: rotate(259.2deg);
    transform: rotate(259.2deg);
}

.c100.p73 .bar {
    -webkit-transform: rotate(262.8deg);
    -moz-transform: rotate(262.8deg);
    -ms-transform: rotate(262.8deg);
    -o-transform: rotate(262.8deg);
    transform: rotate(262.8deg);
}

.c100.p74 .bar {
    -webkit-transform: rotate(266.40000000000003deg);
    -moz-transform: rotate(266.40000000000003deg);
    -ms-transform: rotate(266.40000000000003deg);
    -o-transform: rotate(266.40000000000003deg);
    transform: rotate(266.40000000000003deg);
}

.c100.p75 .bar {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.c100.p76 .bar {
    -webkit-transform: rotate(273.6deg);
    -moz-transform: rotate(273.6deg);
    -ms-transform: rotate(273.6deg);
    -o-transform: rotate(273.6deg);
    transform: rotate(273.6deg);
}

.c100.p77 .bar {
    -webkit-transform: rotate(277.2deg);
    -moz-transform: rotate(277.2deg);
    -ms-transform: rotate(277.2deg);
    -o-transform: rotate(277.2deg);
    transform: rotate(277.2deg);
}

.c100.p78 .bar {
    -webkit-transform: rotate(280.8deg);
    -moz-transform: rotate(280.8deg);
    -ms-transform: rotate(280.8deg);
    -o-transform: rotate(280.8deg);
    transform: rotate(280.8deg);
}

.c100.p79 .bar {
    -webkit-transform: rotate(284.40000000000003deg);
    -moz-transform: rotate(284.40000000000003deg);
    -ms-transform: rotate(284.40000000000003deg);
    -o-transform: rotate(284.40000000000003deg);
    transform: rotate(284.40000000000003deg);
}

.c100.p80 .bar {
    -webkit-transform: rotate(288deg);
    -moz-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    transform: rotate(288deg);
}

.c100.p81 .bar {
    -webkit-transform: rotate(291.6deg);
    -moz-transform: rotate(291.6deg);
    -ms-transform: rotate(291.6deg);
    -o-transform: rotate(291.6deg);
    transform: rotate(291.6deg);
}

.c100.p82 .bar {
    -webkit-transform: rotate(295.2deg);
    -moz-transform: rotate(295.2deg);
    -ms-transform: rotate(295.2deg);
    -o-transform: rotate(295.2deg);
    transform: rotate(295.2deg);
}

.c100.p83 .bar {
    -webkit-transform: rotate(298.8deg);
    -moz-transform: rotate(298.8deg);
    -ms-transform: rotate(298.8deg);
    -o-transform: rotate(298.8deg);
    transform: rotate(298.8deg);
}

.c100.p84 .bar {
    -webkit-transform: rotate(302.40000000000003deg);
    -moz-transform: rotate(302.40000000000003deg);
    -ms-transform: rotate(302.40000000000003deg);
    -o-transform: rotate(302.40000000000003deg);
    transform: rotate(302.40000000000003deg);
}

.c100.p85 .bar {
    -webkit-transform: rotate(306deg);
    -moz-transform: rotate(306deg);
    -ms-transform: rotate(306deg);
    -o-transform: rotate(306deg);
    transform: rotate(306deg);
}

.c100.p86 .bar {
    -webkit-transform: rotate(309.6deg);
    -moz-transform: rotate(309.6deg);
    -ms-transform: rotate(309.6deg);
    -o-transform: rotate(309.6deg);
    transform: rotate(309.6deg);
}

.c100.p87 .bar {
    -webkit-transform: rotate(313.2deg);
    -moz-transform: rotate(313.2deg);
    -ms-transform: rotate(313.2deg);
    -o-transform: rotate(313.2deg);
    transform: rotate(313.2deg);
}

.c100.p88 .bar {
    -webkit-transform: rotate(316.8deg);
    -moz-transform: rotate(316.8deg);
    -ms-transform: rotate(316.8deg);
    -o-transform: rotate(316.8deg);
    transform: rotate(316.8deg);
}

.c100.p89 .bar {
    -webkit-transform: rotate(320.40000000000003deg);
    -moz-transform: rotate(320.40000000000003deg);
    -ms-transform: rotate(320.40000000000003deg);
    -o-transform: rotate(320.40000000000003deg);
    transform: rotate(320.40000000000003deg);
}

.c100.p90 .bar {
    -webkit-transform: rotate(324deg);
    -moz-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    -o-transform: rotate(324deg);
    transform: rotate(324deg);
}

.c100.p91 .bar {
    -webkit-transform: rotate(327.6deg);
    -moz-transform: rotate(327.6deg);
    -ms-transform: rotate(327.6deg);
    -o-transform: rotate(327.6deg);
    transform: rotate(327.6deg);
}

.c100.p92 .bar {
    -webkit-transform: rotate(331.2deg);
    -moz-transform: rotate(331.2deg);
    -ms-transform: rotate(331.2deg);
    -o-transform: rotate(331.2deg);
    transform: rotate(331.2deg);
}

.c100.p93 .bar {
    -webkit-transform: rotate(334.8deg);
    -moz-transform: rotate(334.8deg);
    -ms-transform: rotate(334.8deg);
    -o-transform: rotate(334.8deg);
    transform: rotate(334.8deg);
}

.c100.p94 .bar {
    -webkit-transform: rotate(338.40000000000003deg);
    -moz-transform: rotate(338.40000000000003deg);
    -ms-transform: rotate(338.40000000000003deg);
    -o-transform: rotate(338.40000000000003deg);
    transform: rotate(338.40000000000003deg);
}

.c100.p95 .bar {
    -webkit-transform: rotate(342deg);
    -moz-transform: rotate(342deg);
    -ms-transform: rotate(342deg);
    -o-transform: rotate(342deg);
    transform: rotate(342deg);
}

.c100.p96 .bar {
    -webkit-transform: rotate(345.6deg);
    -moz-transform: rotate(345.6deg);
    -ms-transform: rotate(345.6deg);
    -o-transform: rotate(345.6deg);
    transform: rotate(345.6deg);
}

.c100.p97 .bar {
    -webkit-transform: rotate(349.2deg);
    -moz-transform: rotate(349.2deg);
    -ms-transform: rotate(349.2deg);
    -o-transform: rotate(349.2deg);
    transform: rotate(349.2deg);
}

.c100.p98 .bar {
    -webkit-transform: rotate(352.8deg);
    -moz-transform: rotate(352.8deg);
    -ms-transform: rotate(352.8deg);
    -o-transform: rotate(352.8deg);
    transform: rotate(352.8deg);
}

.c100.p99 .bar {
    -webkit-transform: rotate(356.40000000000003deg);
    -moz-transform: rotate(356.40000000000003deg);
    -ms-transform: rotate(356.40000000000003deg);
    -o-transform: rotate(356.40000000000003deg);
    transform: rotate(356.40000000000003deg);
}

.c100.p100 .bar {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

.c100:hover {
    cursor: default;
}

.c100:hover>span {
    width: 3.33em;
    line-height: 3.33em;
    font-size: 0.3em;
    color: #307bbb;
}

.c100:hover:after {
    top: 0.04em;
    left: 0.04em;
    width: 0.92em;
    height: 0.92em;
}

.c100.dark {
    background-color: #777777;
}

.c100.dark .bar,
.c100.dark .fill {
    border-color: #c6ff00 !important;
}

.c100.dark>span {
    color: #777777;
}

.c100.dark:after {
    background-color: #666666;
}

.c100.dark:hover>span {
    color: #c6ff00;
}

.c100.green .bar,
.c100.green .fill {
    border-color: #4db53c !important;
}

.c100.green:hover>span {
    color: #4db53c;
}

.c100.green.dark .bar,
.c100.green.dark .fill {
    border-color: #5fd400 !important;
}

.c100.green.dark:hover>span {
    color: #5fd400;
}

.c100.orange .bar,
.c100.orange .fill {
    border-color: #dd9d22 !important;
}

.c100.orange:hover>span {
    color: #dd9d22;
}

.c100.orange.dark .bar,
.c100.orange.dark .fill {
    border-color: #e08833 !important;
}

.c100.orange.dark:hover>span {
    color: #e08833;
}

.type-content {
    text-align: left;
    height: 100px;
    overflow: scroll;
    background: white;
    padding-left: 0px;
    border-radius: 15px;
}

.event-boton {
    border-radius: 25px !important;
    height: 35px !important;
    color: #fff;
}

.event-boton:hover {
    color: white;
}

.boxboton:hover {
    color: white;
}

.box.box-primary2 {
    border-top-color: #f3ede5;
}

.colortype {
    width: 10px;
    height: 10px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: auto;
    margin-left: auto;
}

.boxboton {
    background: white;
    padding-bottom: 15px;
}

.filter-boton {
    padding: 0px !important;
    background: transparent !important;
    border: transparent !important;
}

.row13 {
    float: left;
}


/* PARAMETERS */

.box-header-params {
    margin: 0 auto;
    color: #444;
    display: block;
    padding: 10px;
    position: relative;
    border-bottom: 1px solid #f4f4f4;
    text-align: center;
}

.box-body {
    padding: 0 !important;
}

.box-params {
    background: #ffffff;
    border-top: 1px solid #dce3e6;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

#results-params {
    text-align: center;
    font-weight: 500;
}

#results-params>thead {
    background: #fff;
    color: #6a777c;
}

#results-params>thead>th {
    text-align: center;
}

#results-params td>a {
    color: #6a777c;
}

.modal-content-params .col-xs-3 {
    color: #6a777c;
}

.modal-content-params .col-xs-6 {
    color: #919da1;
}

.modal-title-params {
    color: #fff;
}

#results-params>tbody>tr:nth-of-type(odd) {
    background-color: #fff;
}

.contacts-controls-params {
    padding-top: 10px;
    background: #dce3e6;
    margin-top: 10px;
    height: 48px;
    border-radius: 50px;
}

.btn-add {
    border-radius: 50px !important;
    width: 58px !important;
    margin-right: 5px;
    outline: 0 !important;
    background-color: #80ba54 !important;
    border-color: #80ba54 !important;
    padding: 5px 9px;
    font-size: 12px;
    line-height: 1.5;
}

.btn-close {
    border-radius: 50px !important;
    width: 62px !important;
    margin-right: 5px;
    color: #fff;
    border-color: #80ba54;
    background-color: #80ba54;
    width: 10px;
    font-weight: bold;
}

.btn-refresh,
.btn-del {
    border-radius: 50px !important;
    width: 82px !important;
    margin-right: 5px;
}

.btn-group-params i {
    margin: 0px 5px;
    color: #0fb4ff;
}

.modal-content-params {
    position: relative;
    background-color: #fff;
    border-radius: 20px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
}

.modal-header-info-params>span {
    color: #fff;
    margin-left: 20px;
    font-weight: bold;
    font-size: 1.2em;
}

.modal-header-info-params {
    background-color: #007bd2;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

.close-params {
    float: right;
    font-size: 21px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.9;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.content-parameters {
    padding: 0px 50px;
}

.content-table-parameters {
    padding: 0px 70px !important;
    margin-top: 40px;
}

.btn-addParams {
    margin-top: 40px;
    border-radius: 50px !important;
    width: 160px !important;
    outline: 0 !important;
    background-color: #80ba54 !important;
    border-color: #80ba54 !important;
}


/*Request Types*/

.box-header.with-border-e {
    border-bottom: 2px solid #c6004c;
    font-weight: bold;
}

.box-header.with-border-ia {
    border-bottom: 2px solid #efab14;
}

.box-header.with-border-im {
    border-bottom: 2px solid #80ba54;
    font-weight: bold;
}

.box-header.without-border {
    border-bottom: none;
    background-color: white !important;
}

.col-xs-6.counter-request-e {
    border-right: 2px solid #c6004c;
}

.col-xs-6.counter-request-e h1 {
    margin-top: 10px;
    margin-bottom: 0px;
}

.col-xs-6.counter-request-e h3 {
    margin-top: 0px;
    margin-bottom: 3px;
    position: relative;
    bottom: 10%;
}

.col-xs-6.counter-request-ia h1 {
    margin-top: 10px;
    margin-bottom: 0px;
}

.col-xs-6.counter-request-ia h3 {
    margin-top: 0px;
    margin-bottom: 3px;
}

.col-xs-6.counter-request-im h1 {
    margin-top: 10px;
    margin-bottom: 0px;
}

.col-xs-6.counter-request-im h3 {
    margin-top: 0px;
    margin-bottom: 3px;
}

.col-xs-6.counter-request-ia {
    border-right: 2px solid #efab14;
}

.col-xs-6.counter-request-im {
    border-right: 2px solid #80ba54;
}

h4.modal-title.title-category {
    text-transform: uppercase;
    text-align: center;
}

h4.modal-title.tittle-request {
    text-transform: uppercase;
}

img.img-imple {
    width: 32px;
    margin: 5px;
    margin-top: -6px;
}

img.img-impro {
    width: 27px;
    margin: 5px;
    margin-top: -10px;
}

img.img-error {
    width: 28px;
    margin: 5px;
    margin-top: 0px;
}

img.img-upload {
    width: 15px;
    margin: 5px;
    margin-top: 0px;
}

img.more-info {
    width: 28px;
    margin: -3px;
    margin-top: -19px;
}

img.img-close {
    width: 24px;
    margin: 5px;
    margin-top: -1px;
}

img.img-arrow {
    width: 30px !important;
    margin: -3px;
    margin-top: 0px;
    margin-left: -5px;
}

.ui-state-highlight {
    border-color: #007bd2;
    background: #007bd2;
    color: #ffffff;
    border-radius: 10px;
}

label.ui-dropdown-label.ui-inputtext.ui-corner-all {
    height: 32px;
    padding: 8px;
}

textarea.form-control2 {
    height: 32px;
    border-radius: 15px;
    color: #707070;
    background-color: #e6eef2;
    border-color: #e6eef2;
    font-weight: 500;
    width: -webkit-fill-available;
    padding: 5px;
}

.close-request {
    float: right !important;
    font-size: 21px !important;
    font-weight: bold !important;
    line-height: 1 !important;
    color: #000 !important;
    text-shadow: 0 1px 0 #fff !important;
    opacity: 1 !important;
}

.table-responsive2 {
    overflow-x: visible;
    min-height: 300px;
    overflow-y: scroll;
    max-height: 663px;
}

table.table-hover.table-striped.table-category {
    margin-bottom: 0px;
    color: #707070;
}

.btn-save {
    color: white !important;
    border-radius: 25px !important;
    height: 35px !important;
    width: 80px;
}

.btn-upload {
    color: white !important;
    border-radius: 25px !important;
    height: 35px !important;
}

.header-event {
    color: white;
    text-align: left;
    size: 1em;
    padding: 10px;
    height: 55px;
}

.switch-request {
    display: inline-block;
    width: 55px;
    height: 26px;
    text-align: left;
}
.switch-request input {display:none;}
.slider-request {
    position: absolute;
    cursor: pointer;
    top: 0;
    bottom: 0;
    background-color: #ffffff;
    border: 1px solid #CBC9C9;
    -webkit-transition: .4s;
    transition: .4s;
} 
.slider-request:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: #D6D5D5;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked + .slider-request {
    background-color: #2196F3;
} 
input:focus + .slider-request {
    box-shadow: 0 0 1px #2196F3;
}
  
input:checked + .slider-request:before {
    transform: translateX(18px);
}

.slider-request.round {
    border-radius: 34px;
    width: 42px;
    height: 24px;
    top: 6px;
    left: 7px;
}
.slider-request.round:before {
    border-radius: 50%;
}


/**Modal Task_View**/

.nav-tabs-sqlx-tk {
    margin-bottom: 20px;
    background-color: rgb(238, 242, 244);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

.nav-tabs-sqlx-tk>.nav-groups-sqlx-tk>li.active {
    border-top: none;
    border-left: none;
    border-bottom: 3px solid white;
    outline: 0;
}

.nav-tabs-sqlx-tk>.nav-groups-sqlx-tk>li:hover {
    background-color: transparent;
}

.nav-tabs-sqlx-tk>.nav-groups-sqlx-tk>li.active>a {
    background-color: rgb(68, 180, 248);
    color: white;
    font-weight: bold;
}

.nav-tabs-sqlx-tk>.nav-groups-sqlx-tk>li>a {
    color: rgb(130, 145, 152);
    font-weight: bold;
    outline: 0;
}

.nav-tabs-sqlx-tk>.nav-groups-sqlx-tk>li {
    border-top: none;
    border-left: none;
    border-bottom: 3px solid white;
    margin-bottom: -2px;
    margin-bottom: 0px;
    color: rgb(227, 237, 241);
    text-align: left;
    outline: 0;
    display: inline-grid;
    height: 60px;
    background-color: rgb(238, 242, 244);
}

.comment-timeline-tk:before {
    width: 0px!important;
    background-color: rgb(238, 242, 244)!important;
}

.comment-timeline-tk>li>.fa,
.comment-timeline-tk>li>.glyphicon,
.comment-timeline-tk>li>.ion {
    width: 40px!important;
    height: 40px!important;
    border-color: rgb(28, 110, 198)!important;
    border-style: solid!important;
}

.comment-timeline-tk>li>.comment-timeline-item>.comment-timeline-header {
    border: 1px solid transparent;
}

.comment-timeline-tk>li>.comment-timeline-item {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    /* margin-top:5px; */
    margin-top: -7px;
    margin-left: 30px;
    font-size: 14px;
    background-color: transparent;
}

.comment-daily-timeline:before {
    width: 3px!important;
    background: rgb(68, 180, 248);
    top: 13px;
    left: 0px;
}

.comment-daily-timeline>li>.fa,
.comment-daily-timeline>li>.glyphicon,
.comment-daily-timeline>li>.ion {
    width: 40px!important;
    height: 40px!important;
    border-color: rgb(28, 110, 198)!important;
    border-style: solid!important;
}

.comment-daily-timeline>li>.comment-timeline-item>.comment-timeline-header {
    border: 1px solid transparent;
}

.comment-daily-timeline>li>.comment-timeline-item {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    /* margin-top:5px; */
    margin-top: -7px;
    margin-left: 30px;
    font-size: 14px;
    background-color: transparent;
}

.new-design {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 600px;
    overflow: scroll;
    max-height: 800px;
}

.new-design2 {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 600px;
}

div.modal-content.modal-categories {
    border-radius: 15px;
}

.modal-categories {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 500px;
    overflow: scroll;
    max-height: 300px;
    min-height: 300px;
}

.icon-colortype {
    width: 10px;
    height: 10px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: auto;
    margin-left: auto;
}


/*Roles*/

.create-rol {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 20px;
    padding: 0px;
}

.btn-rol {
    background-color: rgb(173, 209, 102);
    color: rgb(255, 255, 255);
    border-radius: 20px!important;
    height: 30px;
    width: 100px!important;
    font-weight: bold!important;
}

.btn-rol:hover {
    color: rgb(255, 255, 255)!important;
    box-shadow: 0 0 0.4em 0.4em rgba(199, 195, 202, 0.2);
}

.btn-rol:active {
    color: rgb(255, 255, 255)!important;
}

.table-role thead th {
    text-align: center;
    height: 30px!important;
    color: rgb(112, 112, 112);
    border-color: #E6EEF2!important;
}

.table-role tbody tr {
    color: rgb(112, 112, 112);
    text-align: center;
}

.comment-timeline-tk:before {
    width: 0px !important;
    background-color: rgb(238, 242, 244) !important;
}

.comment-timeline-tk>li>.fa,
.comment-timeline-tk>li>.glyphicon,
.comment-timeline-tk>li>.ion {
    width: 40px !important;
    height: 40px !important;
    border-color: rgb(28, 110, 198) !important;
    border-style: solid !important;
}

.comment-timeline-tk>li>.comment-timeline-item>.comment-timeline-header {
    border: 1px solid transparent;
}

.comment-timeline-tk>li>.comment-timeline-item {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    /* margin-top:5px; */
    margin-top: -7px;
    margin-left: 30px;
    font-size: 14px;
    background-color: transparent;
}

.new-design {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 600px;
    overflow: scroll;
    max-height: 800px;
}

.sidebar-menu .treeview-menu>li>a {
    background-color: rgb(210, 221, 226);
}

div.modal-content.modal-categories {
    border-radius: 15px;
}

.modal-categories {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 500px;
    overflow: scroll;
    max-height: 300px;
    min-height: 300px;
}

.icon-colortype {
    width: 10px;
    height: 10px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: auto;
    margin-left: auto;
}


/*Roles*/

.create-rol {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 20px;
    padding: 0px;
}

.btn-rol {
    background-color: rgb(173, 209, 102);
    color: rgb(255, 255, 255);
    border-radius: 20px !important;
    height: 30px;
    width: 100px !important;
    font-weight: bold !important;
}

.btn-rol:hover {
    color: rgb(255, 255, 255) !important;
    box-shadow: 0 0 0.4em 0.4em rgba(199, 195, 202, 0.2);
}

.btn-rol:active {
    color: rgb(255, 255, 255) !important;
}

.table-role thead th {
    text-align: center;
    height: 30px !important;
    color: rgb(112, 112, 112);
    border-color: #e6eef2 !important;
}

.table-role tbody tr {
    color: rgb(112, 112, 112);
    text-align: center;
}

.table-bordered2>thead>tr>th,
.table-bordered2>thead>tr>td,
.table-bordered2>tbody>tr>th,
.table-bordered2>tbody>tr>td,
.table-bordered2>tfoot>tr>th,
.table-bordered2>tfoot>tr>td {
    border: 3px solid rgb(249, 252, 252) !important;
}

.table-role tbody tr a {
    color: rgb(130, 145, 152);
}

.table-role tbody td a {
    padding-left: 10px;
    padding-right: 10px;
}

.table-role tbody tr:nth-child(even) {
    background-color: rgb(249, 252, 252) !important;
}

.table-role tbody tr:nth-child(odd) {
    background-color: rgb(255, 255, 255) !important;
}

box.role-box {
    border-top: 3px solid white;
}

.btn-group.actions {
    position: static;
    margin-left: auto;
    margin-right: auto;
}

.btn-act {
    border: none !important;
    background-color: transparent !important;
    color: #0fb4ff !important;
}

.btn-act_2 {
    border: none !important;
    background-color: transparent !important;
    color: rgb(130, 145, 152)!important;
}

.module-bordered {
    background-color: rgb(255, 255, 255);
    margin-left: 5px;
    margin-bottom: 3px;
    height: 30px;
    border-radius: 5px;
    text-align: center;
    padding: 4px;
}

.col-md-3.module-bordered2 {
    padding-left: 1px;
    padding-right: 1px;
    width: 100px;
}

.module-bordered2 {
    background-color: rgb(255, 255, 255);
    margin-left: 5px;
    margin-bottom: 3px;
    height: 42px;
    border-radius: 5px;
    text-align: center;
    padding: 4px;
}

.table-roles tbody tr {
    color: rgb(130, 145, 152);
    text-align: left;
}

.table-roles tbody td {
    padding-left: 18px !important;
    padding-right: 10px !important;
    border: none;
}

.table-roles tbody tr:nth-child(even) {
    background-color: rgb(223, 226, 228) !important;
}

.table-roles tbody tr:nth-child(odd) {
    background-color: rgb(239, 244, 245) !important;
}


/* ][][][][][][][][][][][][][][][][][]
            MODAL NEW ROLES
[][][][][][][][][][][][][][][][][[]] */

.submod {
    background: rgba(199, 195, 202, 0.2);
}

.submod label {
    color: rgb(130, 145, 152);
    margin: 0;
}

.roles-select {
    margin-bottom: 5px;
}

.roles-select tr {
    text-align: left;
}

.roles-select td {
    color: rgb(130, 145, 152);
    font-size: .9em;
}


/* 
.edition-roles ul {
  margin: 0 auto;
  width: max-content;
  text-align: left;
}
.edition-roles ul li {
  background: rgba(188, 219, 248, 0.459);
  list-style: none;
  font-size: 10px;
  margin-bottom: 2px;
} */

.modal-roles {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 555px;
    max-height: 600px;
    min-height: 200px !important;
    border-radius: 18px !important;
}

.header-role {
    background-color: rgb(2, 110, 198);
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
}

.btn-close {
    background-color: rgb(15, 188, 255);
    border-radius: 20px;
    color: white;
}

.btn-close {
    color: white;
    border-radius: 15px !important;
    width: 70px;
}

.btn-close:hover {
    box-shadow: 0 0 0.4em 0.4em rgba(199, 195, 202, 0.2);
    color: white;
}

.close-footer {
    padding-top: 5px;
    padding: 0px !important;
    height: 50px;
    border-top: none !important;
}

.col-md-5.add-module,
.ui-g.col-md-5.add-module {
    display: block;
    padding-bottom: 5px;
    width: 100%;
    background-color: rgb(239, 244, 245);
    color: rgb(130, 145, 152);
    height: 35px;
    border-bottom: 4px solid white;
    padding-top: 5px;
    /* padding-left: 30px; */
}

.ui-g.col-md-1.add-module {
    display: block;
    padding-bottom: 5px;
    background-color: rgb(239, 244, 245);
    color: rgb(130, 145, 152);
    height: 35px;
    border-bottom: 4px solid white;
    padding-top: 5px;
}

.size-mod {
    width: 166.335px;
}

.parents-mod {
    background-color: rgb(239, 244, 245);
    height: 30px;
    padding-left: 50px;
    padding-top: 5px;
    margin-left: 18px;
    color: rgb(130, 145, 152);
}

.parents-mod a {
    color: rgb(130, 145, 152);
}

.parents-mod>div:active,
a:active {
    color: white;
    /* background-color: rgb(15, 180, 255);  */
}

.name-role i {
    color: rgb(2, 110, 198);
    padding-left: 8px;
    margin-right: 8px;
}

.modal-body.scrollable.md-roles {
    height: 453px;
    padding: 5px 15px 15px 15px;
}

.btn-roles {
    color: white !important;
    border-radius: 25px !important;
    height: 30px !important;
    width: 80px;
}

div.parents-mod:hover {
    background-color: rgb(15, 180, 255);
    color: white;
}

.active-mod {
    background-color: rgb(15, 180, 255);
    color: white;
}

.btn-group.actions i {
    color: rgb(15, 180, 255);
}

.parents-mod-footer {
    background-color: transparent;
    padding-left: 18px;
    margin-left: 0px;
}

.table-parent>thead>tr>th,
.table-parent>thead>tr>td,
.table-parent>tbody>tr>th,
.table-parent>tbody>tr>td,
.table-parent>tfoot>tr>th,
.table-parent>tfoot>tr>td {
    border: none !important;
}

.td-border {
    padding: 0px;
    margin: 0px;
    width: 10px;
    background-color: rgb(239, 244, 245);
    border: solid;
    border-color: rgb(239, 244, 245);
}


/* Project View */

.progress-bar-sqlx {
    overflow: hidden;
    height: 15px;
    margin-bottom: 7px;
    background-color: rgb(230, 240, 243);
    border-radius: 10px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    width: 95%;
}

.success-sqlx {
    float: left;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: rgb(68, 180, 248);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
    position: absolute !important;
    margin-left: -15px;
}

.danger-sqlx {
    float: left;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: rgb(237, 59, 89);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
    position: absolute !important;
    margin-left: -15px;
}

.success-tasks {
    float: left;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    /* background-color: rgb(68, 180, 248); */
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.success-tasks-request {
    float: left;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: rgb(68, 180, 248);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.header-project {
    color: white;
    text-align: left;
    size: 1em;
    padding: 10px;
    height: 58px;
    background-color: #006ec6;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.box-body.box-project {
    background-color: white;
    padding: 20px !important;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.box-desc-project {
    background-color: transparent;
    border: none;
    border-radius: 20px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset -10px 6px 5px -7px #888;
    -moz-box-shadow: inset -10px 6px 5px -7px #888;
    margin: 20px;
    width: 96%;
}

.header-milestone {
    text-align: left;
    size: 1em;
    padding: 10px;
    height: 66px;
    background-color: white;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.box-desc-milestone {
    background-color: transparent;
    border: none;
    border-radius: 20px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset -10px 6px 5px -7px #888;
    -moz-box-shadow: inset -10px 6px 5px -7px #888;
    margin: 0 20px 20px;
    width: 96%;
}

.box-milestone {
    background-color: white;
    padding: 15px 40px!important;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.modal-milestone {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #026ec6;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
}

.input-description-milestone {
    overflow-y: scroll;
    border: 0px;
    background-color: rgb(237, 246, 248);
    border-radius: 10px;
    color: rgb(167, 167, 167)!important;
    padding: 14px;
}

.btn-done-milestone {
    color: white !important;
    border-radius: 25px !important;
    height: 30px !important;
    width: 80px;
    background-color: #0fbcff;
    font-weight: bold;
}

.label-sqlx {
    color: #4F5D64;
}

.span-sqlx {
    color: rgb(130, 145, 152);
}

.danger-span-sqlx {
    color: rgb(237, 59, 89);
}

.label-box-title {
    padding-bottom: 10px;
    padding-left: 35px;
    font-size: 17px !important;
}

.iframe-desc-proj {
    width: 100%;
    min-height: 100px !important;
    max-height: 100px !important;
    overflow-y: scroll;
    border: 0px;
    background-color: rgb(230, 240, 243);
    border-radius: 10px;
    color: rgb(167, 167, 167) !important;
}

.comments-project {
    height: 400px;
    border-radius: 20px;
    background-color: white;
    margin-left: 20px;
}

.header-comments {
    color: white;
    text-align: left;
    size: 1em;
    padding: 10px;
    height: 58px;
    background-color: white;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.table-projects tbody tr:nth-child(even) {
    background-color: rgb(255, 255, 255) !important;
}

.table-projects tbody tr:nth-child(odd) {
    background-color: rgb(249, 252, 252) !important;
}

.table-bordered-sqlx>thead>tr>th,
.table-bordered-sqlx>thead>tr>td,
.table-bordered-sqlx>tbody>tr>th,
.table-bordered-sqlx>tbody>tr>td,
.table-bordered-sqlx>tfoot>tr>th,
.table-bordered-sqlx>tfoot>tr>td {
    border: 3px solid white !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    padding: 1px;
}

.table-bordered-sqlxt>thead>tr>th,
.table-bordered-sqlxt>thead>tr>td,
.table-bordered-sqlxt>tbody>tr>th,
.table-bordered-sqlxt>tbody>tr>td,
.table-bordered-sqlxt>tfoot>tr>th,
.table-bordered-sqlxt>tfoot>tr>td {
    border: 2px solid rgb(227, 237, 241);
    vertical-align: middle !important;
    padding: 1px;
}

.table-bordered-sqlxd>thead>tr>th,
.table-bordered-sqlxd>thead>tr>td,
.table-bordered-sqlxd>tbody>tr>th,
.table-bordered-sqlxd>tbody>tr>td,
.table-bordered-sqlxd>tfoot>tr>th,
.table-bordered-sqlxd>tfoot>tr>td {
    border-bottom: 2px solid rgb(227, 237, 241);
    border-top: 2px solid rgb(227, 237, 241);
    vertical-align: middle !important;
    padding: 1px;
}

.table-bordered-sqlxs>thead>tr>th,
.table-bordered-sqlxs>thead>tr>td,
.table-bordered-sqlxs>tbody>tr>th,
.table-bordered-sqlxs>tbody>tr>td,
.table-bordered-sqlxs>tfoot>tr>th,
.table-bordered-sqlxs>tfoot>tr>td {
    border: 3px solid rgb(248, 251, 252) !important;
    /* line-height: 1 !important;
  vertical-align: middle !important;
  padding: 1px; */
}

.table-sprintsview>thead>tr:nth-child(even),
.table-sprintsview>tbody>tr:nth-child(even) {
    background-color: rgb(255, 255, 255) !important;
}

.table-sprintsview>thead>tr:nth-child(odd),
.table-sprintsview>tbody>tr:nth-child(odd) {
    background-color: rgb(248, 251, 252) !important;
}

.table-sprintsview>tfoot>tr:nth-child(even),
.table-sprintsview>tfoot>tr:nth-child(odd) {
    background-color: rgb(222, 224, 224) !important;
}

.footer-comments-users {
    height: 58px;
    background-color: rgb(220, 235, 238);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position: reative !important;
    width: 104%;
    margin-top: 19px;
    padding-left: 11px;
    margin-left: -15px;
    border-top: none !important;
}

.imput-comments {
    background-color: transparent !important;
    border: none;
    color: rgb(167, 167, 167) !important;
    height: 24px;
    outline: none;
}

.comment-user {
    width: 100%;
    border: 0px;
    background-color: rgb(237, 246, 248);
    color: rgb(167, 167, 167) !important;
    line-height: 1;
}

.reply-user {
    width: 100%;
    border: 0px;
    background-color: rgb(237, 246, 248);
    color: rgb(167, 167, 167) !important;
    font-size: 14px;
    line-height: 1;
    margin-top: 0px;
}

.imput-comments:hover,
.imput-comments:active {
    outline: none !important;
}

.comment-user {
    width: 100%;
    border: 0px;
    background-color: rgb(230, 240, 243);
    color: rgb(167, 167, 167) !important;
    line-height: 1;
}

.reply-user {
    width: 100%;
    border: 0px;
    background-color: rgb(237, 246, 248);
    color: rgb(167, 167, 167) !important;
    font-size: 14px;
    line-height: 1;
    margin-top: 0px;
}

.imput-comments:hover,
.imput-comments:active {
    outline: none !important;
}

.imput-comments:focus {
    background-color: yellow;
}

@media (min-width: 200px) {
    .comments-project {
        width: 93% !important;
    }
}

@media (min-width: 1200px) {
    .comments-project {
        width: 46% !important;
    }
}

@media (min-width: 200px) {
    .reports-graphics {
        width: 93% !important;
        margin-left: 10px;
    }
}

@media (min-width: 1200px) {
    .reports-graphics {
        width: 46% !important;
    }
}

.reports-graphics {
    height: 477px;
    border-radius: 20px;
    background-color: white;
    margin-left: 20px;
}

.reports-table {
    border-radius: 20px;
    background-color: white;
    margin-left: 20px;
    margin-left: 10px;
    margin-bottom: 20px;
    margin-top: 10px;
    overflow-x: auto;
    min-height: 0.01%;
    padding-left: 0px!important;
    padding-right: 0px!important;
}

.empty-report {
    text-align: center;
    margin-top: 2rem;
}

.empty-report .fa-spinner, .empty-report .sr-only{ 
    color: #0ba8da;
}

.comment-timeline:before {
    width: 0px !important;
    background: white !important;
}

.comment-timeline>li>.fa,
.comment-timeline>li>.glyphicon,
.comment-timeline>li>.ion {
    width: 40px !important;
    height: 40px !important;
    border-color: rgb(28, 110, 198) !important;
    border-style: solid !important;
}

.comment-timeline>li>.comment-timeline-item>.comment-timeline-header {
    border: 1px solid transparent;
}

.comment-timeline>li>.comment-timeline-item {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    margin-top: 5px;
}

.border-imguser {
    width: 45px;
    height: 45px;
    border-color: rgb(28, 110, 198);
    border-style: solid;
    position: absolute;
    border-radius: 50%;
}

.img-usersqlx {
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 50%;
}

.reply-comment {
    height: auto;
    width: 95%;
    border-left-color: rgb(68, 180, 248);
    border-left-style: solid;
    padding-top: 6px;
    padding-left: 3px;
}

.reply-note>a {
    text-decoration: none;
}

.reply-note>a:hover {
    text-decoration: none;
}


/* @media (min-width: 100px) and (max-width: 399px){
      .reply-the-comment{
      padding-left: 0px!important;
      }
  } 
  @media (min-width: 400px) and (max-width: 699px){
    .reply-the-comment{
    padding-left: 100px!important;
    }
} 
  @media (min-width: 700px) {
      .reply-the-comment{
      padding-left: 229px!important;
      } 
  } */

.reply-the-comment {
    color: rgb(167, 167, 167) !important;
    /* padding-left: 432px; */
    padding-top: 7px;
    text-align: left;
}


/** Task View **/

.header-task {
    color: white;
    text-align: left;
    size: 1em;
    padding: 10px;
    height: 58px;
    background-color: rgb(164, 203, 91);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.daily-timeline :before {
    width: 0px !important;
    /* background: white !important; */
}

.daily-timeline>li>.daily-timeline-item>.timeline-dailyheader {
    border: 1px solid white;
    color: rgb(79, 93, 100) !important;
    font-size: 14px !important;
}

.daily-timeline>li>.daily-timeline-item {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    font-size: 14px;
    line-height: 1;
}

.daily-timeline-body {
    padding-top: 2px !important;
}

.date-sqlx {
    color: rgb(130, 145, 152);
    font-size: 14px;
    margin-left: 8px;
}

.daily-timeline:before {
    width: 3px !important;
    background: rgb(68, 180, 248) !important;
    top: 11px;
}


/* Project Board */

.project-box {
    position: relative;
    display: block;
    min-height: 250px;
    padding: 0px 10px 0px 10px;
    margin-bottom: 15px;
}

.project-box-radius {
    border-radius: 45px;
    height: 60px;
    width: 60px;
    padding: 5px;
    float: right;
    color: #fff;
}

.project-box-body {
    margin-top: 25px;
    margin-right: 36px;
    /*border: 1px solid #006BC6; */
    position: absolute;
    width: 86%;
}

.project-box-header {
    border-top-left-radius: 10px;
    padding: 7px 0px 5px 10px;
    font-weight: bold;
    height: 35px;
    color: #fff;
    cursor: pointer;
}

.project-box-content {
    background: #f4f4f4;
    height: 150px;
    padding: 5px;
    overflow: scroll;
}

.project-box-footer {
    height: 40px;
    background: #f4f4f4;
    border-top: 1px solid #fff;
    padding: 5px;
}

.c100 .slice {
    /*width: 60px;*/
}

#planning .project-box-radius {
    background: #006bc6;
}

#planning .project-box-header {
    background-color: #006bc6;
}

#planning .c100:after {
    background: #006bc6;
}

#planning .c100 {
    background-color: #fff;
}

.danger .project-box-radius {
    background: rgb(238, 19, 78);
}

.danger .project-box-header {
    background-color: rgb(238, 19, 78);
}

.danger .c100:after {
    background: rgb(238, 19, 78);
}

.danger .c100 {
    /* background-color: #ffffff !important; */
}

.pie,
.c100 .danger.bar,
.c100.p51 .danger.fill,
.c100.p52 .danger.fill,
.c100.p53 .danger.fill,
.c100.p54 .danger.fill,
.c100.p55 .danger.fill,
.c100.p56 .danger.fill,
.c100.p57 .danger.fill,
.c100.p58 .danger.fill,
.c100.p59 .danger.fill,
.c100.p60 .danger.fill,
.c100.p61 .danger.fill,
.c100.p62 .danger.fill,
.c100.p63 .danger.fill,
.c100.p64 .danger.fill,
.c100.p65 .danger.fill,
.c100.p66 .danger.fill,
.c100.p67 .danger.fill,
.c100.p68 .danger.fill,
.c100.p69 .danger.fill,
.c100.p70 .danger.fill,
.c100.p71 .danger.fill,
.c100.p72 .danger.fill,
.c100.p73 .danger.fill,
.c100.p74 .danger.fill,
.c100.p75 .danger.fill,
.c100.p76 .danger.fill,
.c100.p77 .danger.fill,
.c100.p78 .danger.fill,
.c100.p79 .danger.fill,
.c100.p80 .danger.fill,
.c100.p81 .danger.fill,
.c100.p82 .danger.fill,
.c100.p83 .danger.fill,
.c100.p84 .danger.fill,
.c100.p85 .danger.fill,
.c100.p86 .danger.fill,
.c100.p87 .danger.fill,
.c100.p88 .danger.fill,
.c100.p89 .danger.fill,
.c100.p90 .danger.fill,
.c100.p91 .danger.fill,
.c100.p92 .danger.fill,
.c100.p93 .danger.fill,
.c100.p94 .danger.fill,
.c100.p95 .danger.fill,
.c100.p96 .danger.fill,
.c100.p97 .danger.fill,
.c100.p98 .danger.fill,
.c100.p99 .danger.fill,
.c100.p100 .danger.fill {
    /* border: 0.08em solid rgb(244, 101, 140); */
    border: 0.08em solid white;
}

.warning .project-box-radius {
    background: rgb(237, 161, 21);
}

.warning .project-box-header {
    background-color: rgb(237, 161, 21);
}

.warning .c100:after {
    background: rgb(237, 161, 21);
}

.warning .c100 {
    background-color: #fff;
}

.pie,
.c100 .warning.bar,
.c100.p51 .warning.fill,
.c100.p52 .warning.fill,
.c100.p53 .warning.fill,
.c100.p54 .warning.fill,
.c100.p55 .warning.fill,
.c100.p56 .warning.fill,
.c100.p57 .warning.fill,
.c100.p58 .warning.fill,
.c100.p59 .warning.fill,
.c100.p60 .warning.fill,
.c100.p61 .warning.fill,
.c100.p62 .warning.fill,
.c100.p63 .warning.fill,
.c100.p64 .warning.fill,
.c100.p65 .warning.fill,
.c100.p66 .warning.fill,
.c100.p67 .warning.fill,
.c100.p68 .warning.fill,
.c100.p69 .warning.fill,
.c100.p70 .warning.fill,
.c100.p71 .warning.fill,
.c100.p72 .warning.fill,
.c100.p73 .warning.fill,
.c100.p74 .warning.fill,
.c100.p75 .warning.fill,
.c100.p76 .warning.fill,
.c100.p77 .warning.fill,
.c100.p78 .warning.fill,
.c100.p79 .warning.fill,
.c100.p80 .warning.fill,
.c100.p81 .warning.fill,
.c100.p82 .warning.fill,
.c100.p83 .warning.fill,
.c100.p84 .warning.fill,
.c100.p85 .warning.fill,
.c100.p86 .warning.fill,
.c100.p87 .warning.fill,
.c100.p88 .warning.fill,
.c100.p89 .warning.fill,
.c100.p90 .warning.fill,
.c100.p91 .warning.fill,
.c100.p92 .warning.fill,
.c100.p93 .warning.fill,
.c100.p94 .warning.fill,
.c100.p95 .warning.fill,
.c100.p96 .warning.fill,
.c100.p97 .warning.fill,
.c100.p98 .warning.fill,
.c100.p99 .warning.fill,
.c100.p100 .warning.fill {
    /* border: 0.08em solid rgb(243, 194, 103); */
    border: 0.08em solid white;
}

.warning .bar {
    /* border: 0.08em solid rgb(243, 194, 103); */
    border: 0.08em solid white;
}

.success .project-box-radius {
    background: rgb(117, 177, 74);
}

.success .project-box-header {
    background-color: rgb(117, 177, 74);
}

.success .c100:after {
    background: rgb(117, 177, 74);
}

.success .c100 {
    background-color: #fff;
}

.pie,
.c100 .success.bar,
.c100.p51 .success.fill,
.c100.p52 .success.fill,
.c100.p53 .success.fill,
.c100.p54 .success.fill,
.c100.p55 .success.fill,
.c100.p56 .success.fill,
.c100.p57 .success.fill,
.c100.p58 .success.fill,
.c100.p59 .success.fill,
.c100.p60 .success.fill,
.c100.p61 .success.fill,
.c100.p62 .success.fill,
.c100.p63 .success.fill,
.c100.p64 .success.fill,
.c100.p65 .success.fill,
.c100.p66 .success.fill,
.c100.p67 .success.fill,
.c100.p68 .success.fill,
.c100.p69 .success.fill,
.c100.p70 .success.fill,
.c100.p71 .success.fill,
.c100.p72 .success.fill,
.c100.p73 .success.fill,
.c100.p74 .success.fill,
.c100.p75 .success.fill,
.c100.p76 .success.fill,
.c100.p77 .success.fill,
.c100.p78 .success.fill,
.c100.p79 .success.fill,
.c100.p80 .success.fill,
.c100.p81 .success.fill,
.c100.p82 .success.fill,
.c100.p83 .success.fill,
.c100.p84 .success.fill,
.c100.p85 .success.fill,
.c100.p86 .success.fill,
.c100.p87 .success.fill,
.c100.p88 .success.fill,
.c100.p89 .success.fill,
.c100.p90 .success.fill,
.c100.p91 .success.fill,
.c100.p92 .success.fill,
.c100.p93 .success.fill,
.c100.p94 .success.fill,
.c100.p95 .success.fill,
.c100.p96 .success.fill,
.c100.p97 .success.fill,
.c100.p98 .success.fill,
.c100.p99 .success.fill,
.c100.p100 .success.fill {
    /* border: 0.08em solid rgb(166, 205, 138); */
    border: 0.08em solid white;
}

.success .bar {
    /* border: 0.08em solid rgb(166, 205, 138); */
    border: 0.08em solid white;
}


/* End Project */

.content-header {
    height: 43px;
    box-shadow: 0 0 0.5em 0.5em rgba(199, 195, 202, 0.5);
    background: #fff;
    padding-top: 9px;
}


/* PASSWORD RECOVERY */

.pin-code-pad {
    width: 50px;
    text-align: center;
    color: transparent;
    /* display: inline-block; */
    font-size: 2em;
    text-shadow: 0 0 0 gray;
    width: 2em;
    border-radius: 5px;
    border: none;
}

.pin-code-pad:focus {
    box-shadow: inset 0px 0px 5px 2px #909090;
}

.pin-code-pad::-webkit-inner-spin-button,
.pin-code-pad::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#messagePanel {
    height: 600px;
}

.project-modal-panel {
    box-shadow: inset -10px 6px 5px -7px #888;
    -webkit-box-shadow: inset -10px 6px 5px -7px #888;
    -moz-box-shadow: inset -10px 6px 5px -7px #888;
    background: rgb(237, 245, 247);
    height: 600px;
}

.project-modal-body {
    position: relative;
    padding: 0px;
    display: table;
}

.project-modal-header {
    border-bottom: 5px solid rgb(0, 99, 190);
    padding: 15px;
    margin-left: -15px;
    background: #fff;
    font-weight: bold;
}

.project-modal-title {
    margin: 0;
    line-height: 1.42857;
    padding-left: 25px;
    font-size: 18px;
}

.project-modal-content {
    padding-top: 10px;
}

.item-proj {
    background-color: rgb(0, 110, 198);
    color: white;
    border-radius: 15px 0px 0px 15px;
    border-right: 10px solid rgb(5, 118, 222);
}

.item-proj>a {
    color: white;
}

.item-proj>a:hover {
    background-color: #eeeeee;
    text-decoration: none;
    border-radius: 15px 0px 0px 15px;
}

.item-proj.active {
    background-color: gray;
    border-right: 10px solid #a5a5a5;
}

#chat-box {
    padding-top: 5px;
    max-height: 490px;
    overflow-y: scroll;
}

#message-box {
    padding-top: 5px;
    max-height: 490px;
    overflow-y: scroll;
}

.task-cell {
    display: table;
    padding-bottom: 15px;
    border-bottom: 1px solid #c5c5c5;
    margin-bottom: 15px;
}


/* End Project Modal */

.simply-title {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: large;
}


/* Center the loader */

#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    background: white;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

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

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


/* Add animation to "page content" */

.animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s;
}

@-webkit-keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0;
    }
    to {
        bottom: 0px;
        opacity: 1;
    }
}

@keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0;
    }
    to {
        bottom: 0;
        opacity: 1;
    }
}

#myDiv {
    display: none;
    text-align: center;
}


/* SPINNER */

.sk-fading-circle {
    margin: 100px auto;
    width: 40px;
    height: 40px;
    position: relative;
}

.sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sk-fading-circle .sk-circle:before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}

.sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

.sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}

.sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}

.sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}

.sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}

.sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}

.sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}

.sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
    0%,
    39%,
    100% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
}

@keyframes sk-circleFadeDelay {
    0%,
    39%,
    100% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    /** Directory**/
}

.directory-header {
    margin: 10px;
    /*background-color: rgb(226, 236, 241);*/
    width: auto;
    height: 3.5em;
}


/*.box-tools .has-feedback {
    right:320px !important;
  }*/


/*.box-tools input.form-control{

  .directory-tools .directory-feedback {
    
    right:320px;
    

  .directory-tools .directory-feedback {  
    right:320px;  
  }
  .directory-tools input.directory-form{

    border-radius: 10px;

    width:450px;
  }*/

  .contact-section {
    box-shadow: 0 0 0.2em 0.2em rgba(199, 195, 202, 0.5);
    border-radius: 15px;
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .contact-section:hover {
    -webkit-box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.14);
    -moz-box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.14);
    box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.14);
}

.name-contact {
    background-color: rgb(0, 99, 190);
    width: auto;
    height: 80px;
    text-align: center;
    color: white;
    text-transform: uppercase;
    padding-top: 10px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;

/*     border-radius: 10px 10px; */
}

.name-contact p i {
    padding: 3px 0 10px 0;
    margin: 10px;
}

.profile-contact {
    border: .5px solid rgba(220, 219, 219, 0.5);
    text-align: center;
    text-transform: uppercase;
    color: #909090;
    font-weight: bold;
    padding-bottom: 10px;
}

.profile-contact img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border-color: black;
    box-shadow: 0 0 6px rgb(134, 134, 134);
    splay: block;
    margin: auto;
    margin-top: -40px;
    background: #ffffff;
}

.profile-contact p {
    color: #909090;
    margin: 10px 0 0 5px;
}

.info-contacts {
    text-align: center;
}

.info-contacts p {
    color: #909090;
    /* margin: 10px; */
}

.info-contacts span {
    color: #909090;
}

.info-contacts p:last-child {
    border-bottom: 1px solid #e0e0e0;
}

.button-group {
    text-align: center;
}

.button-group a i {
    font-size: 20px;
    color: rgb(0, 178, 255);
    margin: 5px;
    display: inline-block;
}

.item-contact {
    margin-top: 15px;
    text-transform: uppercase;
    font-size: 20px;
    text-decoration: none;
    font-size: 25px;
    padding-left: 35px;
}

.item-contact a {
    color: #909090;
    font-size: 20px;
    text-decoration: none;
}


.item-contact:hover {
    background-color: rgb(0, 89, 193);
    text-decoration: none;
    border-radius: 10px 0px 0px 10px;
    cursor: pointer;
    color: white;
}
.item-contact:hover >a {
    color:white;
}

.item-contact>a:hover {
    text-decoration: none;
    border-radius: 15px 0px 0px 15px;
}
.item-contact>a:focus {
    text-decoration: none;
}
.tab-profile-settings> .item-contact:focus{
    background-color: rgb(0, 89, 193);
}
#content-right {
    border: 1px solid rgba(134, 134, 134, 0.5);
    border-radius: 10px;
    margin: 30px 0px;
    box-shadow: 0 0 15px rgb(134, 134, 134);
    padding: 15px;
}
.tab-profile {
    min-height: 510px;
}
.btnedit-contact {
    background: #0FABFF;
    height: 30px;
    width: 95px;
    border-radius: 15px;
    color: #ffffff;
    font-weight: bold;
}
.content-btncontact {
    text-align: center;
}
.form-control.form-directory {
    border: 2px solid #CCD7DD;
    border-radius: 25px;
}
.form-control.form-directory::-webkit-input-placeholder {
    color: #B3C1C8;
    font-weight: bold;
}
.form-control.inputmask-directory {
    border: 2px solid #CCD7DD;
    border-radius: 25px;
}
.form-control.inputmask-directory input{
    color: #555555;
}
.qr-code {
    Width: 28px;
    height: 28px;
    cursor: pointer;
    float: right;
    transform: translate(-26px, -5px);
}
#contact-profile {
    height: 100px;
    width: 17%;
    margin-left: 41%;
    background: transparent;
    border-radius: 50%;
    box-shadow: grey -1px 0px 10px -2px;
    overflow: hidden;
    position: relative;
}
.btnclose-qr{
    padding: 0px;
    border: transparent;
    background: transparent;
    float: right;
    color: #ffffff;
}
.btn-close-qrcode {
    border-radius: 50px !important;
    width: 80px !important;
    color: #ffffff;
    margin-right: 5px;
    outline: 0 !important;
    background-color: #0fb4ff !important;
    border-color: #0fb4ff !important;
    top: 85px;
    font-weight: bold;
}
.modal-header.mdheader-directory{
    text-align: center; 
    font-weight: bold; 
    font-size: 20px; 
    padding-bottom: 0px; 
    border: none; 
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    background-color: #007bd2;
}
.mdcontent-profile {
    min-width: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: scroll;
}
.myteams-share {
    width:100%;
}
.myteams-share .ui-multiselect {
    border-radius: 25px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border: 2px solid #CCD7DD;
    color: #829198;
    padding-top: 3px;
    padding-left: 10px;
    padding-right: 12px;
    padding-bottom: 5px;
    height: 34px;
    box-shadow: none;
    width: 100%;
}
.myteams-share .ui-multiselect-trigger {
    border: none;
    transform: translate(-11px, 0px);
}
.myteams-share .ui-multiselect:not(.ui-state-disabled):hover {
    color: #829198;
    background-color: #ffffff;
    border-color: #CCD7DD;
}
.myteams-share .ui-multiselect-panel .ui-multiselect-item label {
    color: #829198;
}
.myteams-share .ui-multiselect-panel .ui-multiselect-item:not(.ui-state-highlight):hover {
    background: #0FB4FF;
    color: red;
}
.myteams-share .ui-multiselect-panel .ui-multiselect-item:not(.ui-state-highlight):hover >label {
    color: #ffffff;
}
.myteams-share .ui-state-highlight {
    background: transparent;
}
.myteams-share .ui-multiselect-filter-icon {
    top: 0.60em!important;
    left: 102px!important;
}
@media (min-width: 991px) {  
    .content-btncontact {
       text-align: right;
       top: 31px;
       right: 15px;
    }    
}


.d-none {
    display: none;
}

#mdProfile label {
    color: rgb(134, 134, 134);
}

#mdProfile p input {
    color: rgb(134, 134, 134);
    text-align: right;
}


/**Dashboard**/

.dashboard-box-radius.success.c100:after {
    background-color: #92cc66;
}

.dashboard-box-radius.warning.c100:after {
    background-color: #ffbe2c;
}

.dashboard-box-radius.danger.c100:after {
    background-color: #f01458;
}

.dashboard-box-radius.c100 {
    background-color: #ffffff;
}

.info-pending {
    float: left;
    height: 16px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #196ec6;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
    position: absolute !important;
    margin-left: -1px;
    border-radius: 20px;
}

.row.types-task {
    margin-top: -13px;
    margin-bottom: 20px;
    background-color: #ffffff;
    box-shadow: 0 0 0.2em 0.2em #e5e5e5;
    padding-left: 20px;
}

.header-tasks {
    background-color: transparent;
    color: white;
    text-align: center;
    height: 50px;
    size: 1em;
    padding: 0px;
}

.content-button {
    margin: auto;
}

.task-pending {
    background: #0fb4ff;
}

.box-header.border-pending {
    border-bottom: 2px solid #14a0da;
    font-weight: bold;
}

.counter-pending {
    border-right: 2px solid #14a0da;
}

.task-developing {
    background: #92cc66;
}

.box-header.border-developing {
    border-bottom: 2px solid #88b960;
    font-weight: bold;
}

.counter-developing {
    border-right: 2px solid #88b960;
}

.task-improving {
    background: #ffc632;
}

.box-header.border-improving {
    border-bottom: 2px solid #e6b22d;
    font-weight: bold;
}

.counter-improving {
    border-right: 2px solid #e6b22d;
}

.task-expiring {
    background: #f21563;
}

.task-completed {
    background: rgb(36, 123, 210);
}

.box-header.border-expiring {
    border-bottom: 2px solid #d01056;
    font-weight: bold;
}

.counter-expiring {
    border-right: 2px solid #d01056;
}

.task-backlog {
    background: #c1c1c1;
}

.box-header.border-backlog {
    border-bottom: 2px solid #acacac;
    font-weight: bold;
}

.counter-backlog {
    border-right: 2px solid #acacac;
}

.task-task h1 {
    margin-top: 10px;
    margin-bottom: 0px;
}

.task-task h3 {
    margin-top: 0px;
    margin-bottom: 5px;
    height: 45px;
}

.tags-expi-back {
    background-color: #f0f0f0;
    padding-bottom: 28px;
    padding-left: 41px !important;
}

@media (min-width: 972px) and (max-width: 1050px) {
    .tags-expi-back {
        padding-left: 12px !important;
    }
}

@media (max-width: 1607px) {
    .tags-expi-back {
        background-color: transparent;
    }
}

.picture-task {
    color: white;
    text-align: center;
    border-radius: 15px;
    max-height: 150px;
    margin: 5px;
}

@media (max-width: 767px) {
    .progress-bar-sqlx {
        width: 330px !important;
    }
    .tags-third {
        padding-left: 5px !important;
        padding-right: 22px !important;
    }
    .tags-expi-back {
        padding-bottom: 28px;
        padding-left: 5px !important;
        padding-right: 22px !important;
    }
    .comment-whiteboard {
        right: 45%;
        top:9px;     
    }
}

@media (max-width: 696px) {
    .progress-bar-sqlx {
        width: 200px !important;
    }
}

@media (max-width: 487px) {
    .progress-bar-sqlx {
        width: 150px !important;
    }
    .dash_notifications {
        right: 120px!important;
        width: 200px !important;
    }
}


/**Dashboard-Burndown**/

#button-work-team {
    background-color: #eef4f8;
    width: 204px;
    height: 30px;
    border-radius: 20px;
    text-align: center;
    padding-top: 5px;
    font-size: 14px;
    box-shadow: 0px 0px 5px #eef4f8;
    margin-right: 10px;
}

#button-work-team a {
    text-decoration: none;
    color: #737374;
    font-weight: bold;
}

#button-work-team i {
    color: #0379cd;
    margin-left: 40px;
}

.modal-workteam {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #026ec6;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
}

.search-work-team {
    border-radius: 20px;
    margin-left: 5%;
    border-color: rgb(214, 224, 229);
    border-style: solid;
    height: 32px;
    width: 90% !important;
    margin-bottom: 10px;
    margin-top: 10px;
}

.box-tittle.BurnDown span {
    color: #0379cd;
    padding-left: 2px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}

.box-tittle.BurnDown i {
    color: #0379cd;
    padding-left: 6px;
    font-size: 34px;
}

.burndownsprint {
    color: #0379cd;
    padding-left: 2px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    transform: translate(37px, -39px);
}

@media (max-width: 532px) {
    #button-work-team {
        width: 175px;
        font-size: 13px;
        margin-right: 0;
    }
    #button-work-team i {
        margin-left: 0;
    }
    .box-tittle.BurnDown {
        padding-top: 12px !important;
    }
    .box-tittle.BurnDown span {
        font-size: 13px;
    }
    .box-tittle.BurnDown i {
        padding-left: 0;
        font-size: 30px;
    }
    .btns-burndown {
        padding-right: 0;
    }
}

.btn-minus {
    margin-top: 5px;
    color: #eef4f8;
    background-color: #0379cd;
}

.box-success.burndown-border {
    border: none;
    border-radius: 15px;
}

.with-border.border-burndown {
    border-bottom: 2px solid #2f87cf;
    height: 58px;
}

.btn-done-burndown {
    color: white !important;
    border-radius: 25px !important;
    height: 30px !important;
    width: 80px;
    background-color: #0fbcff;
    font-weight: bold;
}


/**Dashboard-todolist**/

.box-primary.border-todolist {
    border: none;
    border-radius: 15px;
}

.box-list {
    color: #444;
    display: block;
    padding: 15px;
    position: relative;
}

.box-todo-list {
    border-bottom: 2px solid #c7c6c7;
    padding-bottom: 20px;
}

span.handle-ellipsis {
    font-size: 15px;
    margin-right: 10px;
}

div.check-list {
    margin-right: 10px;
    display: inline-block;
}

.list-group>li {
    border-radius: 2px;
    padding: 10px;
    background: #ecf2f7;
    margin-bottom: 20px;
    border-left: 5px solid#C7C6C7;
    color: #444;
}

.panel-bodylist {
    padding: 15px;
}

.btn-status-task {
    background-color: #d6d6d6;
    border-radius: 20px !important;
    height: 30px;
    width: 100px !important;
    font-weight: bold !important;
}


/**Dashboard notifications**/

.box-success.box-notifications {
    border: none;
}

.with-border.header-notifications {
    border-bottom: 2px solid #c7c6c7;
    height: 60px;
    text-transform: uppercase;
}

#mdProfile label {
    color: rgb(134, 134, 134);
}

#mdProfile p input {
    color: rgb(134, 134, 134);
    text-align: right;
}

.item-search-taskboard {
    /*background-color: #dce3e6;
    padding: 5px;
    border-radius: 6px;
    color: #81888c;
    margin: 2px 4px;*/
    background: #dce3e6;
    border-radius: 3px 0 0 3px;
    color: #81888c;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 20px 0 10px;
    position: relative;
    margin: 0 10px 10px 0;
    text-decoration: none;
    -webkit-transition: color 0.2s;
}


/**Notifications**/

.notifications-types {
    height: 600px;
    border-radius: 20px;
    /* background-color: #ffffff; */
    /* margin-left: 20px; */
}

.box-success.box-notifications {
    border: none;
    border-radius: 15px;
    box-shadow: 2px 2px 2px 2px #e8e8e8;
}

.with-border.header-notifications {
    border-bottom: 2px solid #c7c6c7;
    height: 80px;
    text-transform: uppercase;
    padding-top: 30px;
    padding-left: 10px;
}

.btn-bell-notification {
    color: #707070;
    font-weight: bold;
}

.bttn-notifications {
    background-color: #ffffff;
    color: #0379cd;
    /* box-shadow: 2px 2px 1px 2px #e8e8e8; */
    margin-top: 20px;
    margin-right: 10px;
    padding: 0;
    border-radius: 4px;
    height: 30px;
    width: 30px;
}

.chat-notif .item-notifications {
    margin: 20px;
}

.chat-notif .item-notifications span>i {
    font-size: 2em;
    border-radius: 50%;
    border: 2px solid #0570c6;
}

.chat-notif .item-notifications>.message {
    margin-left: 45px;
    margin-top: -25px;
    color: #707070;
    font-weight: bold;
}

.chat-notif .item-notifications>.message span {
    color: #a7a7a7;
}

.item-search-taskboard>a {
    font-size: 20px;
    color: #0fb4ff;
    padding-right: 3px;
    text-decoration: none;
    cursor: pointer;
}

.item-search-taskboard>a:hover {
    text-decoration: none;
}

.item-search-taskboard>a:active {
    background-color: transparent;
}

.btn-close-taskboard {
    position: absolute;
    right: 5px;
    color: #007bd2;
    font-size: 25px;
}

@media (min-height: 450px) {
    #searchTab-tb {
        height: 90% !important;
    }
    .taskboard-tasklist {
        height: 86% !important;
    }
}

.attachment .noti-title span {
    color: #196ec6;
}

.chat-notif .item-notifications>.attachment {
    border-radius: 3px;
    background: #ecf2f7;
    margin-left: 45px;
    padding: 10px;
}

.chat-notif .item-notifications>.attachment .noti-title {
    color: #a7a7a7;
}

.chat-notif .item-notifications>.attachment i {
    color: #026ec6;
}

.chat-notif .item-notifications>.attachment button {
    background-color: #026ec6;
    border-radius: 15px;
    width: 116px;
    height: 25px;
}

.chat-notif .item-notifications>.attachment button span {
    font-size: 13px;
}

.chat-notif .item-notifications>.attachment:before,
.chat-notif .item-notifications>.attachment:after {
    content: " ";
    display: table;
}

.chat-notif .item-notifications>.attachment:after {
    clear: both;
}

.chat-notif .item-notifications>.attachment>p,
.chat-notif .item-notifications>.attachment>.noti-title {
    margin: 0;
    font-weight: 600;
    font-size: 14px;
}

.item-search-taskboard>a {
    font-size: 20px;
    color: #0fb4ff;
    padding-right: 3px;
    text-decoration: none;
    cursor: pointer;
}

.item-search-taskboard>a:hover {
    text-decoration: none;
}

.item-search-taskboard>a:active {
    background-color: transparent;
}

.btn-close-taskboard {
    position: absolute;
    right: 5px;
    color: #007bd2;
    font-size: 25px;
}

@media (min-height: 450px) {
    #searchTab-tb {
        height: 90% !important;
    }
    .taskboard-tasklist {
        height: 86% !important;
    }
}


/** Task List **/

.table-tasklist tbody tr:nth-child(even) {
    background-color: rgb(255, 255, 255);
}

.table-tasklist tbody tr:nth-child(odd) {
    background-color: rgb(243, 246, 248);
}

.table-tasklist2 tbody tr:nth-child(even) {
    background-color: rgb(255, 255, 255);
}

.table-tasklist2 tbody tr:nth-child(odd) {
    background-color: rgb(255, 255, 255);
}

.table-tasklistd tbody tr:nth-child(even) {
    background-color: rgb(255, 255, 255);
}

.table-tasklistd tbody tr:nth-child(odd) {
    background-color: rgb(255, 255, 255);
}

.table-tasklistd thead th,
.table-tasklistd tbody td {
    color: rgb(79, 93, 100);
}

.table-tasklistd tbody td>a,
.table-tasklistd tbody td>div>a {
    color: rgb(29, 106, 184);
}

.nav-tabs-custom>.nav-tabs-sqlx>li {
    border-top: none;
    border-left: none;
    border-right: none;
    margin-bottom: -2px;
    margin-right: 0px;
    border-bottom: 5px solid rgb(227, 237, 241);
    color: rgb(227, 237, 241);
    width: 100px;
    text-align: center;
    outline: 0 !important;
}

.nav-tabs-custom>.nav-tabs-sqlx>li.active {
    border-top-color: transparent;
    border-bottom-color: rgb(68, 180, 248);
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    outline: 0 !important;
}

.nav-tabs-custom>.nav-tabs-sqlx>li.active>a {
    color: rgb(68, 180, 248) !important;
    outline: 0 !important;
}

.nav-tabs-custom>.nav-tabs-sqlx>li>a {
    color: rgb(130, 145, 152);
    outline: 0 !important;
}

.btn-sqlx-req {
    /* background-color:rgb(173, 209, 102); */
    color: rgb(255, 255, 255);
    border-radius: 15px !important;
    border: 2px solid rgb(206, 215, 220);
    height: 30px;
    width: 75px !important;
    font-weight: bold !important;
    margin-left: 5px;
    outline: 0;
}

.btn-sqlx {
    /* background-color:rgb(173, 209, 102); */
    color: rgb(255, 255, 255);
    border-radius: 20px !important;
    height: 30px;
    width: 100px !important;
    font-weight: bold !important;
    margin-left: 5px;
}

.btn-sqlx:hover {
    color: rgb(255, 255, 255) !important;
    box-shadow: 0 0 0.4em 0.4em rgba(199, 195, 202, 0.2);
}

.btn-sqlx:active {
    color: rgb(255, 255, 255) !important;
}

.btn-sqlx-r {
    color: rgb(255, 255, 255);
    border-radius: 50%!important;
    height: 36px;
    width: 36px;
    font-weight: bold !important;
    margin-left: 5px;
}

.btn-sqlx-r:hover {
    color: rgb(255, 255, 255) !important;
    box-shadow: 0 0 0.4em 0.4em rgba(199, 195, 202, 0.2);
}

.btn-sqlx-r:active {
    color: rgb(255, 255, 255) !important;
}

.btn-sqlx-r[disabled] {
    cursor: not-allowed;
    opacity: 1.65!important;
}

.nav-tabs-sqlx-v {
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

.nav-tabs-sqlx-v>.nav-groups-sqlx-v>li.active {
    border-top: none;
    border-left: none;
    border-right: 5px solid rgb(28, 110, 198);
    outline: 0;
    background-color: transparent;
}

.nav-tabs-sqlx-v>.nav-groups-sqlx-v>li:hover {
    background-color: transparent;
}

.nav-tabs-sqlx-v>.nav-groups-sqlx-v>li.active>a {
    color: rgb(68, 180, 248);
    outline: 0;
    background-color: transparent;
}

.nav-tabs-sqlx-v>.nav-groups-sqlx-v>li>a {
    color: rgb(130, 145, 152);
    outline: 0;
}

.nav-tabs-sqlx-v>.nav-groups-sqlx-v>li>a:hover {
    color: rgb(130, 145, 152);
    outline: 0;
    background-color: transparent;
}

.nav-tabs-sqlx-v>.nav-groups-sqlx-v>li {
    border-top: none;
    border-left: none;
    border-bottom: 2px solid rgb(227, 237, 241);
    border-right: 2px solid rgb(227, 237, 241);
    margin-bottom: -2px;
    margin-bottom: 0px;
    color: rgb(227, 237, 241);
    text-align: left;
    outline: 0;
    display: inline-grid;
    height: 60px;
}

.nav-tabs-sqlx-v>.nav-groups-sqlx-r>li.active {
    border-top: none;
    border-left: none;
    background-color: rgb(234, 244, 249);
    outline: 0;
}

.nav-tabs-sqlx-v>.nav-groups-sqlx-r>li>a:hover {
    color: rgb(35, 121, 205);
    outline: 0;
    background-color: rgb(234, 244, 249);
}

.nav-tabs-sqlx-v>.nav-groups-sqlx-r>li:hover {
    background-color: rgb(234, 244, 249);
}

.nav-tabs-sqlx-v>.nav-groups-sqlx-r>li.active>a {
    color: rgb(35, 121, 205);
    outline: 0;
    background-color: rgb(234, 244, 249);
}

.nav-tabs-sqlx-v>.nav-groups-sqlx-r>li>a {
    color: rgb(35, 121, 205);
    outline: 0;
}

.nav-tabs-sqlx-v>.nav-groups-sqlx-r>li>a:hover {
    color: rgb(35, 121, 205);
    outline: 0;
    background-color: rgb(234, 244, 249);
}

.nav-tabs-sqlx-v>.nav-groups-sqlx-r>li {
    border-top: none;
    border-left: none;
    border-bottom: 2px solid rgb(227, 237, 241);
    border-right: 2px solid rgb(227, 237, 241);
    margin-bottom: -2px;
    margin-bottom: 0px;
    color: rgb(227, 237, 241);
    text-align: left;
    outline: 0;
    display: inline-grid;
    height: 60px;
}

@media (min-width: 1400px) {
    .nav-groups-sqlx {
        width: 11.8%;
    }
}

.group-item>div>a:active {
    background-color: transparent;
}

.nav-tabs-custom-spr {
    overflow-x: scroll;
    overflow-y: hidden;
}

.nav-tabs-custom-spr>.nav-tabs-spr>li.active {
    border-bottom-color: #007bd2;
    padding-bottom: 4px;
}

.nav-tabs-custom-spr>.nav-tabs-spr>li {
    border-bottom: 6px solid #dce3e6;
    margin-bottom: -2px;
    float: left;
    list-style-type: none;
    width: 58px;
    padding-bottom: 4px;
}

.nav-spr .nav-tabs-spr {
    padding: 0;
}

.inputs-request {
    text-align: center;
    border-radius: 20px;
    margin-left: 20px;
    /* width: 30%!important; */
    border-color: rgb(214, 224, 229);
    border-style: solid;
    height: 32px;
    background-color: white;
}

.label-input-request {
    background-color: transparent;
    margin-top: 3px;
    margin-left: 3px;
    color: rgb(130, 145, 152);
    text-align: left;
}

.input-request {
    background-color: transparent;
    border: none;
    font-size: 14px;
    padding-top: 0px;
    padding-bottom: 2px;
    height: 20px;
    outline: none;
    margin-left: 10px;
}


/* USER SETTINGS */

.edit-login {
    text-align: center;
    background: #4c4c4c;
    color: white;
    height: 20px;
    width: 50px;
    margin: 0 auto;
    display: none;
    cursor: default;
    border: double #777777 1px;
    border-radius: 10px;
    margin: 50%;
}

.input-user {
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
}

.checkbox-squadlinx.ui-chkbox .ui-chkbox-box {
    width: 1.125em;
    height: 1.125em;
    line-height: 1.125em;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    border-color: #c0c0c0!important;
    background: #eeeeee!important;
    color: #212121!important;
}

.checkbox-squadlinx.ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active):hover {
    border-color: #c0c0c0;
    background: #eeeeee;
    color: #212121;
}


/* GENERAL SETTINGS */

.upload-picture-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.upload-picture-btn-wrapper .input-picture {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}


/* WIKI */

.wiki-sidemenu {
    display: inline-grid;
    border: 1px #e1e4e8 solid !important;
    margin-bottom: 15px;
    list-style: none;
    background-color: #fff;
    border-radius: 3px;
}

.wiki-item {
    position: relative;
    display: block;
    padding: 8px 10px;
}

.border {
    border: 1px #e1e4e8 solid !important;
}

.wiki {
    margin-bottom: 15px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #d1d5da;
    border-radius: 3px;
}

.wiki-item.selected {
    font-weight: 600;
    color: #24292e;
    cursor: default;
    background-color: #fff;
}

.wiki-item:first-child {
    border-top: 0;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.wiki-item {
    position: relative;
    display: block;
    padding: 8px 10px;
    border-bottom: 1px solid #e1e4e8;
}

.Counter {
    display: inline-block;
    padding: 2px 5px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    color: #586069;
    background-color: rgba(27, 31, 35, 0.08);
    border-radius: 20px;
}

.wiki-item .Counter {
    float: right;
    margin-left: 5px;
}

.wiki-item:hover {
    text-decoration: none;
    background-color: #f6f8fa;
}

.wiki-link {
    color: #586069 !important;
    text-decoration: none;
}

.wiki-result {
    padding: 5px 0;
    border-top: 1px #e1e4e8 solid;
}

.wiki-item.selected::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 2px;
    content: "";
    background-color: #e36209;
}

.wiki-tabs>li.active>a,
.wiki-tabs>li.active>a:hover,
.wiki-tabs>li.active>a:focus {
    border-color: #e36209 #e1e4e8 transparent !important;
}

.code-list {
    list-style-type: none;
    padding: 0;
}

.code-list>li {
    display: inline-block;
    padding: 0.3em 0.9em;
    margin: 0 0.5em 0.5em 0;
    white-space: nowrap;
    background-color: #f1f8ff;
    border-radius: 3px;
}

.code-panel {
    background-color: #f1f8ff;
    border: 1px solid #c8e1ff;
}

.code-panel>div {
    padding: 5px;
}

.wiki-body {
    padding: 0;
}

.wiki-btn {
    float: left;
    width: 50%;
    padding: 10px 0;
    text-align: center;
    border: 0;
    border-top: 1px solid #e1e4e8 !important;
    border-radius: 0;
}

.wiki-outline {
    color: #0366d6;
    background-color: #fff;
    background-image: none;
}

.dropdown-menu>div>a:hover {
    color: #fff;
    background-color: #0366d6;
}

.filter-panel {
    font-size: 12px;
    color: #586069;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(27, 31, 35, 0.15);
    border-radius: 3px;
    box-shadow: 0 3px 12px rgba(27, 31, 35, 0.15);
    z-index: 1;
    top: 159px;
    right: 36px;
    background-color: white;
    width: 300px;
    height: 300px;
    position: absolute;
    top: 143px;
    display: none;
}

.filter-head {
    padding: 8px 10px;
    line-height: 16px;
    border-bottom: 1px solid #e1e4e8;
    width: 300px;
    text-align: left;
}

.filter-profiles {
    list-style-type: none;
    padding: 2px;
    font-size: 14px;
    display: inline-grid;
    width: 300px;
}

.filter-profiles>a {
    border-bottom: 1px solid #e1e4e8;
    padding: 8px;
}

.filter-profiles>a:hover {
    color: #fff;
    background-color: #0366d6;
    text-decoration: none;
}

.filter-profiles>a {
    text-decoration: none;
}

.ui-editor-content.ql-container.ql-snow {
    resize: vertical;
    overflow: auto;
}

.order-menu .ui-widget-content {
    border: none!important;
}

.skin-blue .sidebar-menu>li:hover>a,
.skin-blue .sidebar-menu>li.active>a {
    background-color: rgb(210, 221, 226);
}

.descriptionTasks {
    margin-top: 6px;
    height: 60px;
    overflow-y: scroll;
    color: rgb(79, 93, 100);
    background-color: transparent!important;
    text-align: justify!important;
}

.box-task-description{
    overflow: hidden;
}

@media only screen and (min-width: 1280px)  {
    .box-task-description{
        max-width: calc(1280px*0.4);
    }
}

@media only screen and (max-width: 1280px)  {
    .box-task-description{
        max-width: calc(1024px*0.4);
    }
}

@media only screen and (min-width: 1440px)  {
    .box-task-description{
        max-width: calc(1440px*0.4);
    }
}

@media only screen and (min-width: 1800px)  {
    .box-task-description{
        max-width: calc(1800px*0.4);
    }
}

@media only screen and (min-width: 1920px)  {
    .box-task-description{
        max-width: calc(1920px*0.5);
    }
}

.btn-sqlx[disabled] {
    cursor: not-allowed;
    opacity: 1.65!important;
}

#sprint_det .chartjs-render-monitor {
    transform: translate(1px, -12px);
}

@media (min-width: 1200px) and (max-width: 1340px) {
    #sprint_det #button-work-team {
        font-size: 12px;
        width: 163px;
        margin-right: 5px;
    }
    #sprint_det .burndownsprint {
        font-size: 12px;
    }
}

.nav-tabs-sqlx-sp>.nav-groups-sqlx-sp>li {
    border: none;
}

.nav-tabs-sqlx-sp>.nav-groups-sqlx-sp>li:hover {
    background: transparent;
}

.nav-tabs-sqlx-sp>.nav-groups-sqlx-sp>li>a {
    color: rgb(112, 112, 112);
    outline: 0;
}

.head-table-daily {
    border-bottom: none!important;
    text-align: center
}

#cphone-usett .form-control,
#cphone-usett2 .form-control {
    color: #707070;
    background-color: transparent;
    border: 0px solid transparent;
}

#cphone-usett .dropbtn[_ngcontent-c0],
#cphone-usett2 .dropbtn[_ngcontent-c0] {
    background-color: transparent;
}

#cphone-usett .input-group-addon,
#cphone-usett2 .input-group-addon {
    padding: 6px 12px;
    background-color: transparent!important;
    border: 0px solid #ccc;
}


/* Dailyboard */

.row-dailyboard {
    height: 100px;
    width: 950px;
}

.dailyboard-tile {
    height: 30px;
    width: 40%;
    background: #858585;
    margin: 5px;
    color: white;
    text-align: left;
    border-radius: 5px;
    border: 1px solid;
    padding: 5px 10px;
}

.dailyboard-tile-default {
    background-color: #c1c1c1;
    color: #ffffff;
    border-color: #c1c1c1;
}

.dailyboard-tile-warning {
    background-color: #ffbe2c;
    border-color: #efab14;
}

.dailyboard-tile-danger {
    background-color: #f01458;
    border-color: #c6004c;
}

.dailyboard-tile-success {
    background-color: #92cc66;
    border-color: #80ba54;
}

.dailyboard-column {
    box-shadow: 0px 0px 5px 1px #b2b2b2;
    overflow: scroll;
    padding-left: 20px!important;
    padding-top: 10px!important;
}

.modal-squadlinx .modal-header {
    background: #006ec6;
    color: white;
}

.tab-squadlinx {
    height: 50px;
    background: #E6EEF2;
    margin-bottom: 3px;
    text-align: center;
    padding-top: 15px;
    color: #829198;
    font-weight: bolder;
    font-size: 16px;
    cursor: pointer;
}

.tab-squadlinx.selected {
    background: #0FB4FF;
    color: #FFFFFF;
}

.squadlinx-embed-table>thead {
    background: #0FB4FF;
}

.squadlinx-embed-table>thead>td {
    width: 150px;
    border: 1px solid #FFFFFF;
    text-align: center;
    color: #FFFFFF;
    font-weight: bolder;
}

.squadlinx-embed-table>tbody>tr>td {
    height: 30px;
    color: #829198;
    border: 1px solid #CCD7DD;
    text-align: center;
    font-weight: bolder;
}

.button-round-squadlinx {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #0FB4FF;
    padding: 5px;
    color: #FFFFFF;
    box-shadow: 0px 1px 5px 2px #E6EEF2;
}

p-dropdown.ng-valid[required]>div,
p-autocomplete.ng-valid.required>div {
    border-left: 5px solid #829198;
    /* green */
}

p-dropdown.ng-invalid:not(form)>div {
    border-left: 5px solid #829198;
    /* red */
}

p-dropdown.ng-valid[required],
p-dropdown.ng-valid.required {
    border-left: 0 none;
}

p-dropdown.ng-invalid:not(form) {
    border-left: 0 none;
}

.dropdown-squadlinx {
    /* font-family: "Quicksand_Book" !important;
  font-weight: bolder; */
}

.dropdown-squadlinx .ui-dropdown-label.ui-inputtext.ui-corner-all.ui-placeholder.ng-star-inserted,
.dropdown-squadlinx .ui-dropdown-label.ui-inputtext.ui-corner-all.ng-star-inserted {
    color: #829198;
    font-weight: bolder;
    border-radius: 25px;
}

.dropdown-squadlinx .ui-dropdown-item.ui-corner-all.ng-star-inserted {
    color: #829198;
    padding: 5px 10px;
}

.dropdown-squadlinx .ui-dropdown-item.ui-corner-all.ui-state-highlight.ng-star-inserted {
    border-color: #0FB4FF!important;
    background: #0FB4FF!important;
    color: #ffffff;
    border-radius: 0px!important;
}

.dropdown-squadlinx .ui-dropdown-items.ui-dropdown-list.ui-widget-content.ui-widget.ui-corner-all.ng-star-inserted {
    padding: .4em 0;
}

.dropdown-squadlinx .ui-dropdown-trigger.ui-state-default.ui-corner-right {
    border-left: 0;
    height: 5px;
    margin: 5px 5px 0 0;
}

.dropdown-squadlinx .ui-dropdown.ui-widget.ui-state-default.ui-corner-all.ui-helper-clearfix {
    border-radius: 25px;
    border: 2px solid #CCD7DD;
}

.dropdown-squadlinx .ui-g.ui-fluid.dropdown-squadlinx.ng-pristine.ng-valid.ng-touched.ui-inputwrapper-focus,
.dropdown-squadlinx .ui-dropdown.ui-widget.ui-state-default.ui-corner-all.ui-helper-clearfix.ui-state-focus,
.dropdown-squadlinx .ui-multiselect.ui-state-focus {
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
}

.dropdown-squadlinx .ui-dropdown-panel.ui-widget-content.ui-corner-all.ui-shadow.ng-trigger.ng-trigger-panelState {
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    border-radius: 15px;
    border: 2px solid #CCD7DD;
    overflow-x: hidden;
}

.dropdown-squadlinx .ui-inputtext.ui-state-focus,
.ui-inputtext:focus {
    -moz-box-shadow: 0px 0px 5px transparent;
    -webkit-box-shadow: 0px 0px 5px transparent;
    box-shadow: 0px 0px 5px transparent;
}

.dropdown-squadlinx .ui-dropdown-panel .ui-dropdown-filter {
    border-radius: 15px;
    color: red;
}


/* end p-dropdown*/


/* Reports */

.dropdown-menu.dropdown-report {
    overflow: scroll;
    height: 106px;
    border-radius: 15px;
    border: 2px solid rgb(206, 215, 220);
    top: 22px;
    left: -242px;
    width: 297px;
}

.inputs-mainfilter.inputs-report {
    max-width: 300px;
    min-width: 300px;
    display: inline-block;
    margin-right: 10px;
    background-color: #fff;
    border-radius: 15px;
    border: 2px solid rgb(206, 215, 220);
}

.table.report-listproj>thead>tr>th,
.table.report-listproj>thead>tr>td,
.table.report-listproj>tbody>tr>th,
.table.report-listproj>tbody>tr>td,
.table.report-listproj>tfoot>tr>th,
.table.report-listproj>tfoot>tr>td {
    padding: 3px;
    line-height: 1.42857;
    vertical-align: middle;
    border-top: 1px solid transparent;
}

.table-bordered2.table-report-u tbody tr:nth-child(even) {
    background-color: rgb(249, 252, 252) !important;
    color: rgb(130, 145, 152);
}

.table-bordered2.table-report-u tbody tr:nth-child(odd) {
    background-color: rgb(255, 255, 255) !important;
    color: rgb(130, 145, 152);
}

.table-report-u>thead>tr>th,
.table-report-u>thead>tr>td,
.table-report-u>tbody>tr>th,
.table-report-u>tbody>tr>td,
.table-report-u>tfoot>tr>th,
.table-report-u>tfoot>tr>td {
    line-height: 1.42857;
    vertical-align: middle;
    text-align: center;
}

@media (min-width: 1200px) and (max-width: 1400px) {
    /* #reports .estimaed-points-bar {
    transform: translate(-23px, -7px)!important;
  } */
}

@media (min-width: 1401px) and (max-width: 1600px) {
    #reports .estimaed-points-bar {
        transform: translate(8px, -8px)!important;
    }
    #reports .projectsprint-pie {
        transform: translate(8px, -8px)!important;
    }
}

@media (max-width: 1199px) {
    #reports .estimaed-points-bar {
        transform: translate(29px, -7px)!important;
    }
    #reports .projectsprint-pie {
        transform: translate(29px, -7px)!important;
    }
}

@media (min-width: 882px) and (max-width: 1200px) {
    #reports .content-report {
        margin-left: 56px!important;
    }
}

@media (min-width: 768px) and (max-width: 881px) {
    #reports .content-report {
        margin-left: 44px!important;
    }
}

@media (max-width: 767px) {
    #reports .content-report {
        margin-left: 84px!important;
    }
    .list-att-task>thead>tr>th,
    .list-att-task>thead>tr>td,
    .list-att-task>tbody>tr>th,
    .list-att-task>tbody>tr>td,
    .list-att-task>tfoot>tr>th,
    .list-att-task>tfoot>tr>td {
        background-color: transparent;
        color: rgb(167, 167, 167)!important;
    }
}

#formLogin .form-group input:-webkit-autofill {
    transition: all 5000s ease-in-out 0s;
}

.btn-sqlx2 {
    color: rgb(255, 255, 255);
    border-radius: 10px !important;
    height: 45px;
    width: 45px !important;
    font-weight: bold !important;
    margin-left: 15px;
    border: solid rgb(227, 237, 241) 2px!important;
}

.btn-sqlx2:focus {
    outline: none;
}

.inputs-mainfilter2 {
    text-align: center;
    border-radius: 20px;
    border-color: rgb(214, 224, 229);
    border-style: solid;
    height: 32px;
    border-width: 2px;
}

@media (min-width: 800px) and (max-width: 982px) {
    .btn-sqlx2 {
        margin-left: 3px;
    }
}

.project-box-header>.box-tools {
    position: absolute;
    right: 10px;
    top: 5px;
}

.project-box-header>.box-tools {
    right: 35px;
}

.ui-g .ui-fluid .calendar-sq {
    background-color: blue!important;
}


/* Calendar - Dashboard */

#calendar-sq.calendar-sq .ui-datepicker-calendar,
#calendar-sq.calendar-sq .ui-datepicker-calendar td a {
    color: rgb(28, 110, 198);
    font-weight: bold;
    background: rgb(72, 183, 248);
    border: none;
}

#calendar-sq.calendar-sq .ui-datepicker.ui-widget {
    width: 100%;
    border: none;
}

#calendar-sq.calendar-sq .ui-datepicker td {
    border-bottom: 1px solid rgb(72, 183, 248)!important;
}

#calendar-sq.calendar-sq .ui-datepicker.ui-widget .ui-datepicker-calendar thead th {
    background: rgb(72, 183, 248)!important;
}

#calendar-sq.calendar-sq .ui-datepicker .ui-datepicker-title {
    background: rgb(72, 183, 248);
    color: white;
    font-weight: bold;
}

#calendar-sq.calendar-sq .ui-datepicker.ui-widget .ui-datepicker-header {
    background: rgb(72, 183, 248);
    border-bottom: none;
}

#calendar-sq.calendar-sq .ui-datepicker .ui-datepicker-header a {
    color: white;
}

.with-border.header-notifications-sq {
    background-color: rgb(72, 183, 248);
    color: white;
    font-weight: bold;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding: 17px;
    border-bottom: 3px solid rgb(65, 169, 239);
}

#calendar-sq.calendar-sq .ui-datepicker .ui-datepicker-prev span,
#calendar-sq.calendar-sq .ui-datepicker .ui-datepicker-next span {
    font-weight: bold;
    font-size: 20px;
}

#calendar-sq.calendar-sq .ui-datepicker.ui-widget .ui-datepicker-calendar td a.ui-state-highlight {
    background-color: rgb(216, 241, 253);
    color: rgb(72, 183, 248);
}

#calendar-sq.calendar-sq .ui-datepicker.ui-widget .ui-datepicker-calendar td a {
    padding: 10px;
}

#calendar-sq.calendar-sq .ui-datepicker.ui-widget .ui-datepicker-calendar td a.ui-state-active {
    background-color: transparent;
    color: white;
}

.box-header.with-border.header-notifications-sq {
    border-bottom: 3px solid rgb(65, 169, 239);
}


/* End Calendar */


/*p-confirmDialog*/

.confirmSqlx .ui-corner-all {
    border-radius: 15px;
    border: none;
}

.confirmSqlx .ui-dialog.ui-widget .ui-dialog-titlebar {
    padding: 1em 1.5em;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background: #FFBE46;
    color: white;
}

.confirmSqlx .ui-widget-content {
    border: 1px solid #D5D5D5;
    background: #F5F5F5;
    color: #222222;
    border: none;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.confirmSqlx .ui-confirmdialog .ui-dialog-content .fa {
    display: none;
}

.confirmSqlx .ui-confirmdialog {
    width: 27em;
}

.confirmSqlx .ui-dialog .ui-dialog-titlebar-icon {
    color: #707070;
}

.confirmSqlx .ui-dialog .ui-dialog-titlebar-icon span:hover {
    color: #707070;
    background: #FFBE46;
}

.confirmSqlx .ui-dialog .ui-dialog-titlebar-icon>a:hover {
    color: #707070;
    background: #FFBE46;
}

.confirmSqlx .ui-dialog .ui-dialog-titlebar-close span {
    margin: -2px;
}

.confirmSqlx .ui-dialog-footer {
    text-align: center;
}

.confirmSqlx .nobutton {
    background: red;
}


/* End p-confirmDialog */


/*p-dropdown*/

p-dropdown.ng-valid[required]>div,
p-autocomplete.ng-valid.required>div {
    border-left: 5px solid #829198;
    /* green */
}

p-dropdown.ng-invalid:not(form)>div {
    border-left: 5px solid #829198;
    /* red */
}

p-dropdown.ng-valid[required],
p-dropdown.ng-valid.required {
    border-left: 0 none;
}

p-dropdown.ng-invalid:not(form) {
    border-left: 0 none;
}

.dropdownSqlx {
    /* font-family: "Quicksand_Book" !important; */
    /* font-weight: bold; */
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: rgb(130, 145, 152);
}

.dropdownSqlx .ui-dropdown .ui-dropdown-trigger {
    color: #0eb4ff;
    right: 1%;
}

.dropdownSqlx .ui-dropdown-label.ui-inputtext.ui-corner-all.ui-placeholder.ng-star-inserted,
.dropdownSqlx .ui-dropdown-label.ui-inputtext.ui-corner-all.ng-star-inserted {
    color: #829198;
    border-radius: 25px;
}

.dropdownSqlx .ui-dropdown-item.ui-corner-all.ng-star-inserted {
    color: #829198;
    padding: 5px 10px;
}

.dropdownSqlx .ui-dropdown-item.ui-corner-all.ui-state-highlight.ng-star-inserted {
    border-color: #0FB4FF!important;
    background: #0FB4FF!important;
    color: #ffffff;
    border-radius: 0px!important;
}

.dropdownSqlx .ui-dropdown-items.ui-dropdown-list.ui-widget-content.ui-widget.ui-corner-all.ng-star-inserted {
    padding: .4em 0;
}

.dropdownSqlx .ui-dropdown-trigger.ui-state-default.ui-corner-right {
    border-left: 0;
    height: 18px;
    margin: 9px -3px 0 0px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}

.dropdownSqlx .ui-dropdown.ui-widget.ui-state-default.ui-corner-all.ui-helper-clearfix {
    border-radius: 25px;
    border: 2px solid #CCD7DD;
}

.dropdownSqlx .ui-g.ui-fluid.dropdownSqlx.ng-pristine.ng-valid.ng-touched.ui-inputwrapper-focus,
.dropdownSqlx .ui-dropdown.ui-widget.ui-state-default.ui-corner-all.ui-helper-clearfix.ui-state-focus,
.dropdownSqlx .ui-multiselect.ui-state-focus {
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
}

.dropdownSqlx .ui-dropdown-panel.ui-widget-content.ui-corner-all.ui-shadow.ng-trigger.ng-trigger-panelState {
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    border-radius: 15px;
    border: 2px solid #CCD7DD;
    overflow-x: hidden;
}

.dropdownSqlx .ui-dropdown-panel .ui-dropdown-filter {
    border-radius: 15px;
    color: #829198;
}

.dropdownSqlx .ui-widget-content {
    color: #0FB4FF;
}


/* end p-dropdown*/


/* Calendar - Modales */

.calendar-squadlinx {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: rgb(130, 145, 152);
}

.calendar-squadlinx .ui-datepicker-calendar,
.calendar-squadlinx .ui-datepicker-calendar td a {
    color: rgb(135, 144, 147);
    font-weight: bold;
    background: rgb(215, 224, 228);
}

.calendar-squadlinx .ui-datepicker.ui-widget {
    width: 94%;
    border: 2px solid rgb(215, 224, 228);
    border-radius: 15px;
    background: rgb(215, 224, 228);
}

.calendar-squadlinx .ui-datepicker td {
    border-bottom: 1px solid rgb(215, 224, 228)!important;
}

.ui-datepicker.ui-widget .ui-datepicker-calendar td a {
    background: white;
    border: 2px solid rgb(215, 224, 228);
}

.calendar-squadlinx .ui-datepicker.ui-widget .ui-datepicker-calendar thead th {
    background: rgb(215, 224, 228)!important;
}

.calendar-squadlinx .ui-datepicker .ui-datepicker-title {
    background: white;
    color: rgb(135, 144, 147);
    font-weight: bold;
}

.calendar-squadlinx .ui-datepicker.ui-widget .ui-datepicker-header {
    background: white;
    border-top-left-radius: 15px;
    border-top-right-radius: 12px;
    border: none;
}

.calendar-squadlinx .ui-datepicker .ui-datepicker-header a {
    background: rgb(61, 169, 248);
    border-radius: 50%;
    width: 17px;
    height: 60%;
    color: white;
    margin-left: 10px;
    margin-right: 8px;
    margin-top: 4px;
}

.calendar-squadlinx .ui-datepicker .ui-datepicker-prev span,
.calendar-squadlinx .ui-datepicker .ui-datepicker-next span {
    font-weight: bold;
    font-size: 15px;
}

.calendar-squadlinx .ui-datepicker.ui-widget .ui-datepicker-calendar td {
    background: white;
    color: rgb(135, 144, 147);
}

.calendar-squadlinx .ui-datepicker.ui-widget .ui-datepicker-calendar td a.ui-state-active {
    background-color: rgb(61, 169, 248);
    color: white;
}

.calendar-squadlinx .ui-datepicker.ui-widget .ui-datepicker-calendar td a.ui-state-highlight {
    background-color: transparent;
    color: rgb(135, 144, 147);
    border-radius: 0px;
}

.calendar-squadlinx .ui-datepicker .ui-datepicker-calendar td:not(.ui-state-disabled) a:hover {
    background-color: rgb(61, 169, 248);
    color: white;
    font-weight: bolder;
    border-color: rgb(61, 169, 248);
}

.calendar-squadlinx .ui-widget.ui-button,
.calendar-squadlinx .ui-button {
    border: none;
    color: rgb(61, 169, 248);
    background: transparent;
    font-size: 30px;
}

.calendar-squadlinx .ui-calendar.ui-calendar-w-btn input {
    border-radius: 15px;
    border: 2px solid rgb(215, 224, 228);
    color: #829198;
}

.calendar-squadlinx input.ui-inputtext.ui-widget.ui-state-default.ui-corner-all {
    width: 94%;
}

.calendar-squadlinx .ui-widget-header .ui-button:enabled:hover,
.calendar-squadlinx .ui-widget-header .ui-button:focus,
.calendar-squadlinx .ui-widget-content .ui-button:enabled:hover,
.calendar-squadlinx .ui-widget-content .ui-button:focus,
.calendar-squadlinx .ui-widget.ui-button:enabled:hover,
.calendar-squadlinx .ui-widget.ui-button:focus,
.calendar-squadlinx .ui-button:enabled:hover,
.calendar-squadlinx .ui-button:focus {
    border: none;
    background: transparent;
    outline: 0 none;
    color: rgb(61, 169, 248);
}

.calendar-squadlinx .ui-inputtext.ui-state-focus,
.calendar-squadlinx .ui-inputtext:focus {
    outline: 0 none;
    border-color: transparent;
    -moz-box-shadow: 0px 0px 5px transparent;
    -webkit-box-shadow: 0px 0px 5px transparent;
    box-shadow: 0px 0px 5px transparent;
}

.calendar-squadlinx .ui-button-icon-only .fa {
    left: 30%;
}

.calendar-squadlinx .ui-datepicker .ui-datepicker-header a {
    background: rgb(61, 169, 248);
    border-radius: 50%;
    width: 17px;
    height: 60%;
    color: white;
    margin-left: 10px;
    margin-right: 8px;
    margin-top: 4px;
}

.calendar-squadlinx .ui-datepicker table {
    width: 97%;
}

.calendar-squadlinx .ui-datepicker.ui-widget .ui-datepicker-calendar {
    margin: 3px;
}

.calendar-squadlinx .ui-fluid .ui-calendar.ui-calendar-w-btn .ui-inputtext {
    color: #829198;
}

.calendar-squadlinx .ui-datepicker select.ui-datepicker-month,
.calendar-squadlinx .ui-datepicker select.ui-datepicker-year {
    background: rgb(215, 224, 228) url('/img/down_arrow_icon.svg');
    color: rgb(135, 144, 147);
    border: none;
    -webkit-appearance: none;
    background-repeat: no-repeat;
    background-size: 2.5rem;
    background-position: 100% 80%;
    padding-left: 6px;
}

.calendar-squadlinx .ui-datepicker select.ui-datepicker-month:focus,
.calendar-squadlinx .ui-datepicker select.ui-datepicker-year:focus {
    outline: 0 none;
    border-color: transparent;
    -moz-box-shadow: 0px 0px 5px transparent;
    -webkit-box-shadow: 0px 0px 5px transparent;
    box-shadow: 0px 0px 5px transparent;
}

.calendar-squadlinx option.ng-tns-c1-4.ng-star-inserted {
    color: red;
    background: white;
}

.calendar-squadlinx .ui-datepicker-today {
    background-color: #d6d6d6 !important;
}


/* End Calendar */


/* Input  */

.input-squadlinx {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: rgb(130, 145, 152);
}

div.input-squadlinx input.sqlx-input {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border: 2px solid #CCD7DD;
    border-radius: 25px;
    box-shadow: none!important;
    color: #829198;
    padding: 5px;
}

div.input-squadlinx input.sqlx-input:focus {
    outline: none;
    border-color: #CCD7DD;
}


/* End Input  */


/* p-editor  */

.editor-squadlinx {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: rgb(130, 145, 152);
}

.editor-squadlinx .ql-toolbar.ql-snow {
    border: 2px solid #CCD7DD;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background: #CCD7DD;
    outline: none;
    text-align: center;
}

.editor-squadlinx .ql-snow .ql-picker.ql-header,
.editor-squadlinx .ql-snow .ql-picker.ql-header:hover,
.editor-squadlinx .ql-snow .ql-picker.ql-header:focus {
    color: #829198;
    border-radius: 25px;
    background: white;
    outline: none;
}

.editor-squadlinx .ql-snow .ql-picker.ql-font,
.editor-squadlinx .ql-snow .ql-picker.ql-font:hover,
.editor-squadlinx .ql-snow .ql-picker.ql-font:focus {
    color: #829198;
    border-radius: 25px;
    background: white;
    outline: none;
}

.editor-squadlinx .ql-snow.ql-toolbar button:hover,
.editor-squadlinx .ql-snow .ql-toolbar button:hover,
.editor-squadlinx .ql-snow.ql-toolbar button:focus,
.editor-squadlinx .ql-snow .ql-toolbar button:focus,
.editor-squadlinx .ql-snow.ql-toolbar button.ql-active,
.editor-squadlinx .ql-snow .ql-toolbar button.ql-active,
.editor-squadlinx .ql-snow.ql-toolbar .ql-picker-label:hover,
.editor-squadlinx .ql-snow .ql-toolbar .ql-picker-label:hover,
.editor-squadlinx .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.editor-squadlinx .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.editor-squadlinx .ql-snow.ql-toolbar .ql-picker-item:hover,
.editor-squadlinx .ql-snow .ql-toolbar .ql-picker-item:hover,
.editor-squadlinx .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.editor-squadlinx .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: rgb(61, 169, 248);
    outline: none;
}

.editor-squadlinx .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border: 2px solid #CCD7DD;
    border-radius: 15px;
}

.editor-squadlinx .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: rgb(61, 169, 248);
}

.editor-squadlinx .ui-editor-content.ql-container.ql-snow {
    border: 2px solid #CCD7DD;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.editor-squadlinx .ql-snow .ql-stroke {
    stroke: #829198;
}

.editor-squadlinx .ql-snow .ql-stroke:hover {
    stroke: #829198;
}

.editor-squadlinx .ql-toolbar.ql-snow .ql-formats {
    border-radius: 8px;
    background: white;
    outline: none;
    margin-top: 1px;
    margin-bottom: 1px;
}

.editor-squadlinx .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    border-color: transparent;
    outline: none;
}

.editor-squadlinx .ql-snow.ql-toolbar button:hover,
.editor-squadlinx .ql-snow .ql-toolbar button:hover,
.editor-squadlinx .ql-snow.ql-toolbar button:focus,
.editor-squadlinx .ql-snow .ql-toolbar button:focus,
.editor-squadlinx .ql-snow.ql-toolbar button.ql-active,
.editor-squadlinx .ql-snow .ql-toolbar button.ql-active,
.editor-squadlinx .ql-snow.ql-toolbar .ql-picker-label:hover,
.editor-squadlinx .ql-snow .ql-toolbar .ql-picker-label:hover,
.editor-squadlinx .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.editor-squadlinx .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.editor-squadlinx .ql-snow.ql-toolbar .ql-picker-item:hover,
.editor-squadlinx .ql-snow .ql-toolbar .ql-picker-item:hover,
.editor-squadlinx .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.editor-squadlinx .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: rgb(61, 169, 248);
}

.editor-squadlinx .ql-snow.ql-toolbar button:hover .ql-stroke,
.editor-squadlinx .ql-snow .ql-toolbar button:hover .ql-stroke,
.editor-squadlinx .ql-snow.ql-toolbar button:focus .ql-stroke,
.editor-squadlinx .ql-snow .ql-toolbar button:focus .ql-stroke,
.editor-squadlinx .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.editor-squadlinx .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.editor-squadlinx .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.editor-squadlinx .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.editor-squadlinx .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.editor-squadlinx .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.editor-squadlinx .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.editor-squadlinx .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.editor-squadlinx .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.editor-squadlinx .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.editor-squadlinx .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.editor-squadlinx .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.editor-squadlinx .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.editor-squadlinx .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.editor-squadlinx .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.editor-squadlinx .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.editor-squadlinx .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.editor-squadlinx .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.editor-squadlinx .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.editor-squadlinx .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.editor-squadlinx .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.editor-squadlinx .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.editor-squadlinx .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.editor-squadlinx .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
    stroke: rgb(61, 169, 248);
}


/* End p-editor  */


/*p-spinner*/

.spinner-squadlinx {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.spinnersql {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.spinner-squadlinx .ui-spinner {
    width: 100%;
}

.spinner-squadlinx input.ui-inputtext.ui-widget.ui-state-default.ui-corner-all {
    width: 100%;
    border: 2px solid #CCD7DD;
    border-radius: 25px;
    box-shadow: none!important;
    color: #829198;
    padding: 5px;
}

.spinner-squadlinx input.ui-inputtext.ui-widget.ui-state-default.ui-corner-all:focus {
    outline: none;
}

.spinner-squadlinx .ui-widget-header .ui-button,
.spinner-squadlinx .ui-widget-content .ui-button,
.spinner-squadlinx .ui-widget.ui-button,
.spinner-squadlinx .ui-button {
    color: rgb(61, 169, 248);
    background: transparent;
    border: none;
    right: 1%;
}

.spinner-squadlinx .ui-spinner:not(.ui-state-disabled) .ui-spinner-button:enabled:hover {
    border: 1px solid transparent;
    background: transparent;
    outline: 0 none;
    color: rgb(61, 169, 248);
}


/*end p-spinner*/

.performance-container {
    border-radius: 5px;
    border: 2px solid rgb(215, 224, 228);
    padding: 5px;
}
.performance-container-sprint {
    border-radius: 5px;
    border: 2px solid rgb(215, 224, 228);
    padding: 5px;
    margin-top: 15px;
}
.performance {    
    float:left;
    padding-left: 2px;   
    padding-right: 2px;   
}

.performance-text {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-top: 6px;
    padding-bottom: 6px;
}
/*buttons requests*/

.btn.btn-sm.btn-sqlx-req:active,
.btn.btn-sm.btn-sqlx-req:focus,
.btn.btn-sm.btn-sqlx-req:hover {
    color: white!important;
    font-weight: bolder!important;
    background-color: #0fb4ff!important;
    outline: none;
}

.btn.btn-sm.btn-sqlx-req {
    padding: 1px;
    background-color: white;
    color: #0fb4ff;
    outline: none;
}

.btn.btn-sm.btn-sqlx-req.active {
    color: white!important;
    font-weight: bolder!important;
    background-color: #0fb4ff!important;
    outline: none;
}

.nav-tabs-customr>.nav-tabs-sqlxs>li.active {
    border-top-color: transparent;
    border-bottom-color: rgb(68, 180, 248);
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    outline: 0 !important;
    height: 34px;
    background-color: rgb(68, 180, 248);
    border-radius: 15px;
    width: 50px;
}

.nav-tabs-customr>.nav-tabs-sqlxs>li.active>a {
    color: white!important;
    outline: 0 !important;
    font-weight: bolder;
}

.nav-tabs-customr>.nav-tabs-sqlxs>li>a {
    color: rgb(68, 180, 248);
    outline: 0 !important;
    padding: 0px 10px 0px 10px;
    background-color: transparent!important;
}

.nav-tabs-customr>.nav-tabs-sqlxs>li.active>a>i {
    color: white!important;
    outline: 0 !important;
    font-weight: bolder;
}

.nav-tabs-customr>.nav-tabs-sqlxs>li {
    border-top: none;
    border-left: none;
    border-right: none;
    margin-bottom: -2px;
    margin-right: 5px;
    border-bottom: 0px solid rgb(227, 237, 241);
    color: rgb(227, 237, 241);
    text-align: center;
    outline: 0 !important;
    background: white;
    border-radius: 15px;
}


/* end buttons requests*/


/*inputMask user*/

.inputmask_user input.ui-inputtext.ui-widget.ui-state-default.ui-corner-all {
    height: 34px;
    padding: 6px 12px;
    color: rgb(112, 112, 112);
    padding-left: 10px;
    outline: 0;
    height: 28px;
    width: 100%;
    border-radius: 15px;
    border: none;
}


/*end inputMask user*/


/*Task Form EditTask*/

.form-squadlinx {
    color: #829198;
    border-radius: 15px;
    border: 2px solid #CCD7DD;
    width: 100%;
    /*margin-bottom: 0px;*/
    /*height: 33px;*/
    margin-top: 10px;
    height: auto;
    overflow-y: scroll;
    padding-top: 4px;
    font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
}


/*end Task Form EditTask*/


/* Nav-tabs request */

.nav.nav-tabs.sqlx-nav-req>li.active>a {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #829198;
    font-weight: bold;
}

.nav.nav-tabs.sqlx-nav-req>li>a {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: rgb(61, 169, 248);
}


/* End Nav-tabs request */


/*Dropdown report*/

p-dropdown#ddwnr_spr {
    display: inline-block;
    width: 50%;
}


/*End Dropdown report*/


/* Text-area  */

.textarea-squadlinx {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: rgb(130, 145, 152);
}

div.textarea-squadlinx textarea.txt-sqlx {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border: 2px solid #CCD7DD;
    border-radius: 15px;
    box-shadow: none!important;
    color: #829198;
    padding: 5px;
}

div.textarea-squadlinx textarea.txt-sqlx:focus {
    outline: none;
    border-color: #CCD7DD;
}


/* End Text-area  */


/* Element p-autocomplete*/

.autocompleteSqlx ul.ui-autocomplete-multiple-container.ui-widget.ui-inputtext.ui-state-default.ui-corner-all {
    border-radius: 25px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border: 2px solid #CCD7DD;
    color: #829198;
    padding: 3px;
    box-shadow: none!important;
}

.form-group.squadlinx-autocomplete {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: rgb(130, 145, 152);
}


/*End element p-autocomplete*/


/*Element table*/

.form-group.scrollable.squadlinx-table {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: rgb(130, 145, 152);
}

.td-table-sqlx,
.td-table-sqlx span {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #829198;
}

.td-table-sqlx .form-control {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border: 2px solid #CCD7DD;
    border-radius: 25px;
    box-shadow: none!important;
    color: #829198;
}

.td-table-sqlx .form-control:focus {
    border: 2px solid #CCD7DD;
    outline: 0;
}

.squadlinx-label-table {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    color: rgb(130, 145, 152);
    /*color:#829198 !important;*/
}


/*End Element table*/

div button.btn-close-form-sprints {
    border-radius: 50px !important;
    width: 100px !important;
    margin-right: 5px;
    outline: 0 !important;
    background-color: #80ba54 !important;
    border-color: #80ba54 !important;
    /*top: 14px;*/
    font-weight: bold!important;
    padding: 5px 12px;
    font-size: 14px;
    box-shadow: none!important;
    color: #ffffff;
}

div .btn-close-form-sprints:focus {
    color: #ffffff !important;
}

div button.btn-close-form-sprints:hover {
    color: #ffffff;
    text-decoration: none;
}

div button.btn-save-form-sprints {
    border-radius: 50px!important;
    width: 100px!important;
    margin-right: 5px;
    outline: 0!important;
    background-color: #0FB4FF!important;
    border-color: #0FB4FF!important;
    /*top: 85px;*/
    font-weight: bold;
    font-size: 14px;
    padding: 6px 12px;
    color: #ffffff;
}

div button.btn-save-form-sprints[disabled] {
    cursor:not-allowed;
}

.no-data-user-group{
    padding-bottom: 30px;
    text-align: center;
}

div button.btn-save-form-sprints:hover {
    color: #ffffff;
    text-decoration: none;
}

div button.btn-calculate-form-sprints {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    background-color: #007bd2!important;
    border-color: #007bd2!important;
    color: white;
    font-weight: bold;
    border-radius: 15px;
}

.btn-calculate-form-sprints:focus {
    outline: 0 !important;
}


/*label custom load modal projects*/

.custom-upload-form-projectlist {
    border: 1px solid #ccc !important;
    display: inline-block !important;
    padding: 6px 12px !important;
    cursor: pointer !important;
    background-color: #007bd2!important;
    border-color: #007bd2!important;
    color: white !important;
    font-weight: bold !important;
    border-radius: 15px !important;
}


/* end label custom load modal projects*/


/*modulo Roles*/

.acces-a-sqlx {
    /*border-radius: 25px;*/
}

.squadlinx-acces-a {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}


/*end modulo Roles*/


/*modulo users*/

.sqlx-inputMask input.ui-corner-all.ui-inputtext.ui-state-default.ui-widget {
    /* background-color: red; */
    border-radius: 25px;
    border: 2px solid #CCD7DD;
    box-shadow: none!important;
    color: #829198;
    padding: 5px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.inputMask-squadlinx {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.user-inputphone .input-group .dropdown-content {
    left: 0px;
    min-width: 300px;
    top: 30px;
}
#result {
    color: red;
}


/*end modulo users*/


/*modulo group list*/

.th-info-squadlinx {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: rgb(130, 145, 152);
}

.td-info-squadlinx {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #829198;
}

.label-title-squadlinx {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: rgb(130, 145, 152);
}

.cursor-elements-i-sqlx {
    cursor: pointer;
}


/*end modulo group list*/


/*modulo parameters*/

.label-p-content-squadlinx {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #829198;
}


/*end modulo parameters*/


/*Modulo sprint*/

.input-checkbox-sqlx {
    color: #829198;
}

.label-input-checkbox-sqlx {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: rgb(130, 145, 152);
}


/*end modulo sprint*/


/*modulo schedulerlist*/

.input-calendar-shedulerlist-sqlx input.ui-inputtext.ui-widget.ui-state-default.ui-corner-all {
    width: 90% !important;
}


/*end modulo schedulerlist*/


/*modulo tasklist*/

.descriptionTasks.description-fixed-squadlinx {
    height: 25px;
    padding-top: 5px;
}


/* end modulo tasklist*/


/*comments in modules*/

.button-save-comment-sqlx {
    background-color: transparent;
    border: none;
}


/*end comments in modules*/

.description-modal-tags {
    background-color: #006ec6;
    size: 1em;
    color: #ffffff;
}

div button.close-modal {
    font-size: 25px;
    color: #ffffff;
    opacity: 1;
}


/*modal styles of tags*/

.button_prevtag_sqlx,
.button_nexttag_sqlx {
    background-color: #0fb4ff;
    border-radius: 50px !important;
    font-weight: bold;
    color: #ffffff;
    border-color: #0fb4ff;
    padding: 1px 10px !important;
    cursor: pointer;
}

.button_settag_sqlx {
    color: #ffffff;
    padding: 5px 10px !important;
    border-radius: 50px;
    background-color: #80ba54;
    border-color: #80ba54;
    font-weight: bold;
    width: 83px;
    cursor: pointer;
}

.button_savesettag_sqlx {
    color: #ffffff;
    padding: 5px 10px !important;
    border-radius: 50px;
    background-color: #80ba54;
    border-color: #80ba54;
    font-weight: bold;
    width: 120px;
    cursor: pointer;
}

.button_deletetag_sqlx {
    border-radius: 50px;
    color: #0fb4ff;
    font-weight: bold;
    border: none;
    width: 83px;
    cursor: pointer;
}

div.row div.div_tagtask_sqlx {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    margin-left: 18px;
    margin-top: 50px;
    padding: 2%;
    text-align: center;
}


/*End modal styles of tags*/


/*Styles for forms*/

div.div_formfield_taskview {
    color: rgb(130, 145, 152);
    border-radius: 15px;
    border: 2px solid rgb(238, 242, 244);
    width: 100%;
    margin-bottom: 3px;
    height: auto;
    overflow-y: scroll;
    min-height: 46px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

div.div_formdata_taskview {
    color: rgb(130, 145, 152);
    border-radius: 15px;
    border: 2px solid rgb(238, 242, 244);
    width: 100%;
    margin-bottom: 3px;
    height: auto;
    overflow-y: scroll;
    min-height: 46px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

div.div_formdata_taskview2 {
    color: rgb(130, 145, 152);
    border-radius: 15px;
    border: 2px solid rgb(238, 242, 244);
    width: 100%;
    margin-bottom: 3px;
    height: 46px;
}

div.div_formfield_editTask {
    color: #829198;
    border-radius: 15px;
    border: 2px solid #CCD7DD;
    width: 100%;
    margin-bottom: 3px;
    height: auto;
    overflow-y: scroll;
    font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    min-height: 46px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

div.div_formdata_editTask {
    color: #829198;
    border-radius: 15px;
    border: 2px solid #CCD7DD;
    width: 100%;
    margin-bottom: 3px;
    height: auto;
    overflow-y: scroll;
    font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    min-height: 46px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

div.div_formdata2_editTask {
    color: #829198;
    border-radius: 15px;
    border: 2px solid #CCD7DD;
    width: 100%;
    margin-bottom: 3px;
    overflow-y: scroll;
    height: 46px;
}

div.div_formfield_createRequest {
    color: #829198;
    border-radius: 15px;
    border: 2px solid #CCD7DD;
    width: 100%;
    margin-bottom: 3px;
    height: auto;
    overflow-y: scroll;
    font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    min-height: 46px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

div.div_formdata_createRequest {
    color: #829198;
    border-radius: 15px;
    border: 2px solid #CCD7DD;
    width: 100%;
    margin-bottom: 3px;
    height: 46px;
    overflow-x: scroll;
    font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    min-height: 46px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

div.div_formManda_createRequest {
    color: #d00505;
    width: 100%;
    margin-bottom: 3px;
    height: 46px;
    overflow-x: scroll;
    font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 20px;
    min-height: 46px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

div.div_formfield_editRequest {
    color: #829198;
    border-radius: 15px;
    border: 2px solid #CCD7DD;
    width: 100%;
    margin-bottom: 3px;
    height: auto;
    overflow-y: scroll;
    font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    min-height: 46px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

div.div_formdata_editRequest {
    color: #829198;
    border-radius: 15px;
    border: 2px solid #CCD7DD;
    width: 100%;
    margin-bottom: 3px;
    height: 46px;
    overflow-x: scroll;
    font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    min-height: 46px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

div.div_formdata2_editRequest {
    color: #829198;
    border-radius: 15px;
    border: 2px solid #CCD7DD;
    width: 100%;
    margin-bottom: 3px;
    height: 46px;
    overflow-y: scroll;
    min-height: 46px;
}

input.div_input_formdata_createRequest {
    border: none;
    color: #829198;
    height: 46px;
    min-height: 46px;
}

td.td_formfield_taskview {
    width: 40%;
    height: 35px;
    padding-left: 5px;
    padding-right: 5px;
}

td.td_formdata_taskview {
    width: 60%;
    height: 35px;
    padding-left: 5px;
    padding-right: 5px;
}

td.td_formfield_editTask {
    width: 40%;
    height: 35px;
    padding-left: 5px;
    padding-right: 5px;
}

td.td_formdata_editTask {
    width: 60%;
    height: 35px;
    padding-left: 5px;
    padding-right: 5px;
}

td.td_formfield_createRequest {
    width: 40%;
    height: 35px;
    padding-left: 5px;
    padding-right: 5px;
}

td.td_formdata_createRequest {
    width: 60%;
    height: 35px;
    padding-left: 5px;
    padding-right: 5px;
}

td.td_formManda_createRequest {
    width: 5%;
    height: 35px;
    padding-left: 5px;
    padding-right: 5px;
}

td.td_formfield_editRequest {
    width: 40%;
    height: 35px;
    padding-left: 5px;
    padding-right: 5px;
}

td.td_formdata_editRequest {
    width: 60%;
    height: 35px;
    padding-left: 5px;
    padding-right: 5px;
}

div.div_table_associateFom_editTask {
    max-height: 266px;
    height: 266px;
    overflow: scroll;
    width: 100%;
}

div.div_table_associateFom_editRequest {
    max-height: 266px;
    height: 266px;
    overflow: scroll;
    width: 100%;
}

table.table_associateFom_editTask {
    text-align: center;
    width: 100%;
}

table.table_associateFom_editRequest {
    text-align: center;
    width: 100%;
}

div.div_table_associateFom_createRequest {
    max-height: 266px;
    height: 266px;
    /*max-height: 162px;*/
    overflow: scroll;
    width: 100%;
}

table.table_associateFom_createRequest {
    text-align: center;
    width: 100%;
}

.modal-content.content_modal_taskView {
    border-radius: 21px;
}


/*End Styles for forms*/

div button.button_savedescriptionrejected_sqlx {
    color: #ffffff;
    padding: 5px 10px !important;
    border-radius: 50px;
    background-color: #80ba54;
    border-color: #80ba54;
    font-weight: bold;
    width: 83px;
    cursor: pointer;
}

div button.button_closedescriptionrejected_sqlx {
    border-radius: 50px;
    color: #ffffff;
    background-color: #0fb4ff;
    border-color: #0fb4ff;
    font-weight: bold;
    /*border: none;*/
    width: 83px;
    padding: 5px 10px !important;
    cursor: pointer;
}

div.modal-header.description-modal-rejectRequest {
    background-color: #006ec6;
    size: 1em;
    color: #ffffff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.modal-content.modal-rejectRequest {
    border-radius: 15px !important;
}

label.label_reasonReject_slqx {
    font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #829198;
    font-weight: bold;
}

textarea.textarea-reasonReject {
    resize: vertical;
    color: #829198;
    border-radius: 10px;
}

h4.title_rejectTask_sqlx {
    font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.icon_type_squalinx {
    border: none !important;
    background-color: transparent !important;
}

.td_icontype_slqx {
    border-top: 1px solid white!important;
    text-align: center;
}


/*Attachments*/

div.div_associatedAttachments {
    max-height: 266px;
    height: 266px;
    overflow: scroll;
    width: 100%;
}

.ul_taskAttachments_taskview {
    list-style-type: none;
    height: 330px;
    overflow: scroll;
    width: 100%;
    position: relative;
    padding-left: 0px;
}


/*end Attachments*/

/* whiteboard */
.contenedor-whiteboard {
    border: none!important;
}
@media (min-width: 1200px){
div.menssagem {
    width: calc(83.33333% - 0px);
}
}
@media (min-width: 1200px){
    div.menssag {
        width: calc(13.66666%)!important;

    }
    }
 @media (min-width: 992px) and (max-width: 1200px) {
           div.menssag {
        width: calc(19.5%)!important;

    }
}
@media (min-width: 768px) and (max-width: 992px){
    div.menssag {
 width: calc(25.5%)!important;
}
}
@media (min-width: 576px) and (max-width: 768px){
    div.menssag {
 width: calc(48%)!important;
}
}
.fixed {

    position: fixed;
    top: 0%;
}
.content-children {
    width: 100%;
    /* max-height: 277px;
    overflow: scroll; */
}
.content-children .children-comments:last-child .child-comment {
    border-bottom: 2px solid #DCE3E6;
  }
.content-children .children-comments:last-child .posted-comment {
      border: none!important;
  }

.content-profile-whiteboard {
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 40px;
    box-shadow: 0px 1px 1px 2px #eaeaea;
    margin-bottom: 30px;
    padding-top: 1px;
    max-height: 800px;
    overflow: scroll;
    max-width: 1500px;
    background: #fff;
    padding-bottom: 80px;
}

button.btnNewMessage_whiteboard {
    border-radius: 50px !important;
    width: 120px !important;
    margin-right: 5px;
    outline: 0 !important;
    background-color: rgb(155, 212, 107);
    border-color: rgb(155, 212, 107);
    font-weight: bold !important;
    font-size: 14px;
    box-shadow: none !important;
    color: #ffffff;
    padding: 6px 12px !important;
}

.btncloseMessage_whiteboard {
    width: 20px;
    height: 20px;
    border-radius: 50px;
    position: relative;
    padding: 0px;
    color: #006bc9;
    border-color: #006bc9 !important;
}

img.icons_reactions_whiteboard {
    height: 23px;
    width: 23px;
}

img.icons_reactionsComments_whiteboard {
    height: 22px;
    width: 22px;
}

textarea.textarea_newMessaje_whiteboard {
    resize: vertical;
    background: #ffffff;
    border: 2px solid #EDECEE;
    border-radius: 17px;
    padding: 20px 23px 12px;
    height: 261px;
    max-height: 200px;
    min-height: 200px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: bold;
}

div.contenedor_attachmentsNewMessage_whiteboard {
    max-height: 235px;
    height: 235px;
    overflow-y: scroll;
    margin-top: 20px;
}

.contenedoModal_attachments {
    max-height: 495px !important;
    height: 495px !important;
    padding: 30px !important;
}

.contenedoModal_notAttachments {
    min-height: 260px !important;
    height: 260px !important;
    padding: 30px !important;
}

div.div_associatedAttachments_whiteboard {
    max-height: 215px;
    height: 215px;
    overflow: scroll;
    width: 100%;
}

.reaction_selected {
    border-radius: 50%;
    box-shadow: 0 0 0 5px #DCE3E6;
}

tr.listadoReacciones_whiteboard:nth-child(even) {
    background: #FFFFFF;
    color: #006EC6;
}

tr.listadoReacciones_whiteboard:nth-child(odd) {
    background: #DCE3E6;
    color: #FFFFFF;
}

.totalReactions_viewReactions {
    padding-left: 12px;
    font-size: 16px;
}

.nameAllReactions_viewReactions {
    font-size: 16px;
    font-weight: bold;
}

.iconLike_modalViewReactions {
    height: 19px;
    width: 19px;
    margin-right: 10px;
}

.content-message {
    height: 150px;
    width: 305px;
    position: absolute;
    font-size: 15px;
    color: #707070;
    left: 50%;
    top: 50%;
    margin-top: -70px;
    margin-left: -80px;
}
.btnclose-message{
    width: 20px;
    height: 20px;
    border-radius: 20px 10px 20px 20px;
    background-color: white;
    position: relative;
    padding: 0px;
    color: red;
    border: transparent;
}
.btnclose-messagecomments{
    width: 20px;
    height: 20px;
    border-radius: 20px 10px 20px 20px;
    background-color: #EA7332;
    position: relative;
    padding: 0px;
    color: #ffffff;
    border: transparent;
}
.dropbtn-whiteboard {
    color: white;
    font-size: 16px;
    border: none;
}
.dropdown-whiteboard {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    min-width: 200px;
    max-height: 103px;
    overflow: scroll;
    z-index: 1;
    right: 0px;
    margin-left: 2px;
    padding-left: 0px;
    text-align: left;
    border-radius: 5%;
    top:15px;
}
.dropdown-content li {
    color: #283760;
    font-weight: bold;
    padding: 0px 10px;
    text-decoration: none;
    display: block;
}
.dropdown-content li p {
    margin-bottom: 0px;
}
.dropdown-content li p:hover {
    background-color: #38A0F4;
    cursor: pointer;
}
.dropdown:hover .dropdown-content {
    display: block;
}
.total-reaction {
    font-size: 12px;
    font-weight: bold;
    margin: 2px;
    position: absolute;
    top: 7px;
    right: 6px;
    color: #ACB6B8;
}
.contenedor{
    margin: 0;
}
.hv{
    height:100vh;
}

.comment-whiteboard {
    color: #fff;
    cursor: pointer;
    position: fixed;
    right: 45%;
    top: -1px;
    z-index: 1031;
    border-radius: 35px;      
}

.myteams-message {
    width: 100%;
}
.myteams-message .ui-state-highlight {
    background: #3FAAFB;
} 
.myteams-message .ui-chkbox-box.ui-state-active, .ui-radiobutton-box.ui-state-active {
    background: white;
    color: #3FAAFB;
}
.myteams-message .ui-multiselect.ui-widget.ui-state-default.ui-corner-all {
    float: left;
    width: 100%;
    border: 2px solid #CCD7DD;
    border-radius: 15px;
}
.myteams-message .ui-multiselect-label.ui-corner-all {
    text-align: left;
    color: #829198;
    font-family: helvetica neue;
    font-weight: normal;
    margin-left: 10px;
}
.myteams-message .ui-multiselect-panel .ui-multiselect-item label {
    color: #829198;
    font-family: sans-serif;
    font-weight: normal;
}
.myteams-message .ui-multiselect-item.ui-corner-all.ng-star-inserted.ui-state-highlight label {
    color: white;
}
.myteams-message .ui-multiselect-panel.ui-widget.ui-widget-content.ui-corner-all.ui-shadow { 
    min-width: 200px!important;
    background: #FFFFFF;
    border: 2px solid #CCD7DD;
    border-radius: 15px;
    margin-top: 3px;
}
.myteams-message .ui-widget-header {
    border-radius: 20px;
}
.myteams-message .ui-multiselect-items.ui-multiselect-list {
    background: #FFFFFF;
}
.myteams-message .ui-multiselect-trigger.ui-state-default.ui-corner-right {
    border: none;
    cursor: pointer;
    width: 1.5em;
    height: 10px;
    position: absolute;
    right: 5px;
    top: 9px;
    padding: 0px;
    color: #0eb4ff;
}
.myteams-message .ui-multiselect-header .ui-multiselect-filter-container .fa {
    top: 0.70em;
    left: 6.78em;
    color: #0eb4ff;
    font-weight: bold;
}
.myteams-message .ui-multiselect-header .ui-multiselect-close {
    color: #0eb4ff!important;
}
.myteams-message .ui-dropdown .ui-dropdown-trigger {
    color: #0eb4ff;
    right: 1%;
}
.myteams-message .ui-dropdown-panel .ui-dropdown-item:not(.ui-state-highlight):hover {
    border-color: #c0c0c0;
    background: #eeeeee;
}
.myteams-message .ui-multiselect .ui-multiselect-label-container {
    background: #ffffff;
    border-radius: 20px;
}
/* fin whiteboard*/


/*taskview comments*/

.textarea_comments_squadlinx {
    color: black;
    resize: vertical;
    width: 100%;
    height: 80px;
    border: 2px solid rgb(238, 242, 244);
    outline: 0px none transparent;
    border-radius: 10px;
}

.button_leaveComment_sqlx {
    width: 160px !important;
    color: rgb(54, 179, 239);
    font-weight: 900;
    padding: 0px 18px !important;
}

.i_leaveComment_sqlx {
    font-size: 16px;
    color: rgb(54, 179, 239);
    font-weight: 900;
}

.comments-squadlinx {
    max-height: 310px;
    overflow-y: scroll;
    background-color: rgb(248, 250, 251);
    padding-top: 0px;
}

.div_leaveComment_sqlx {
    font-weight: 900;
}

#customUpload_comments {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 2px 12px;
    cursor: pointer;
    background-color: rgb(23, 140, 201) !important;
    border-color: rgb(23, 140, 201) !important;
    color: white;
    font-weight: bold;
    border-radius: 15px;
    font-size: 13px !important;
}

.button_publishComment_sqlx {
    background-color: rgb(23, 140, 201);
    padding: 2px 12px !important;
    font-size: 13px !important;
    height: 25px !important;
    width: 90px !important;
}

.commentsContents_squadlinx {
    max-height: 320px;
    font-size: 14px;
}

.panel_newComment_sqlx {
    margin-top: 0px;
}

p.p_comentUser_sqlx {
    background-color: rgb(248, 250, 251);
    text-align: justify;
}

div.div_comentUser_sqlx {
    background-color: rgb(248, 250, 251);
    padding: 0px 5px 0px 0px;
}

div.divDiv_comentUser_sqlx {
    background-color: rgb(248, 250, 251);
    padding-left: 1px;
    padding-right: 0px;
}

.li_mdTcomments_sqlx {
    margin-top: 5px;
    border-bottom: 1px solid rgb(238, 242, 244);
    margin-right: 25px;
    margin-bottom: 15px;
    margin-left: 20px;
}

div.div_usuarioComment_sqlx {
    position: absolute;
    margin-left: 5px;
    height: 25px;
    width: 25px;
    box-shadow: 2px 2px 20px 0px rgba(185, 195, 202, 1);
}

i.icono_usuarioComment_sqlx {
    color: #FFF;
    font-size: 16px;
    position: absolute !important;
    top: 3px;
    left: 5px;
}

span.text_comment_squadlinx {
    font-size: 13px;
    color: rgb(162, 162, 162) !important;
    font-weight: bold;
    margin-left: 5px;
}

h3.h3_commented_sqlx {
    color: rgb(130, 145, 152) !important;
    font-size: 14px !important;
}

div.div_fatherComment_sqlx {
    overflow-y: scroll;
    background-color: transparent;
    max-height: 200px;
    padding-bottom: 1px;
    padding-top: 0px;
}

span.icon_personalizado_sqlx {
    text-align: center;
    font-size: 20px;
    color: rgb(18, 110, 192);
}

a.attachment_name_sqlx {
    font-weight: bold;
    color: rgb(54, 179, 239);
    font-size: 13px;
    font-size: 13px;
    text-decoration: underline;
}

span.text_commented_sqlx {
    color: rgb(131, 145, 151);
    font-weight: bold;
}

b.name_creator_comment_sqlx {
    font-weight: bold;
    color: rgb(113, 113, 113);
}

ul li.li_attachmentsComments_sqlx {
    margin-bottom: 6px;
    width: auto;
    border: none;
    margin-right: 22px;
    margin-left: 10px !important;
}

ul.comment-timeline-tk li:last-child {
    border-bottom: none;
}

.comment-timeline-tk.ul_mdTcomments_sqlx {
    margin: 0 0 15px 0;
}

.btn.btn-sm.button_leaveComment_sqlx:hover,
.btn.btn-sm.button_leaveComment_sqlx:focus,
.btn.btn-sm.button_leaveComment_sqlx.focus {
    color: rgb(54, 179, 239);
    text-decoration: none;
    outline: none;
}

.icon_textComment_sqlx {
    color: rgb(54, 179, 239);
    font-size: 16px;
}

li span.iconPersonalizado_newAttachment_sqlx {
    font-size: 60px;
    text-align: center;
    color: #666;
    padding: 20px 10px;
}

.li_attachmentsComments_newAttachent_sqlx {
    width: auto !important;
    text-align: center;
}

.timeline.comment-timeline-tk.ul_mdTcomments_sqlx>li>.timeline-item>.timeline-body {
    padding: 0px 10px 10px 10px;
}

div.footer_newsComments_sqlx {
    padding: 10px 10px 0px 0px;
}

.content_modal_taskView {
    border-radius: 20px;
    height: 820px;
    max-height: 820px;
}

.content_modal_taskView_adjusted {
    border-radius: 20px;
    height: 820px;
}

.body_modal_taskView {
    height: 700px;
    max-height: 700px;
}

.body_modal_taskView_adjusted {
    height: 700px;
}


/*end taskview comments*/


/*Element input type number with decimales*/

.input_number_squadlinx {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    border-radius: 15px;
    border: 2px solid rgb(215, 224, 228);
    padding: 6px 12px;
    outline: none;
}


/*end Element input type number with decimales*/


/*modulo categories*/

.label_categorie_squadlinx {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: rgb(130, 145, 152);
}

div button.btnAdd_moduloCategories {
    border-radius: 50px !important;
    width: 100px !important;
    margin-right: 5px;
    outline: 0 !important;
    background-color: rgb(155, 212, 107);
    border-color: rgb(155, 212, 107);
    font-weight: bold !important;
    font-size: 12px;
    box-shadow: none !important;
    color: #ffffff;
}

div button.btnAdd_moduloCategories:focus,
div button.btnAdd_moduloCategories:hover,
div button.btnAdd_moduloCategories:active {
    background-color: rgb(155, 212, 107) !important;
    border-color: rgb(155, 212, 107) !important;
    color: #ffffff !important;
}

div button.btnDelete_moduloCategories {
    border-radius: 50px;
    width: 100px;
    margin-right: 5px;
    outline: 0;
    background-color: rgb(155, 212, 107);
    border-color: rgb(155, 212, 107);
    font-weight: bold;
    font-size: 12px;
    box-shadow: none;
    color: #ffffff;
}

div button.btnDelete_moduloCategories:focus,
div button.btnDelete_moduloCategories:hover,
div button.btnDelete_moduloCategories:active {
    background-color: rgb(155, 212, 107) !important;
    border-color: rgb(155, 212, 107) !important;
    color: #ffffff !important;
}

div button.btnRefresh_moduloCategories {
    border-radius: 50px;
    width: 100px;
    margin-right: 5px;
    outline: 0;
    background-color: #0FB4FF;
    border-color: #0FB4FF;
    font-weight: bold;
    font-size: 12px;
    padding: 6px 12px;
    color: #ffffff;
}

div button.btnRefresh_moduloCategories:focus,
div button.btnRefresh_moduloCategories:hover,
div button.btnRefresh_moduloCategories:active {
    background-color: #0FB4FF !important;
    border-color: #0FB4FF !important;
    color: #ffffff !important;
}

div button.btncloseModal_moduloCategories {
    border-radius: 50px;
    width: 100px;
    margin-right: 5px;
    outline: 0;
    background-color: #0FB4FF;
    border-color: #0FB4FF;
    font-weight: bold;
    font-size: 12px;
    padding: 6px 12px;
    color: #ffffff;
}

div button.btncloseModal_moduloCategories:focus,
div button.btncloseModal_moduloCategories:hover,
div button.btncloseModal_moduloCategories:active {
    background-color: #0FB4FF !important;
    border-color: #0FB4FF !important;
    color: #ffffff !important;
}

div.modal_header_info_categories {
    background-color: #007bd2;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

.titleCategorie_modalQuick {
    color: #ffffff !important;
    font-weight: bold !important;
}

.element_p_sqlx {
    color: rgb(130, 145, 152);
}

div.div_form_moduloCategories {
    border: 1px solid gray;
    text-align: center;
    height: auto;
}

div button.btnSave_moduloCategories {
    border-radius: 50px;
    width: 100px;
    margin-right: 5px;
    outline: 0;
    background-color: rgb(155, 212, 107);
    border-color: rgb(155, 212, 107);
    font-weight: bold;
    font-size: 12px;
    box-shadow: none;
    color: #ffffff;
}

div button.btnSave_moduloCategories:focus,
div button.btnSave_moduloCategories:hover,
div button.btnSave_moduloCategories:active {
    background-color: rgb(155, 212, 107) !important;
    border-color: rgb(155, 212, 107) !important;
    color: #ffffff !important;
}

div button.btnAddForm_moduloCategories {
    width: 100px;
    margin-right: 5px;
    outline: 0;
    background-color: rgb(100, 201, 255);
    border-color: rgb(100, 201, 255);
    font-weight: bold;
    font-size: 12px;
    box-shadow: none;
    color: #ffffff;
    margin-left: 15px;
}

div button.btnAddForm_moduloCategories:focus,
div button.btnAddForm_moduloCategories:hover,
div button.btnAddForm_moduloCategories:active {
    background-color: rgb(100, 201, 255) !important;
    border-color: rgb(100, 201, 255) !important;
    color: #ffffff !important;
}

thead th.th_selectAll_sqlx {
    text-align: center;
    width: 50px;
    border: 2px solid rgb(227, 237, 241) !important;
}

thead th.th_columnNumber_sqlx {
    width: 100px;
    border: 2px solid rgb(227, 237, 241) !important;
    color: rgb(79, 93, 100);
}

thead th.th_columnName_sqlx {
    width: 100px;
    border: 2px solid rgb(227, 237, 241) !important;
    color: rgb(79, 93, 100);
}

thead th.th_columnStatus_sqlx {
    width: 100px;
    border: 2px solid rgb(227, 237, 241) !important;
    color: rgb(79, 93, 100);
}

thead th.th_columnType_sqlx {
    width: 100px;
    border: 2px solid rgb(227, 237, 241) !important;
    color: rgb(79, 93, 100);
}

thead th.th_columnActions_sqlx {
    width: 150px;
    border: 2px solid rgb(227, 237, 241) !important;
    color: rgb(79, 93, 100);
}

span.spanOrder_th_sqlx {
    color: rgb(68, 180, 248);
}

i.i_spanOrder_sqlx {
    color: rgb(68, 180, 248);
}

div.div_optionPrev_sqlx {
    display: inline;
    background-color: rgb(214, 224, 229);
    border-left: 3px solid white;
    text-align: center;
}

div.div_optionNext_sqlx {
    display: inline;
    background-color: rgb(214, 224, 229);
    border-left: 3px solid white;
    text-align: center;
}

div table.table_newForm_sqlx {
    margin-bottom: 0px;
    width: 100%;
    color: #919da1;
}

div table.table_newForm_sqlx_taskview {
    margin-bottom: 0px;
    width: 98%;
    color: #919da1;
}

thead th.th_columnField_newForm_sqlx {
    width: 10%;
    text-align: center;
    padding: 5px 0px;
}

thead th.th_columnName_newForm_sqlx {
    width: 70%;
    text-align: center;
    padding: 5px 0px;
}

thead th.th_columnMand_newForm_sqlx {
    width: 5%;
    text-align: center;
    padding: 5px 0px;
    color: #d00505;
}

tbody tr td.td_columnMand_newForm_sqlx {
    justify-content: center;
    align-items: center;
    display: flex;
    height: 51px;
    border-bottom: none !important;
    border-right: none !important;
    border-left: none !important;
}


thead th.th_columnButtonDelete_newForm_sqlx,
tbody tr td.td_columnButtonDelete_newForm_sqlx {
    width: 15%;
    text-align: center;
    padding: 5px 0px;
}

.nav-groups-sqlx-v.ul_leftLateralNavigation_sqlx {
    display: inline-grid;
    background-color: #fff;
    padding-right: 0;
}

button.buttonOptions_sqlx {
    width: 34px !important;
}

div.div_namegroup_sqlx {
    position: absolute;
    left: 30px;
    top: 10px;
}

span.div_span_namegroup_sqlx {
    text-transform: uppercase;
    font-size: 18px;
}

div.divContenedor_namegroup_sqlx {
    position: relative !important;
    height: 50px !important;
}

section.sectionPrincipal_moduloCategories {
    background-color: #fff !important;
    padding: 0 !important;
}

tbody td.td_columnField_newForm_sqlx {
    width: 10% !important;
    text-align: center !important;
}

tbody td.td_columnName_newForm_sqlx {
    width: 90% !important;
    text-align: justify;
}

.div_campo_quickViewCategorie {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    color: rgb(130, 145, 152) !important;
}

div.div_optionFirst_sqlx {
    display: inline;
    background-color: rgb(214, 224, 229);
    border-left: 3px solid white;
    text-align: center;
}

div.div_optionVarios_sqlx {
    display: inline;
    background-color: rgb(214, 224, 229);
    border-left: 3px solid white;
    text-align: center;
}

div.div_optionLast_sqlx {
    display: inline;
    background-color: rgb(214, 224, 229);
    border-left: 3px solid white;
    text-align: center;
}

select.selected_optionVarios_sqlx {
    height: 31px !important;
    background-color: rgb(214, 224, 229) !important;
    border: none !important;
}

div.div_limitpage_sqlx {
    display: inline;
    color: rgb(130, 145, 152);
    background-color: rgb(214, 224, 229);
}

.nav-tabs-custom.div_navTitleCampos_categories_sqlx {
    margin-left: 15px;
    margin-right: 15px;
}

ul.div_ul_navTitleCampos_sqlx {
    padding: 15px 10px !important;
}

div.div_topOptions_sqlx {
    display: inline-flex;
    margin-bottom: 10px;
    margin-right: 10px;
}

div.sectionPrincipal_div_div_moduloCategories {
    padding-left: 16px;
    padding-top: 10px;
}

div.div_tbody_newForm_quickView {
    height: 440px;
    max-height: 440px;
    overflow-y: scroll;
}

.titleCategorie_editCategorie {
    color: #ffffff !important;
    font-weight: bold !important;
}

.td_addNewField {
    padding: 0px !important;
    margin: 0px !important;
    text-align: center !important;
}

.form-group.scrollable.tbodyForm_editCategory {
    max-height: 300px;
    height: auto;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.input-mainfilter.input_search_categories {
    width: 92%;
    padding-left: 8px;
    padding-top: 4px;
}

.btn.btn-sm.button_search_categories {
    color: rgb(68, 180, 248);
    font-size: 14px;
    background-color: transparent;
}

.inputs-mainfilter2.div_elementsSearchCategories {
    margin-right: 10px;
    background-color: #fff;
}

div.divContainerBtn_SearchCategories {
    position: absolute;
    right: 0;
    top: 0px;
}

tbody tr td.td_columnMand_editCat_sqlx {
    justify-content: center;
    align-items: center;
    display: flex;
    height: 50px;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
}

thead th.th_columnField_editCat_sqlx {
    width: 10%;
    text-align: center;
    padding: 5px 0px;
}

thead th.th_columnName_editCat_sqlx {
    width: 70%;
    text-align: center;
    padding: 5px 0px;
}

thead th.th_columnButtonDelete_editCat_sqlx {
    width: 10%;
    text-align: center;
    padding: 5px 0px;
}

thead th.th_columnMand_editCat_sqlx {
    width: 10%;
    text-align: center;
    padding: 5px 0px;
    color: #d00505;
}

tbody tr td.td_columnField_editCat_sqlx {
    width: 10% !important;
    text-align: center !important;
    padding: 5px 0px !important;
}

tbody tr td.td_columnName_editCat_sqlx {
    width: 70% !important;
    text-align: center !important;
}

tbody tr td.td_columnButtonDelete_editCat_sqlx {
    width: 10%;
    text-align: center;
    padding: 5px 0px;
}

tbody tr td.td_columnField_showCat_sqlx {
    width: 10% !important;
    text-align: center !important;
}

tbody tr td.td_columnName_showCat_sqlx {
    width: 80% !important;
    text-align: justify;
}

tbody tr td.td_columnMand_showCat_sqlx {
    width: 10% !important;
    justify-content: center !important;
    align-items: center !important;
    height: 40px !important;
    text-align: center !important;
}

thead th.th_columnField_showCat_sqlx {
    width: 10%;
    text-align: center;
    padding: 5px 0px;
}

thead th.th_columnName_showCat_sqlx {
    width: 80%;
    text-align: center;
    padding: 5px 0px;
}

thead th.th_columnMand_showCat_sqlx {
    width: 10%;
    text-align: center;
    padding: 5px 0px;
    color: #d00505;
}
/*end modulo categories*/


/*criteria*/

thead th.th_columnField_criteriaTask {
    width: 10%;
    text-align: center;
    padding: 5px 0px;
}

thead th.th_columnDescription_criteriaTask {
    width: 75%;
    text-align: center;
    padding: 5px 0px;
}

thead th.th_columnField_criteriaTask_taskview {
    width: 15%;
    text-align: center;
    padding: 5px 0px;
}

thead th.th_columnDescription_criteriaTask_taskview {
    width: 80%;
    text-align: center;
    padding: 5px 0px;
}

tbody td.td_columnField_criteriaTask_taskview {
    width: 15% !important;
    text-align: center !important;
    vertical-align: middle !important;
}

tbody td.td_columnDescription_criteriaTask_taskview {
    width: 80% !important;
    text-align: justify;
}

thead th.th_columnBtnDelete_criteriaTask,
tbody tr td.td_columnBtnDelete_criteriaTask {
    width: 15%;
    text-align: center;
    padding: 5px 0px;
}

.btn-associateCriteria {
    border: 1px solid #ccc;
    border-radius: 15px!important;
    max-width: 100%;
    margin-right: 5px;
    outline: 0!important;
    background-color: #007bd2!important;
    border-color: #007bd2!important;
    top: 85px;
    font-weight: bold;
    font-size: 12px;
    padding: 6px 12px;
    margin-left: 5px;
}

.add_criteria {
    margin-right: 5px !important;
    font-size: 16px;
}

/* end criteria*/

/*modulo taskview, pestaña task related*/

div div.column_inform_taskRelated {
    background-color: rgb(248, 250, 251);
    margin-right: 25px;
    height: 485px;
    border-radius: 15px;
    padding: 0px;
}

div div.column_comments_taskRelated {
    background-color: rgb(248, 250, 251);
    height: 485px;
    border-radius: 15px;
    padding: 0px 0px 0px 6px !important;
}

.div_titleTaskRelated_sqlx {
    background-color: rgb(141, 184, 97);
    color: #ffffff;
    font-size: 14px;
    padding-right: 0px;
    padding-left: 0px;
    height: 110px;
    overflow-y: scroll;
}

p.title_taskRelated_sqlx {
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 0px;
}

div.contenedor_informationTask_sqlx {
    padding: 0px;
    margin-top: 22px;
}

.elementLabel_informationTask {
    color: rgb(112, 112, 112);
    margin-bottom: 0px;
}

.elementP_informationTask {
    color: rgb(133, 144, 151);
    font-weight: 600;
    padding-bottom: 0px;
    margin-bottom: 0px;
    min-height: 50px !important;
    max-height: 50px !important;
    overflow-y: scroll;
}

label span.span_numeProgress_informationTask {
    color: rgb(133, 144, 151);
    margin-left: 150px;
}

div.div_titleCommentsTaskRelated_sqlx {
    background-color: rgb(248, 250, 251);
    color: rgb(133, 144, 151);
    font-size: 14px;
    padding-right: 0px !important;
    padding-left: 12px !important;
    height: 70px;
    padding-top: 20px !important;
    letter-spacing: 3px;
}

.col-xs-12.col-sm-12.col-md-12.col-lg-12.box-footer.box-comments.comments_sectioOfTaskRelate_squadlinx.comments_askRelated_Sqlx {
    padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.li_commentsTaskRelated_sqlx {
    margin-top: 8px;
    border-bottom: 1px solid rgb(238, 242, 244);
}

div.div_fatherCommentTaskRelated_sqlx {
    overflow-y: scroll;
    background-color: transparent;
    max-height: 200px;
    padding-bottom: 1px;
    padding-top: 0px;
}

span.icon_personalizado_taskRelated_sqlx {
    text-align: center;
    font-size: 15px;
    color: rgb(18, 110, 192);
}

span.text_commentTaskRelated_squadlinx {
    font-size: 13px;
    color: rgb(162, 162, 162) !important;
    font-weight: bold;
    margin-left: 5px;
}

.timeline.comment-timeline-tk.ul_commentsSectionTaskRelated_sqlx>li>.timeline-item>.timeline-body.div_fatherCommentTaskRelated_sqlx {
    padding: 0px 0px 10px 10px;
}

.comment-timeline-tk.ul_commentsSectionTaskRelated_sqlx {
    margin: 0 0 15px 0;
}

ul li.li_attachmentsCommentsTaskRelated_sqlx {
    margin-bottom: 6px;
    width: auto;
    border: none;
    margin-right: 22px;
    margin-left: 0px;
}

a.attachment_name_taskRelated_sqlx {
    font-weight: bold;
    color: rgb(54, 179, 239);
    font-size: 12px;
    letter-spacing: 0px;
    text-decoration: underline;
}

div.divContenedorAttachments_commentsTaskRelated {
    padding-left: 0px;
}

p.title_commentsOfTaskRelated_sqlx {
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
}

.comments_sectioOfTaskRelate_squadlinx {
    max-height: 409px;
    overflow-y: scroll;
    background-color: rgb(248, 250, 251);
    padding: 0px 0px 0px 4px !important;
}

div.progress-taskRelated-sqlx {
    overflow: hidden;
    height: 17px;
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    width: 95%;
    margin: 10px 0px 5px 0px !important;
    padding: 0px !important;
}

.info_barraProgress_taskRelated {
    float: left;
    height: 17px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: rgb(141, 184, 97);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
    position: absolute !important;
    margin-left: -1px;
    border-radius: 20px;
}

div.modal-body.contenedor_allInformationTaskRelated {
    font-size: 14px;
    overflow-y: scroll;
    max-height: 369px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.info_barraProgress_ifcero_taskRelated {
    float: left;
    height: 17px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
    position: absolute !important;
    margin-left: -1px;
    border-radius: 20px;
    width: 0%;
    background-color: transparent;
}

.modal-dialog.modalDialog_newTaskJoin {
    border-radius: 15px;
}

.new-design2.modalContent_newTaskJoin {
    border-radius: 15px;
    width: 675px;
}

.custom-file-upload.customUpload_newTaskJoin {
    border: 1px solid #008BCB;
    display: inline-block;
    /*padding: 6px 12px;*/
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 15px;
    background-color: #008BCB;
    color: white;
}

.row.row_sectionNewTaskJoin {
    color: #829198;
}


.li_newTaskJoin {
    list-style: none;
    padding: 10px 10px;
    color: #ffffff;
    font-weight: 500;
    font-size: 18px;
    cursor: pointer;
    margin-right: 0px;
}

h4.titleType_newTaskJoin {
    font-size: 18px;
    color: #0078d5;
    font-weight: bold;
}

i.i_close_typeNewTaskJoin {
    color: #0078d5;
    font-weight: bold;
}

i.icons_types_newTaskJoin {
    margin-right: 8px;
}

i.i_createNewTaskJoin {
    color: #0078d5;
    font-weight: bold;
    font-size: 22px;
}

i.i_associateTaskJoin {
    font-weight: bold;
    font-size: 22px;
    margin-right: 10px;
}

.statusTaskShared {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 95%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    text-align: center !important;
}

.th_groupTaskShared {
    text-align: center;
    width: 12%;
    border: 2px solid rgb(227, 237, 241) !important;
    color: rgb(79, 93, 100);
}

.th_taskTaskShared {
    text-align: center;
    width: 10%;
    border: 2px solid rgb(227, 237, 241) !important;
    color: rgb(79, 93, 100);
}

.th_statusTaskShared {
    text-align: center;
    width: 14%;
    border: 2px solid rgb(227, 237, 241) !important;
    color: rgb(79, 93, 100);
}

.th_descriptionTaskShared {
    text-align: center;
    width: 40%;
    border: 2px solid rgb(227, 237, 241) !important;
    color: rgb(79, 93, 100);
}

.th_asignedTaskShared {
    text-align: center;
    width: 19%;
    border: 2px solid rgb(227, 237, 241) !important;
    color: rgb(79, 93, 100);
}

i.iconRadioButton-associateTask {
    color: #c1c1c1;
    font-size: 17px;
    margin: 2px 10px 0px 0px;
}

/*end modulo taskview, pestaña task related*/


/*new filter end modulo taskview, pestaña Tasks created by me,Tasks assigned to me, Tasks shared to me*/
.btnNewFilterTypesTask {
    border-radius: 50px;
    width: 100px;
    margin-right: 5px;
    outline: 0;
    background-color: #0FB4FF;
    border-color: #0FB4FF;
    font-weight: bold;
    font-size: 12px;
    padding: 6px 12px;
    color: #ffffff;
}

div.container_btnTypeTask > ul.nav-option-task > li.active > a {
    color: rgb(27, 110, 198) !important;
    font-weight: bold !important;
}

div.container_btnTypeTask > ul.nav-option-task > li > a {
    color: rgb(27, 110, 198) !important;
    font-weight: bold !important;
    font-size: 22px;
}

div.container_btnTypeTask > ul.nav-option-task > li.active {
    background-color: rgb(227, 237, 241) !important;
    border: 2px solid rgb(227, 237, 241);
    color: rgb(27, 110, 198) !important;
    font-weight: bold !important;
    outline: 0 !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 10px !important;
    margin-right: 15px !important;
}

div.container_btnTypeTask > ul.nav-option-task > li.active > a:hover,
div.container_btnTypeTask > ul.nav-option-task > li.active > a:focus,
div.container_btnTypeTask > ul.nav-option-task > li.active > a:active {
    background-color: rgb(227, 237, 241) !important;
    border-radius: 15px !important;
    color: rgb(27, 110, 198) !important;
}

div.container_btnTypeTask > ul.nav-option-task > li {
    margin-bottom: -2px !important;
    background-color: #FFFFFF !important;
    border: 2px solid rgb(227, 237, 241);
    color: rgb(27, 110, 198) !important;
    border-radius: 10px !important;
    width: 32px !important;
    height: 32px !important;
    text-align: center;
    outline: 0 !important;
    font-weight: bold !important;
    margin-right: 15px !important;
}

div.container_btnTypeTask > ul.nav-option-task > li > a:hover,
div.container_btnTypeTask > ul.nav-option-task > li > a:focus,
div.container_btnTypeTask > ul.nav-option-task > li > a:active {
    background-color: #FFFFFF !important;
    border-radius: 10px !important;
    color: rgb(27, 110, 198) !important;
    height: 28px !important;
}

li a.linkBtnTypeTask_tasklist {
    padding-top: 2px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 4px !important;
}

/*end new filter end modulo taskview, pestaña Tasks created by me,Tasks assigned to me, Tasks shared to me*/

/*modulo user settings*/

div div.btnManageNotifications_usersettings {
    min-width: 100px;
    background: #006EC6;
    border-radius: 25px;
    height: 35px;
    left: 75px;
    top: 50px;
    position: absolute;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
}

div div.btnChangePassword_usersettings {
    min-width: 100px;
    background: #006EC6;
    border-radius: 25px;
    height: 35px;
    right: 175px;
    top: 50px;
    position: absolute;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
}

div div.btnSaveChanges_usersettings {
    min-width: 100px;
    background: #0FB4FF;
    border-radius: 25px;
    height: 35px;
    right: 50px;
    top: 50px;
    position: absolute;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
}

p.informativeMessage_sizeImg {
    text-align: center;
    padding-top: 47px;
    padding-bottom: 0px;
    color: #FF0000;
    font-weight: bold;
    display: none;
}

div.upload-picture-btn-wrapper.icon_customUpload {
    position: absolute;
    background: rgba(56, 169, 249, 0.71);
    height: 100%;
    width: 100%;
    top: 0px;
    color: white;
    text-align: center;
    padding-top: 30px;
    display: none;
}

div.pull-left.setting-element.container_changeImage {
    height: 90px;
    width: 90px;
    background: white;
    border-radius: 50%;
    margin-left: 25%;
    margin-top: 20px;
    border: 7px solid white;
    box-shadow: grey -1px 0px 10px -2px;
    position: relative;
    padding: 1px;
}

#user-profile-picture.container_imageUser {
    height: 75px;
    width: 75px;
    background: transparent;
    border-radius: 50%;
    box-shadow: grey -1px 0px 10px -2px;
    overflow: hidden;
    position: relative;
}


/*end modulo user settings*/


/*modulo Logs*/

#logs .btn-act.reset {
    background-color: rgb(72, 186, 248);
    font-size: 23px;
    margin: 0px;
    padding: 0px;
    margin-left: 19px;
}


/*end modulo Logs*/

/*Timeline in component taskview*/
.titleContent_tiemline {
    font-weight: bold;
}

.scrollable.div_taskTimeline_taskView {
    font-size: 14px !important;
    height: 460px !important;
}

.icon-team-daily-table.div_iconTeamDailyTable_taskTimeline {
    position: absolute;
    margin-left: 0px;
    height: 10px;
    width: 10px;
}

.fa.fa-dot-circle-o.user-icon-daily.iconUser_taskTimeline_taskView {
    color: #0FB4FF;
    font-size: 22px;
    position: absolute !important;
    top: 4px;
    left: -8px;
}

.sq.sq-working-team.user-icon-team.iconWorking_taskTimeline_taskView {
    color: #FFF;
    font-size: 22px;
    position: absolute !important;
    top: 3px;
    left: 3px;
}

label.timeline-header.comment-timeline-header.titleNameUserType_taskTimeline {
    color: #4F5D64;
    font-size: 14px;
    padding-bottom: 0px;
    margin-left: 14px;
    margin-top: 2px;
}

div.timeline-body.timelineBody_taskTimeLine_taskView {
    background-color: transparent !important;
    max-height: 200px !important;
    padding-bottom: 10px !important;
}

div.icon-team-sprint.div_iconWorking_taskTimeline {
    position: absolute !important;
    margin-left: 20px !important;
    height: 30px !important;
    width: 30px !important;
}
/*end Timeline in component taskview*/

/*daily filter*/
.filter-list > li{
    list-style:none;
}
.filter-options{
    text-align: center;
    border: solid #e5f0f4 1px;
    margin: 5px;
    border-radius: 15px;
}
/*end daily filter*/

/* Element p-chips*/
.chipsSqlx .ui-chips>ul.ui-inputtext {
    border-radius: 25px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border: 2px solid #CCD7DD;
    color: #829198;
    padding: 3px;
    box-shadow: none!important;
}
.form-group.squadlinx-chips {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: rgb(130, 145, 152);
}
/*End element p-chips*/

.autocompleteSqlx.shareWith_taskUsers {
    overflow-y: scroll;
    height: 30px;
}

/*window information users mod daily*/

.row.row_dataPersonalUser {
    margin-left: 0px;
    margin-right: 10px;
    margin-bottom: 6px;
}

div.div_infoUser_dataPersonal {
    height: 32px;
    max-height: 32px;
    overflow-y: scroll;
    text-align: left;
    border-radius: 15px;
    border: 2px solid rgb(181, 199, 208);
    padding-top: 3px;
}

div.div_descriptionDataPersonalUser {
    padding-left: 20px;
    height: 32px;
    max-height: 32px;
}

/*end window information users mod daily*/


/*Modulo Usuarios*/
.infoUserUser_User {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: rgb(130, 145, 152);
    text-align: center;
    transform: translate(0px, 21px);
    font-size: 16px;
}

div button.btncloseModal_moduloCategories {
    border-radius: 50px;
    width: 100px;
    margin-right: 5px;
    outline: 0;
    background-color: #0FB4FF;
    border-color: #0FB4FF;
    font-weight: bold;
    font-size: 12px;
    padding: 6px 12px;
    color: #ffffff;
}


div.form-group.input-squadlinx p-inputMask.sqlx-inputmask {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border: 2px solid #CCD7DD;
    border-radius: 25px;
    box-shadow: none !important;
    color: #829198;
    padding: 5px;
}

p-inputMask.form-control.sqlx-inputmask input.ui-inputtext.ui-corner-all.ui-state-default.ui-widget.ui-state-filled {
    border: 0px solid transparent;
    background: transparent;
    padding-top: 0px;
}

p-inputMask.form-control.sqlx-inputmask input.ui-inputtext.ui-corner-all.ui-state-default.ui-widget {
    border: 0px solid transparent;
    background: transparent;
    padding-top: 0px;
}

a.element_a_userList {
    color: rgb(79, 93, 100);
}

#user-profile-picture.container_imageModuleUser {
    height: 100px;
    width: 100px;
    background: transparent;
    border-radius: 50%;
    box-shadow: grey -1px 0px 10px -2px;
    overflow: hidden;
    position: relative;
}

#user-profile-pictureModuleUser.container_imageModuleUser {
    height: 100px;
    width: 100px;
    background: transparent;
    border-radius: 50%;
    box-shadow: grey -1px 0px 10px -2px;
    overflow: hidden;
    position: relative;
}
/*End Modulo Usuarios*/


/*Modal project view*/

.body_modal_projectView {
    height: 650px;
    max-height: 650px;
}

.content_modal_projectView {
    border-radius: 20px;
    height: 773px;
    max-height: 773px;
}

.modal-content.content_modal_projectView {
    border-radius: 21px;
}

.commentsProjectView-squadlinx {
    max-height: 352px;
    overflow-y: scroll;
    background-color: rgb(248, 250, 251);
    padding-top: 0px;
}

.div_taskProject_sqlx {
    height: 340px;
    border-bottom: 1px solid rgb(238, 242, 244);
    padding-top: 18px;
    width: 605px;
    margin-left: 20px;
}

.cont_tasksProject_sqlx {
    height: 613px;
    overflow-y: scroll;
    background-color: rgb(248, 250, 251);
    padding-bottom: 20px;
}

p.infoTask_taskProj_sqlx {
    color: rgb(162, 162, 162);
    font-weight: bold;
}

label.control-label.label-sqlx.descriptionTask_taskProj_sqlx {
    color: rgb(131, 145, 151);
    font-weight: bold;
}

div.infoDescriptionTask_taskProj_sqlx {
    max-height: 50px !important;
    min-height: 50px !important;
    height: 50px !important;
    overflow: scroll !important;
    padding: 0px !important;
    color: rgb(162, 162, 162) !important;
    font-weight: bold !important;
}

.infoGeneralTask_sqlx {
    height: 50px !important;
    overflow: scroll !important;
    margin-bottom: 10px !important;
}

label.control-label.label-sqlx.label_infoDescriptionTask_taskProj_sqlx {
    color: rgb(131, 145, 151);
    font-weight: bold;
}

label.label-sqlx.label_sharedWithTask_sqlx {
    margin-left: 0px;
    padding-left: 0px;
}

p.element_p_sqlx.info_sharedWhitTask_sqlx {
    color: rgb(130, 145, 152);
    margin-left: 0px;
    padding-left: 0px;
}

i.iconTask_taskProj_sqlx {
    color: #0fb4ff;
    padding-right: 9px;
    font-size: 17px;
    font-weight: bold;
}

.divCol_descriptionTask_taskProj {
    margin-left: 15px;
    width: 590px;
}

span.descriptionProgressTask_taskProj_sqlx {
    color: rgb(131, 145, 151);
    font-weight: bold;
    margin-bottom: 0px;
}

.infoBarraProgress_taskProject {
    float: left;
    height: 17px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #0fb4ff;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
    position: absolute !important;
    margin-left: -1px;
    border-radius: 20px;
}

label span.span_numeProgress_taskProject {
    margin-left: 150px;
    color: rgb(131, 145, 151);
    font-weight: bold;
}

div.contenedor_informationProgressTaskProject_sqlx {
    padding: 0px;
}

label span.span_numeProgress_taskProject {
    color: rgb(133, 144, 151);
    margin-left: 144px;
}

div.cont_tasksProject_sqlx > div:last-child {
    border-bottom: none;
}

/* . Modal project view*/

/* New To Do List*/

.separator_tasks_todolist {
    height: 2px;
    margin-left: 20px;
    margin-right: 20px;
    background-color: rgb(238, 242, 244);
}

.contenedor_taskDeveloping_todolist {
    margin-left: 20px;
    margin-right: 20px;
}

.contenedor_taskPending_todolist {
    margin-top: 15px;
    margin-left: 20px;
    margin-right: 20px;
}

.contenedorInfo_tasks_todolist {
    /*height: 38px;*/
    min-height: 38px;
    max-height: 48px;
    overflow-y: scroll;
    background-color: #eef4f8;
    padding-top: 10px;
    margin-bottom: 15px;
    border-left: 4px solid #c7c6c7;
    padding-left: 10px;
}

.infoTaskId_todolist {
    font-weight: bold;
    color: rgb(113, 113, 113);
    font-size: 13px;
}

.infoTaskSubject_todolist {
    color: rgb(131, 145, 151);
    font-weight: bold;
    font-size: 13px;
}

.event_todolist {
    background:  rgb(101,164,218);
}

.scheduler_todolist {
    background: rgb(125,224,233);
}

.infoEvents_todolist {
    color: rgb(131, 145, 151);
    font-weight: bold;
    font-size: 13px;
}

.todolist_typeEvent {
    background:  rgb(101,164,218);
}

.todolist_typeScheduler {
    background: rgb(125,224,233);
}

.todolist_typeTask {
    background: rgb(68,173,221);
}

.statusTodoList {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 95%;
    font-weight: bold !important;
    line-height: 1;
    color: rgb(131, 145, 151);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    text-align: center !important;
}

.icon_taskPending {
    color: #0fb4ff;
    font-weight: bold;
}

.icon_taskDeveloping {
    color: #92cc66;
    font-weight: bold;
}
 .icon_eventScheduler {
     color: #FFBE46;
     font-weight: bold;
 }

 .info_todoList {
     color: rgb(131, 145, 151);
     font-weight: bold;
 }

.infoLevels_todoList {
    border-radius: 50%;
    height: 30px;
    float: right;
    width: 30px;
    margin-right: 10px;
    padding-top: 4px;
    color: white;
    font-size: 15px;
    font-weight: bold;
}

.contenedorInfoLevels_todoList {
    text-align: center;
    padding-top: 3px;
    min-width: 8%;
    max-width: 8%;
    float: left;
}

.infoLevels_eventsScheduler_todoList {
    border-radius: 50%;
    height: 30px;
    float: right;
    width: 30px;
    margin-right: 10px;
    padding-top: 4px;
    color: white;
    font-size: 13px;
    font-weight: bold;
    background-color: #fdd835;
}

.decriptionLevel_todoList {
    margin-right: 6px;
    font-weight: bold;
    font-size: 15px;
}


thead th.th_columnNumber_todolist {
    width: 100px;
    border: 2px solid rgb(227, 237, 241) !important;
    text-align: center;
    font-weight: bold;
    color: rgb(113, 113, 113);
    font-size: 16px;
}

thead th.th_columnType_todolist {
    width: 100px;
    border: 2px solid rgb(227, 237, 241) !important;
    text-align: center;
    font-weight: bold;
    color: rgb(113, 113, 113);
    font-size: 16px;
}

thead th.th_columnStatus_todolist {
    width: 100px;
    border: 2px solid rgb(227, 237, 241) !important;
    text-align: center;
    font-weight: bold;
    color: rgb(113, 113, 113);
    font-size: 16px;
}

thead th.th_columnDate_todolist {
    width: 100px;
    border: 2px solid rgb(227, 237, 241) !important;
    text-align: center;
    font-weight: bold;
    color: rgb(113, 113, 113);
    font-size: 16px;
}

thead th.th_columnDescription_todolist {
    width: 100px;
    border: 2px solid rgb(227, 237, 241) !important;
    text-align: center;
    font-weight: bold;
    color: rgb(113, 113, 113);
    font-size: 16px;
}

.info_todoList:hover {
    text-decoration: none;
    color: rgb(131, 145, 151);
    font-weight: bold;
}

.infoType_todoList:hover {
    text-decoration: none;
    font-weight: bold;
}

.infoStatus_todoLi:hover {
    text-decoration: none;
    font-weight: bold;
}

/* . New To Do List*/

/*Loading en screem*/

.modal-dialog.modal-lg.modal-content-params.modal_isLoading_screem {
    text-align: center;
    position: absolute;
    z-index: 10;
    background-color: rgba(121, 121, 121, 0.54);
    height: 100%;
    margin-top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-dialog.modal-content.modal_isLoading_screem{
    text-align: center;
    position: absolute;
    z-index: 10;
    background-color: rgba(121, 121, 121, 0.54);
    height: 100%;
    margin-top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 676px;
}


/*. Loading en screem*/

/*. New Design ProjectBoard*/
.project-tables{
    padding:5px; 
    /* overflow:scroll;  */
    height: 800px; 
    -webkit-box-shadow: -1px 2px 11px 0px rgba(220,227,230,1);
    -moz-box-shadow: -1px 2px 11px 0px rgba(220,227,230,1);
    box-shadow: -1px 2px 11px 0px rgba(220,227,230,1);
}
.table-column-planning{
    width:100%;
    height:100%;
    -webkit-box-shadow: -1px 2px 11px 0px rgba(220,227,230,1);
    -moz-box-shadow: -1px 2px 11px 0px rgba(220,227,230,1);
    box-shadow: -1px 2px 11px 0px rgba(220,227,230,1);
}
.table-column-projectboard {
    margin: 5px 8px 0 0;
    width: 24%;
    height: 600px;
    position: relative;
    box-shadow: 0px 0px 1px grey;
}
@media (max-width: 1190px) {
    .table-column-projectboard {
        width: 49%;
    }
}
@media (max-width: 1140px) {
    .table-column-projectboard {
        width: 46%;
    }
}
@media (max-width: 600px) {
    .table-column-projectboard {
        width: 97%;
    }
}

/* PLANNING */

.box.taskboard-tile-planning {
    border-top-color: #1d6ec5!important;
}
.taskboard-tile-planning>.box-header {
    color: #ffffff;
    background: #1d6ec5!important;
    background-color: #1d6ec5!important;
    height: 62px;
    border-top-right-radius: 27px;
    border-bottom-right-radius: 27px;
}
.taskboard-box-radius-planning {
    background: #1d6ec5 !important;
}
.taskboard-box-radius-planning .c100:after {
    background: #1d6ec5 !important;
}
.taskboard-box-radius-planningbackground .c100 {
    background: #65a4da !important;
}
.taskboard-box-radius-planningbackground .c100:after {
    background: #65a4da !important;
}
span.percentage-planning {
    background: #1d6ec5 !important;
    border-radius: 45px;
    width: 84%!important;
    height: 84%;
    margin-top: 4px;
    margin-left: 4px;
}
.pie,
.c100 .planning.bar,
.c100.p51 .planning.fill,
.c100.p52 .planning.fill,
.c100.p53 .planning.fill,
.c100.p54 .planning.fill,
.c100.p55 .planning.fill,
.c100.p56 .planning.fill,
.c100.p57 .planning.fill,
.c100.p58 .planning.fill,
.c100.p59 .planning.fill,
.c100.p60 .planning.fill,
.c100.p61 .planning.fill,
.c100.p62 .planning.fill,
.c100.p63 .planning.fill,
.c100.p64 .planning.fill,
.c100.p65 .planning.fill,
.c100.p66 .planning.fill,
.c100.p67 .planning.fill,
.c100.p68 .planning.fill,
.c100.p69 .planning.fill,
.c100.p70 .planning.fill,
.c100.p71 .planning.fill,
.c100.p72 .planning.fill,
.c100.p73 .planning.fill,
.c100.p74 .planning.fill,
.c100.p75 .planning.fill,
.c100.p76 .planning.fill,
.c100.p77 .planning.fill,
.c100.p78 .planning.fill,
.c100.p79 .planning.fill,
.c100.p80 .planning.fill,
.c100.p81 .planning.fill,
.c100.p82 .planning.fill,
.c100.p83 .planning.fill,
.c100.p84 .planning.fill,
.c100.p85 .planning.fill,
.c100.p86 .planning.fill,
.c100.p87 .planning.fill,
.c100.p88 .planning.fill,
.c100.p89 .planning.fill,
.c100.p90 .planning.fill,
.c100.p91 .planning.fill,
.c100.p92 .planning.fill,
.c100.p93 .planning.fill,
.c100.p94 .planning.fill,
.c100.p95 .planning.fill,
.c100.p96 .planning.fill,
.c100.p97 .planning.fill,
.c100.p98 .planning.fill,
.c100.p99 .planning.fill,
.c100.p100 .planning.fill {
    /* border: 0.08em solid rgb(244, 101, 140); */
    border: 0.08em solid white;
}
/* .planning .c100:after {
    background: #58d0dd!important;
}

.planning .c100 {
    background-color: #fff;
} */

/*BUILD UP*/

.box.taskboard-tile-buildup {
    border-top-color: #58d0dd!important;
}
.taskboard-tile-buildup>.box-header {
    color: #ffffff;
    background: #58d0dd!important;
    background-color: #58d0dd!important;
    height: 62px;
    border-top-right-radius: 27px;
    border-bottom-right-radius: 27px;
}
.taskboard-box-radius-buildup {
    background: #58d0dd !important;
}

.taskboard-box-radius-buildup .c100:after {
    background: #58d0dd !important;
}

.taskboard-box-radius-buildupbackground .c100 {
    background: #7de0e9 !important;
}

.taskboard-box-radius-buildupbackground .c100:after {
    background: #7de0e9 !important;
}
span.percentage-buildup {
    background:  #58d0dd !important;
    border-radius: 45px;
    width: 84%!important;
    height: 84%;
    margin-top: 4px;
    margin-left: 4px;
}
.pie,
.c100 .buildup.bar,
.c100.p51 .buildup.fill,
.c100.p52 .buildup.fill,
.c100.p53 .buildup.fill,
.c100.p54 .buildup.fill,
.c100.p55 .buildup.fill,
.c100.p56 .buildup.fill,
.c100.p57 .buildup.fill,
.c100.p58 .buildup.fill,
.c100.p59 .buildup.fill,
.c100.p60 .buildup.fill,
.c100.p61 .buildup.fill,
.c100.p62 .buildup.fill,
.c100.p63 .buildup.fill,
.c100.p64 .buildup.fill,
.c100.p65 .buildup.fill,
.c100.p66 .buildup.fill,
.c100.p67 .buildup.fill,
.c100.p68 .buildup.fill,
.c100.p69 .buildup.fill,
.c100.p70 .buildup.fill,
.c100.p71 .buildup.fill,
.c100.p72 .buildup.fill,
.c100.p73 .buildup.fill,
.c100.p74 .buildup.fill,
.c100.p75 .buildup.fill,
.c100.p76 .buildup.fill,
.c100.p77 .buildup.fill,
.c100.p78 .buildup.fill,
.c100.p79 .buildup.fill,
.c100.p80 .buildup.fill,
.c100.p81 .buildup.fill,
.c100.p82 .buildup.fill,
.c100.p83 .buildup.fill,
.c100.p84 .buildup.fill,
.c100.p85 .buildup.fill,
.c100.p86 .buildup.fill,
.c100.p87 .buildup.fill,
.c100.p88 .buildup.fill,
.c100.p89 .buildup.fill,
.c100.p90 .buildup.fill,
.c100.p91 .buildup.fill,
.c100.p92 .buildup.fill,
.c100.p93 .buildup.fill,
.c100.p94 .buildup.fill,
.c100.p95 .buildup.fill,
.c100.p96 .buildup.fill,
.c100.p97 .buildup.fill,
.c100.p98 .buildup.fill,
.c100.p99 .buildup.fill,
.c100.p100 .buildup.fill {
    /* border: 0.08em solid rgb(244, 101, 140); */
    border: 0.08em solid white;
}

/*IMPLEMENTATION*/

.box.taskboard-tile-implementation {
    border-top-color: #44addd!important;
}
.taskboard-tile-implementation>.box-header {
    color: #ffffff;
    background: #44addd!important;
    background-color: #44addd!important;
    height: 62px;
    border-top-right-radius: 27px;
    border-bottom-right-radius: 27px;
}
.taskboard-box-radius-implementation {
    background: #44addd !important;
}

.taskboard-box-radius-implementation .c100:after {
    background: #44addd !important;
}

.taskboard-box-radius-implementationbackground .c100 {
    background: #7dcae9 !important;
}

.taskboard-box-radius-implementationbackground .c100:after {
    background: #7dcae9 !important;
}
span.percentage-implementation {
    background:  #44addd !important;
    border-radius: 45px;
    width: 84%!important;
    height: 84%;
    margin-top: 4px;
    margin-left: 4px;
}

.pie,
.c100 .implementation.bar,
.c100.p51 .implementation.fill,
.c100.p52 .implementation.fill,
.c100.p53 .implementation.fill,
.c100.p54 .implementation.fill,
.c100.p55 .implementation.fill,
.c100.p56 .implementation.fill,
.c100.p57 .implementation.fill,
.c100.p58 .implementation.fill,
.c100.p59 .implementation.fill,
.c100.p60 .implementation.fill,
.c100.p61 .implementation.fill,
.c100.p62 .implementation.fill,
.c100.p63 .implementation.fill,
.c100.p64 .implementation.fill,
.c100.p65 .implementation.fill,
.c100.p66 .implementation.fill,
.c100.p67 .implementation.fill,
.c100.p68 .implementation.fill,
.c100.p69 .implementation.fill,
.c100.p70 .implementation.fill,
.c100.p71 .implementation.fill,
.c100.p72 .implementation.fill,
.c100.p73 .implementation.fill,
.c100.p74 .implementation.fill,
.c100.p75 .implementation.fill,
.c100.p76 .implementation.fill,
.c100.p77 .implementation.fill,
.c100.p78 .implementation.fill,
.c100.p79 .implementation.fill,
.c100.p80 .implementation.fill,
.c100.p81 .implementation.fill,
.c100.p82 .implementation.fill,
.c100.p83 .implementation.fill,
.c100.p84 .implementation.fill,
.c100.p85 .implementation.fill,
.c100.p86 .implementation.fill,
.c100.p87 .implementation.fill,
.c100.p88 .implementation.fill,
.c100.p89 .implementation.fill,
.c100.p90 .implementation.fill,
.c100.p91 .implementation.fill,
.c100.p92 .implementation.fill,
.c100.p93 .implementation.fill,
.c100.p94 .implementation.fill,
.c100.p95 .implementation.fill,
.c100.p96 .implementation.fill,
.c100.p97 .implementation.fill,
.c100.p98 .implementation.fill,
.c100.p99 .implementation.fill,
.c100.p100 .implementation.fill {
    /* border: 0.08em solid rgb(244, 101, 140); */
    border: 0.08em solid white;
}

/*CLOSE UP*/

.box.taskboard-tile-closeup {
    border-top-color: #9cafb8!important;
}
.taskboard-tile-closeup>.box-header {
    color: #ffffff;
    background: #9cafb8!important;
    background-color: #9cafb8!important;
    height: 62px;
    border-top-right-radius: 27px;
    border-bottom-right-radius: 27px;
}
.taskboard-box-radius-closeup {
    background: #9cafb8 !important;
}

.taskboard-box-radius-closeup .c100:after {
    background: #9cafb8 !important;
}

.taskboard-box-radius-closeupbackground .c100 {
    background: #c4d2d8 !important;
}

.taskboard-box-radius-closeupbackground .c100:after {
    background: #c4d2d8 !important;
}
span.percentage-closeup {
    background:  #9cafb8 !important;
    border-radius: 45px;
    width: 84%!important;
    height: 84%;
    margin-top: 4px;
    margin-left: 4px;
}

.pie,
.c100 .closeup.bar,
.c100.p51 .closeup.fill,
.c100.p52 .closeup.fill,
.c100.p53 .closeup.fill,
.c100.p54 .closeup.fill,
.c100.p55 .closeup.fill,
.c100.p56 .closeup.fill,
.c100.p57 .closeup.fill,
.c100.p58 .closeup.fill,
.c100.p59 .closeup.fill,
.c100.p60 .closeup.fill,
.c100.p61 .closeup.fill,
.c100.p62 .closeup.fill,
.c100.p63 .closeup.fill,
.c100.p64 .closeup.fill,
.c100.p65 .closeup.fill,
.c100.p66 .closeup.fill,
.c100.p67 .closeup.fill,
.c100.p68 .closeup.fill,
.c100.p69 .closeup.fill,
.c100.p70 .closeup.fill,
.c100.p71 .closeup.fill,
.c100.p72 .closeup.fill,
.c100.p73 .closeup.fill,
.c100.p74 .closeup.fill,
.c100.p75 .closeup.fill,
.c100.p76 .closeup.fill,
.c100.p77 .closeup.fill,
.c100.p78 .closeup.fill,
.c100.p79 .closeup.fill,
.c100.p80 .closeup.fill,
.c100.p81 .closeup.fill,
.c100.p82 .closeup.fill,
.c100.p83 .closeup.fill,
.c100.p84 .closeup.fill,
.c100.p85 .closeup.fill,
.c100.p86 .closeup.fill,
.c100.p87 .closeup.fill,
.c100.p88 .closeup.fill,
.c100.p89 .closeup.fill,
.c100.p90 .closeup.fill,
.c100.p91 .closeup.fill,
.c100.p92 .closeup.fill,
.c100.p93 .closeup.fill,
.c100.p94 .closeup.fill,
.c100.p95 .closeup.fill,
.c100.p96 .closeup.fill,
.c100.p97 .closeup.fill,
.c100.p98 .closeup.fill,
.c100.p99 .closeup.fill,
.c100.p100 .closeup.fill {
    /* border: 0.08em solid rgb(244, 101, 140); */
    border: 0.08em solid white;
}
/*end close up*/
.task-tile-header-projects>.box-title {
    width: 75%;
    height: 30px;
    overflow: scroll;
    font-size: 14px!important;
    color: #FFFFFF;
    font-weight: bold;
    margin-top: 8px;
}
#settings-planning-projectboard,
#settings-buildup-projectboard,
#settings-implementation-projectboard,
#settings-closeup-projectboard {
    color: rgb(68, 180, 248);
    font-size: 18px;
    font-weight: bolder;
}
.task-tile-header-projects>.box-tools {
    right: 35px;
    position: absolute;
    right: 2px!important;
    top: 70px;
}
.content-asignedlist {
    position: relative;
    background-color: transparent;
    color: rgb(244, 244, 244);
    min-height: 150px;
}
.icon-asignedlist {
    height: 35px;
    width: 35px;
    border-radius: 50px;
    position: relative;
    border-color: #e3e8ea; 
    border-style: solid; 
    border-width: 3px;
    margin-left: 5px;
    background: transparent;
}
.projdescr {
    max-height: 52px;
    overflow: scroll;
    min-height: 66px!important;
    font-weight: bold;
}
.nav-tabs-custom-pjb>.nav-tabs-spr>li {
    border-bottom: 6px solid #dce3e6;
    margin-bottom: -2px;
    float: left;
    list-style-type: none;
    width: 52px;
    padding-bottom: 4px;
}

/*. End New Design ProjectBoard */

/*New project in Request*/
button.btn_newProjectFromRequest {
    border: 1px solid #ccc;
    border-radius: 15px!important;
    max-width: 100%;
    margin-right: 5px;
    outline: 0!important;
    background-color: #007bd2!important;
    border-color: #007bd2!important;
    top: 85px;
    font-weight: bold;
    font-size: 12px;
    padding: 2px 12px;
    margin-left: 5px;
}
/*. New project in Request*/

/*Download pdfs user guide*/

p.textDownload_userGuide {
    color: #0FB4FF;
    font-family: 'Quicksand', sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding-right: 17px;
}

i.iconDownload_userGuide {
    color: #0FB4FF;
    font-size: 30px;
    padding-right: 34px;
}
/*.Download pdfs user guide*/

/* Documents */
.documents-header {
    max-width: 1150px;
    margin-left: auto;
    margin-right: auto;
}
.documents-content {
    margin: 20px 0px;
    max-width: 1150px;
    margin-left: auto;
    margin-right: auto;
    overflow-x: scroll;
}
.documentstype .ui-dropdown {
    width: 100%;
    text-align: center;
    border: 2px solid #BCCCD6;
}
.documentstype .ui-dropdown:hover  {
    border: 2px solid #BCCCD6;
}

.documentstype .ui-dropdown-trigger {
   border: none;
   color: #0391e8;
   padding-top: 10px;
   margin-right: 5px;
}
.documentstype .ui-dropdown-label {
    text-overflow: ellipsis;
}

.search-document {
    width: 35px;
    height: 35px;
    cursor: pointer;
    position: fixed;
    right: 233px;
    top: 5px;
    z-index: 1032;   
}

.documentstype .ui-dropdown-list li > span {
    color: #283760;
    font-size: 16px;
}
.documentstype .ui-dropdown-list li.ui-state-highlight > span {
    color: #ffffff;
}
.documentstype .ui-dropdown-label {
    color: #283760;
    font-size: 16px;
}
.documents-title {
    background: #F7F7F7; 
    border-top: 2px solid #BCCCD6;
    border-bottom: 1px solid #b2b2b2;
    padding-top: 10px;   
    height: 44px;
    min-width: 687px;
}
.documents-body, .cloud-body {
    max-height: 550px;
    overflow-y: scroll;
    overflow-x: hidden;
    min-width: 687px;
    background: #F7F7F7;
}
.download-document {
    height: 20px;
    width: 20px;
}
.btnclose-document {
    padding: 0;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}
.modal-header-documents {
    font-size: 20px;
    border-radius: 10px;
    padding: 15px;
    color: white;
    background-color: #006ec6;
    height: 58px;
}
.shareuser {
    color: #283760;
    font-weight: bold;
    padding: 15px;
    list-style: none;
    box-shadow: 1px 1px 10px 0px #e6e6e6, -1px -1px 10px 0px #e6e6e6;
}
.shareuser .ui-listbox {
    border: none;
}
.shareuser .ui-listbox .ui-listbox-list {
    height: 133px;
    overflow-y: scroll;
    color: #283760;
}
.shareuser .ui-helper-clearfix::before {
    content: "ALL";
    display: inline-block;
    margin-left: 4px;
    color: #283760;
}
.shareuser .ui-listbox-header .ui-chkbox {
    float: left;
}

.dropdown-document .ui-dropdown {
    border: 2px solid #BCCCD6;
    border-radius: 5px;
    min-width: 105px;
}
.dropdown-document .ui-dropdown:hover {
    border-color: #BCCCD6;
}

.dropdown-document .ui-dropdown-trigger {
    border: none;
    color: #0391e8;
    padding-top: 10px;
 }
 .inputeditdocument {
    border: 2px solid #BCCCD6;
    border-radius: 5px;
    min-width: 175px;
    height: 35px;
    text-align: center;
 }
 .dropdown-type-document .ui-dropdown {
    border: 2px solid #BCCCD6;
    border-radius: 5px;
    width: 100%;
    margin-top: 10px;
 }
 .dropdown-type-document .ui-dropdown:hover {
    border-color: #BCCCD6;
 }
 .urldocument {
    border: 2px solid #BCCCD6;
    border-radius: 5px;
    min-width: 100%;
    height: 35px;
    margin-top: 20px;
 }
 .notify-document {
    color: #283760;
    font-weight: bold;
    padding: 0px;
    margin-top: 15px;
 }
 .file-document {
    margin-top: 20px;
    border: 2px solid #BCCCD6;
    border-radius: 5px
 }
 .dropdown-type-document .ui-dropdown-trigger {
    border: none;
    color: #0391e8;
    padding-top: 10px;
 }
 .btnsavedocument {
    background-color: #0391e8;
    border: none;
    width: 80px;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    height: 30px;
    border-radius: 0.25rem;
 }
 .modal-header-alert {
    background: #ffffff;
    color: #3092E9;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    padding: 15px;
    border: none;
    border-radius: 10px;
 }
 .header-alert-icon {
    margin-left: 43%;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 2px solid #F8BB86;
    padding: 0px;
    color: #F8BB86;
    font-size: 40px;
 }
 .btn-confirm-alert {
    color: #ffffff; 
    font-weight: bold; 
    height: 30px; 
    border: none; 
    background: #D53935; 
    width: 80px; 
    font-size: 14px; 
    border-radius: 4px;
 }
 .btn-alert {
    color: #ffffff;
    background: #135EAA;
    font-weight: bold;
    width: 80px;
    font-size: 14px;
    height: 30px;
    border: none;
    border-radius: 4px;
 }
 .field-required {
    border: 1px #D24343 solid;
    opacity: 1;
 }
.btnclose-document {
    padding: 0;
    /* cursor: pointer; */
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    appearance: none;
    text-shadow: 0 1px 0 #fff;
    color: #fff;
    font-weight: bold;
    opacity: 1;
    /* width: 29px; */
}
.btn-close-documents {
    border-radius: 50px;
    width: 80px;
    margin-right: 5px;
    outline: 0;
    background-color: #0FB4FF;
    border-color: #0FB4FF;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    font-weight: bold;
}

.btn-add-documents {
    border-radius: 50px;
    width: 83px;
    margin-right: 5px;
    outline: 0;
    background-color: #80BA54;
    border-color: #80BA54;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    font-weight: bold;
}/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */

/* position */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .toast {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .toast:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
.toast-info {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
.toast-error {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
.toast-success {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
.toast-warning {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='576' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
}
.toast-container.toast-top-center .toast,
.toast-container.toast-bottom-center .toast {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .toast,
.toast-container.toast-bottom-full-width .toast {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.toast {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
/* Responsive Design */
@media all and (max-width: 240px) {
  .toast-container .toast.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .toast.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .toast.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
/*!
 * FullCalendar v3.10.2
 * Docs & License: https://fullcalendar.io/
 * (c) 2019 Adam Shaw
 */.fc button,.fc table,body .fc{font-size:1em}.fc .fc-axis,.fc button,.fc-day-grid-event .fc-content,.fc-list-item-marker,.fc-list-item-time,.fc-time-grid-event .fc-time,.fc-time-grid-event.fc-short .fc-content{white-space:nowrap}.fc-event,.fc-event:hover,.fc-state-hover,.fc.fc-bootstrap3 a,.ui-widget .fc-event,a.fc-more{text-decoration:none}.fc{direction:ltr;text-align:left}.fc-rtl{text-align:right}.fc th,.fc-basic-view .fc-day-top .fc-week-number,.fc-basic-view td.fc-week-number,.fc-icon,.fc-toolbar{text-align:center}.fc-highlight{background:#bce8f1;opacity:.3}.fc-bgevent{background:#8fdf82;opacity:.3}.fc-nonbusiness{background:#d7d7d7}.fc button{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;height:2.1em;padding:0 .6em;cursor:pointer}.fc button::-moz-focus-inner{margin:0;padding:0}.fc-state-default{border:1px solid;background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#333;text-shadow:0 1px 1px rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.fc-state-default.fc-corner-left{border-top-left-radius:4px;border-bottom-left-radius:4px}.fc-state-default.fc-corner-right{border-top-right-radius:4px;border-bottom-right-radius:4px}.fc button .fc-icon{position:relative;top:-.05em;margin:0 .2em;vertical-align:middle}.fc-state-active,.fc-state-disabled,.fc-state-down,.fc-state-hover{color:#333;background-color:#e6e6e6}.fc-state-hover{color:#333;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.fc-state-active,.fc-state-down{background-color:#ccc;background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.fc-state-disabled{cursor:default;background-image:none;opacity:.65;box-shadow:none}.fc-event.fc-draggable,.fc-event[href],.fc-popover .fc-header .fc-close,a[data-goto]{cursor:pointer}.fc-button-group{display:inline-block}.fc .fc-button-group>*{float:left;margin:0 0 0 -1px}.fc .fc-button-group>:first-child{margin-left:0}.fc-popover{position:absolute;box-shadow:0 2px 6px rgba(0,0,0,.15)}.fc-popover .fc-header{padding:2px 4px}.fc-popover .fc-header .fc-title{margin:0 2px}.fc-ltr .fc-popover .fc-header .fc-title,.fc-rtl .fc-popover .fc-header .fc-close{float:left}.fc-ltr .fc-popover .fc-header .fc-close,.fc-rtl .fc-popover .fc-header .fc-title{float:right}.fc-divider{border-style:solid;border-width:1px}hr.fc-divider{height:0;margin:0;padding:0 0 2px;border-width:1px 0}.fc-bg table,.fc-row .fc-bgevent-skeleton table,.fc-row .fc-highlight-skeleton table{height:100%}.fc-clear{clear:both}.fc-bg,.fc-bgevent-skeleton,.fc-helper-skeleton,.fc-highlight-skeleton{position:absolute;top:0;left:0;right:0}.fc-bg{bottom:0}.fc table{width:100%;box-sizing:border-box;table-layout:fixed;border-collapse:collapse;border-spacing:0}.fc td,.fc th{border-style:solid;border-width:1px;padding:0;vertical-align:top}.fc td.fc-today{border-style:double}a[data-goto]:hover{text-decoration:underline}.fc .fc-row{border-style:solid;border-width:0}.fc-row table{border-left:0 hidden transparent;border-right:0 hidden transparent;border-bottom:0 hidden transparent}.fc-row:first-child table{border-top:0 hidden transparent}.fc-row{position:relative}.fc-row .fc-bg{z-index:1}.fc-row .fc-bgevent-skeleton,.fc-row .fc-highlight-skeleton{bottom:0}.fc-row .fc-bgevent-skeleton td,.fc-row .fc-highlight-skeleton td{border-color:transparent}.fc-row .fc-bgevent-skeleton{z-index:2}.fc-row .fc-highlight-skeleton{z-index:3}.fc-row .fc-content-skeleton{position:relative;z-index:4;padding-bottom:2px}.fc-row .fc-helper-skeleton{z-index:5}.fc .fc-row .fc-content-skeleton table,.fc .fc-row .fc-content-skeleton td,.fc .fc-row .fc-helper-skeleton td{background:0 0;border-color:transparent}.fc-row .fc-content-skeleton td,.fc-row .fc-helper-skeleton td{border-bottom:0}.fc-row .fc-content-skeleton tbody td,.fc-row .fc-helper-skeleton tbody td{border-top:0}.fc-scroller{-webkit-overflow-scrolling:touch}.fc-day-grid-event .fc-content,.fc-icon,.fc-row.fc-rigid,.fc-time-grid-event{overflow:hidden}.fc-scroller>.fc-day-grid,.fc-scroller>.fc-time-grid{position:relative;width:100%}.fc-event{position:relative;display:block;font-size:.85em;line-height:1.3;border-radius:3px;border:1px solid #3a87ad}.fc-event,.fc-event-dot{background-color:#3a87ad}.fc-event,.fc-event:hover{color:#fff}.fc-not-allowed,.fc-not-allowed .fc-event{cursor:not-allowed}.fc-event .fc-bg{z-index:1;background:#fff;opacity:.25}.fc-event .fc-content{position:relative;z-index:2}.fc-event .fc-resizer{position:absolute;z-index:4;display:none}.fc-event.fc-allow-mouse-resize .fc-resizer,.fc-event.fc-selected .fc-resizer{display:block}.fc-event.fc-selected .fc-resizer:before{content:"";position:absolute;z-index:9999;top:50%;left:50%;width:40px;height:40px;margin-left:-20px;margin-top:-20px}.fc-event.fc-selected{z-index:9999!important;box-shadow:0 2px 5px rgba(0,0,0,.2)}.fc-event.fc-selected.fc-dragging{box-shadow:0 2px 7px rgba(0,0,0,.3)}.fc-h-event.fc-selected:before{content:"";position:absolute;z-index:3;top:-10px;bottom:-10px;left:0;right:0}.fc-ltr .fc-h-event.fc-not-start,.fc-rtl .fc-h-event.fc-not-end{margin-left:0;border-left-width:0;padding-left:1px;border-top-left-radius:0;border-bottom-left-radius:0}.fc-ltr .fc-h-event.fc-not-end,.fc-rtl .fc-h-event.fc-not-start{margin-right:0;border-right-width:0;padding-right:1px;border-top-right-radius:0;border-bottom-right-radius:0}.fc-ltr .fc-h-event .fc-start-resizer,.fc-rtl .fc-h-event .fc-end-resizer{cursor:w-resize;left:-1px}.fc-ltr .fc-h-event .fc-end-resizer,.fc-rtl .fc-h-event .fc-start-resizer{cursor:e-resize;right:-1px}.fc-h-event.fc-allow-mouse-resize .fc-resizer{width:7px;top:-1px;bottom:-1px}.fc-h-event.fc-selected .fc-resizer{border-radius:4px;border-width:1px;width:6px;height:6px;border-style:solid;border-color:inherit;background:#fff;top:50%;margin-top:-4px}.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,.fc-rtl .fc-h-event.fc-selected .fc-end-resizer{margin-left:-4px}.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,.fc-rtl .fc-h-event.fc-selected .fc-start-resizer{margin-right:-4px}.fc-day-grid-event{margin:1px 2px 0;padding:0 1px}tr:first-child>td>.fc-day-grid-event{margin-top:2px}.fc-day-grid-event.fc-selected:after{content:"";position:absolute;z-index:1;top:-1px;right:-1px;bottom:-1px;left:-1px;background:#000;opacity:.25}.fc-day-grid-event .fc-time{font-weight:700}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer{margin-left:-2px}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer{margin-right:-2px}a.fc-more{margin:1px 3px;font-size:.85em;cursor:pointer}a.fc-more:hover{text-decoration:underline}.fc-limited{display:none}.fc-day-grid .fc-row{z-index:1}.fc-more-popover{z-index:2;width:220px}.fc-more-popover .fc-event-container{padding:10px}.fc-bootstrap3 .fc-popover .panel-body,.fc-bootstrap4 .fc-popover .card-body{padding:0}.fc-now-indicator{position:absolute;border:0 solid red}.fc-bootstrap3 .fc-today.alert,.fc-bootstrap4 .fc-today.alert{border-radius:0}.fc-unselectable{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#ddd}.fc-unthemed .fc-popover{background-color:#fff;border-width:1px;border-style:solid}.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-popover .fc-header{background:#eee}.fc-unthemed td.fc-today{background:#fcf8e3}.fc-unthemed .fc-disabled-day{background:#d7d7d7;opacity:.3}.fc-icon{display:inline-block;height:1em;line-height:1em;font-size:1em;font-family:"Courier New",Courier,monospace;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fc-icon:after{position:relative}.fc-icon-left-single-arrow:after{content:"\2039";font-weight:700;font-size:200%;top:-7%}.fc-icon-right-single-arrow:after{content:"\203A";font-weight:700;font-size:200%;top:-7%}.fc-icon-left-double-arrow:after{content:"\AB";font-size:160%;top:-7%}.fc-icon-right-double-arrow:after{content:"\BB";font-size:160%;top:-7%}.fc-icon-left-triangle:after{content:"\25C4";font-size:125%;top:3%}.fc-icon-right-triangle:after{content:"\25BA";font-size:125%;top:3%}.fc-icon-down-triangle:after{content:"\25BC";font-size:125%;top:2%}.fc-icon-x:after{content:"\D7";font-size:200%;top:6%}.fc-unthemed .fc-popover .fc-header .fc-close{color:#666;font-size:.9em;margin-top:2px}.fc-unthemed .fc-list-item:hover td{background-color:#f5f5f5}.ui-widget .fc-disabled-day{background-image:none}.fc-bootstrap3 .fc-time-grid .fc-slats table,.fc-bootstrap4 .fc-time-grid .fc-slats table,.fc-time-grid .fc-slats .ui-widget-content{background:0 0}.fc-popover>.ui-widget-header+.ui-widget-content{border-top:0}.fc-bootstrap3 hr.fc-divider,.fc-bootstrap4 hr.fc-divider{border-color:inherit}.ui-widget .fc-event{color:#fff;font-weight:400}.ui-widget td.fc-axis{font-weight:400}.fc.fc-bootstrap3 a[data-goto]:hover{text-decoration:underline}.fc.fc-bootstrap4 a{text-decoration:none}.fc.fc-bootstrap4 a[data-goto]:hover{text-decoration:underline}.fc-bootstrap4 a.fc-event:not([href]):not([tabindex]){color:#fff}.fc-bootstrap4 .fc-popover.card{position:absolute}.fc-toolbar.fc-header-toolbar{margin-bottom:1em}.fc-toolbar.fc-footer-toolbar{margin-top:1em}.fc-toolbar .fc-left{float:left}.fc-toolbar .fc-right{float:right}.fc-toolbar .fc-center{display:inline-block}.fc .fc-toolbar>*>*{float:left;margin-left:.75em}.fc .fc-toolbar>*>:first-child{margin-left:0}.fc-toolbar h2{margin:0}.fc-toolbar button{position:relative}.fc-toolbar .fc-state-hover,.fc-toolbar .ui-state-hover{z-index:2}.fc-toolbar .fc-state-down{z-index:3}.fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active{z-index:4}.fc-toolbar button:focus{z-index:5}.fc-view-container *,.fc-view-container :after,.fc-view-container :before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fc-view,.fc-view>table{position:relative;z-index:1}.fc-basicDay-view .fc-content-skeleton,.fc-basicWeek-view .fc-content-skeleton{padding-bottom:1em}.fc-basic-view .fc-body .fc-row{min-height:4em}.fc-row.fc-rigid .fc-content-skeleton{position:absolute;top:0;left:0;right:0}.fc-day-top.fc-other-month{opacity:.3}.fc-basic-view .fc-day-number,.fc-basic-view .fc-week-number{padding:2px}.fc-basic-view th.fc-day-number,.fc-basic-view th.fc-week-number{padding:0 2px}.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{float:right}.fc-rtl .fc-basic-view .fc-day-top .fc-day-number{float:left}.fc-ltr .fc-basic-view .fc-day-top .fc-week-number{float:left;border-radius:0 0 3px}.fc-rtl .fc-basic-view .fc-day-top .fc-week-number{float:right;border-radius:0 0 0 3px}.fc-basic-view .fc-day-top .fc-week-number{min-width:1.5em;background-color:#f2f2f2;color:grey}.fc-basic-view td.fc-week-number>*{display:inline-block;min-width:1.25em}.fc-agenda-view .fc-day-grid{position:relative;z-index:2}.fc-agenda-view .fc-day-grid .fc-row{min-height:3em}.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton{padding-bottom:1em}.fc .fc-axis{vertical-align:middle;padding:0 4px}.fc-ltr .fc-axis{text-align:right}.fc-rtl .fc-axis{text-align:left}.fc-time-grid,.fc-time-grid-container{position:relative;z-index:1}.fc-time-grid{min-height:100%}.fc-time-grid table{border:0 hidden transparent}.fc-time-grid>.fc-bg{z-index:1}.fc-time-grid .fc-slats,.fc-time-grid>hr{position:relative;z-index:2}.fc-time-grid .fc-content-col{position:relative}.fc-time-grid .fc-content-skeleton{position:absolute;z-index:3;top:0;left:0;right:0}.fc-time-grid .fc-business-container{position:relative;z-index:1}.fc-time-grid .fc-bgevent-container{position:relative;z-index:2}.fc-time-grid .fc-highlight-container{z-index:3;position:relative}.fc-time-grid .fc-event-container{position:relative;z-index:4}.fc-time-grid .fc-now-indicator-line{z-index:5}.fc-time-grid .fc-helper-container{position:relative;z-index:6}.fc-time-grid .fc-slats td{height:1.5em;border-bottom:0}.fc-time-grid .fc-slats .fc-minor td{border-top-style:dotted}.fc-time-grid .fc-highlight{position:absolute;left:0;right:0}.fc-ltr .fc-time-grid .fc-event-container{margin:0 2.5% 0 2px}.fc-rtl .fc-time-grid .fc-event-container{margin:0 2px 0 2.5%}.fc-time-grid .fc-bgevent,.fc-time-grid .fc-event{position:absolute;z-index:1}.fc-time-grid .fc-bgevent{left:0;right:0}.fc-v-event.fc-not-start{border-top-width:0;padding-top:1px;border-top-left-radius:0;border-top-right-radius:0}.fc-v-event.fc-not-end{border-bottom-width:0;padding-bottom:1px;border-bottom-left-radius:0;border-bottom-right-radius:0}.fc-time-grid-event.fc-selected{overflow:visible}.fc-time-grid-event.fc-selected .fc-bg{display:none}.fc-time-grid-event .fc-content{overflow:hidden}.fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title{padding:0 1px}.fc-time-grid-event .fc-time{font-size:.85em}.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title{display:inline-block;vertical-align:top}.fc-time-grid-event.fc-short .fc-time span{display:none}.fc-time-grid-event.fc-short .fc-time:before{content:attr(data-start)}.fc-time-grid-event.fc-short .fc-time:after{content:"\A0-\A0"}.fc-time-grid-event.fc-short .fc-title{font-size:.85em;padding:0}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer{left:0;right:0;bottom:0;height:8px;overflow:hidden;line-height:8px;font-size:11px;font-family:monospace;text-align:center;cursor:s-resize}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after{content:"="}.fc-time-grid-event.fc-selected .fc-resizer{border-radius:5px;border-width:1px;width:8px;height:8px;border-style:solid;border-color:inherit;background:#fff;left:50%;margin-left:-5px;bottom:-5px}.fc-time-grid .fc-now-indicator-line{border-top-width:1px;left:0;right:0}.fc-time-grid .fc-now-indicator-arrow{margin-top:-5px}.fc-ltr .fc-time-grid .fc-now-indicator-arrow{left:0;border-width:5px 0 5px 6px;border-top-color:transparent;border-bottom-color:transparent}.fc-rtl .fc-time-grid .fc-now-indicator-arrow{right:0;border-width:5px 6px 5px 0;border-top-color:transparent;border-bottom-color:transparent}.fc-event-dot{display:inline-block;width:10px;height:10px;border-radius:5px}.fc-rtl .fc-list-view{direction:rtl}.fc-list-view{border-width:1px;border-style:solid}.fc .fc-list-table{table-layout:auto}.fc-list-table td{border-width:1px 0 0;padding:8px 14px}.fc-list-table tr:first-child td{border-top-width:0}.fc-list-heading{border-bottom-width:1px}.fc-list-heading td{font-weight:700}.fc-ltr .fc-list-heading-main{float:left}.fc-ltr .fc-list-heading-alt,.fc-rtl .fc-list-heading-main{float:right}.fc-rtl .fc-list-heading-alt{float:left}.fc-list-item.fc-has-url{cursor:pointer}.fc-list-item-marker,.fc-list-item-time{width:1px}.fc-ltr .fc-list-item-marker{padding-right:0}.fc-rtl .fc-list-item-marker{padding-left:0}.fc-list-item-title a{text-decoration:none;color:inherit}.fc-list-item-title a[href]:hover{text-decoration:underline}.fc-list-empty-wrap2{position:absolute;top:0;left:0;right:0;bottom:0}.fc-list-empty-wrap1{width:100%;height:100%;display:table}.fc-list-empty{display:table-cell;vertical-align:middle;text-align:center}.fc-unthemed .fc-list-empty{background-color:#eee}/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

@charset "UTF-8";

@font-face {
  font-family: "Quicksand_Book";
  src:url(dd2da1d8f9d3944efe2797e1fa02e096.otf) format('opentype');
  src:url(dd2da1d8f9d3944efe2797e1fa02e096.otf?#iefix) format("embedded-opentype");
  font-weight: normal;
  font-style: normal;

}
.dnd-drag-start {
    -moz-transform:scale(0.8);
    -webkit-transform:scale(0.8);
    transform:scale(0.8);
    opacity:0.7;
    border: 2px dashed #000;
}

.dnd-drag-enter {
    opacity:0.7;
    border: 2px dashed #000;
}

.dnd-drag-over {
    border: 2px dashed #000;
}

.dnd-sortable-drag {
  -moz-transform:scale(0.9);
  -webkit-transform:scale(0.9);
  transform:scale(0.9);
  opacity:0.7;
  border: 1px dashed #000;
}

/*# sourceMappingURL=style.map*/