/*!
 *  Font Awesome 4.6.3 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('../fonts/fontawesome-webfont.eot?v=4.6.3');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.6.3#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-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"}.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}
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap");

/* 
	=================================
	=================================
	DEFAULT CSS
	=================================
	=================================
	font-family: 'Open Sans', sans-serif;
	font-family: 'Poppins', 'Open Sans', sans-serif;
*/
* {
	margin:0; padding:0;
	box-sizing:border-box;
	position:relative;
	text-rendering:optimizeLegibility;
}
body{
	margin:0 auto; padding:0;
	font-family:"Poppins", "Open Sans", sans-serif !important; font-weight: 400;
	font-size:14px; letter-spacing:0.3px;
	color:#1A1A1A;
	overflow:hidden; overflow-y:scroll;
	background:#F5F4EF;
	direction:ltr;
	min-height:100vh;
}
header,
footer,
menu,
nav,
article,
section,
aside{display:block; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{
	margin:0; padding:0;
	font-family: "Poppins", "Open Sans", sans-serif;
}
form{margin:0; padding:0;}
p, ul, li, a{margin:0; padding:0; list-style-type:none;}
a, span, label, dt, dl, i{display:inline-block;}
a{
	outline:none; border:none;
	text-decoration:none;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
	color:#4383F7;
}
img{outline:none; border:none; max-width:100%;}
input[type="submit"],
input[type="button"]{
	-webkit-appearance:none;
	font-family:"Poppins", "Open Sans", sans-serif;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
	outline:none;
	cursor:pointer;
}
input, select, textarea, button{
	outline:none;
	font-family: "Poppins", "Open Sans", sans-serif;
	margin:0;
	border:none;
	font-size:14px;
	background:#ffffff;
	filter:none; /* Rmeove yellow color from @ the time of autocomplete */ 
}
input[type="text"], input[type="password"], input[type="email"], input[type="textbox"]{width:100%;}
select{width:100%}
textarea{resize:none; width:100%;}
.input{
	border:1px solid #E6E6E6;
	border-radius:5px;
	/*padding:8px 12px;*/
	height:38px; padding:0 14px;
	transition:all 0.3s ease-out;
}
.input:focus{border:1px solid #F2E7E3;}
.inputLoaderWrapper{display:inline-block; z-index:2;}
.inputLoaderWrapper .input{width:100%;}
.inputLoaderWrapper .inputLoader{right:-35px; top:10px;}
input[type="number"]{-moz-appearance:textfield;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button,
input[type="number"]{
	-moz-appearance:none;
	appearance:none;
	-webkit-appearance:none;
}
.input:disabled{background-color: #f7f7f7 !important;}

.orField{display:inline-block; margin-left:10px; padding-top:10px;}
.orField strong{margin:0 24px 0 10px; font-weight:400; color:#999;}
.orField label{display:inline-block;}
.orField .checkbox input:disabled ~ .checkmark
{
  background-color:#ccc;
  opacity:0.2;
  cursor:not-allowed;
}

/* For Layouts */
main{min-height:100vh; display:grid; grid-template-columns:240px calc(100% - 240px);}
.pageContent{padding:24px;}
.contentWrapper{padding-bottom:60px;}
.clr{clear:both; height:26px;}
.clr.moreHeight{height:42px;}
.wrapper{width:100%; max-width:1440px; margin: 0 auto; padding:0 40px;}
.back{float:right;} /* back link set in right side */
.lock{overflow:hidden;}

/* card */
.card{
	background:#FFFFFF;
	box-shadow:0px 2px 4px rgba(0, 0, 0, 0.15);
	border-radius:12px;
	padding:16px 24px; margin-bottom:16px;
	border:1px solid #DFE3EB;
}
.card h2{
	font-size:22px; line-height:28px; font-weight:600;
	margin-bottom:8px;
}
.card h2.green{color:#0091AE;}
.card h2.orange{color:#FF7A59;}
.card h2.skyblue{color:#359EFF;}
.card h2.nevyblue{color:#0821FB;}

/* 
	=============
	Alerts
	=============
*/
 .alert{padding:15px 15px; margin-bottom:1rem; border-radius:10px; overflow:hidden;}
 .alert svg, .alert img{vertical-align:middle; margin-right:15px;}
 .alert button{background:none; opacity:0.2; cursor:pointer;}
 .alert-success{background:#e7faec; color:#2bc155; border:1px solid #8fe6a7;}
 .alert-warning{background:#fff6e6; color:#df8a4b; border:1px solid #f7d2b6;}
 .alert-error{background:#fee6ea; color:#f72b50; border:1px solid #f7acba;}
 .alert-info{background:#f0f6fc; color:#2781d5; border:1px solid #93c2ed;}
 
/* ============= For Menu ==============*/
.activeView {
	-webkit-transform:translate3d(0, 0, 0) !important;
	-moz-transform:translate3d(0, 0, 0) !important;
	transform:translate3d(0, 0, 0) !important;
}
.menuOverlay{
	background:rgba(0, 0, 0, 0.8);
	position:fixed; top:0; left:0;
	z-index:20000;
	width:105%; height:105%;
}

/* ============= */
.submitBtn{
  display:inline-block;
  max-width:400px; width:max-content;
  position:relative;  
  margin:0 auto;
}
input#cancle{
    font-weight:600; font-size:15px;
    color:#FF7A59;
	background:#fff !important;
	box-shadow:2px 4px 6px #A12003;
    border:1px solid #FF7A59;
	padding:11px 20px; margin-left:10px;
}
.submitBtn .btn{
    border-radius:5px;
    background-color:#4383F7;    
    color:#fff;
    width:100%;
    padding:6px 24px;
    font-size:14px; line-height:24px; font-weight:600;
    text-transform:capitalize;
}
.submitBtn.red .btn{background-color:#ff0000;}
.submitBtn .btn.disable{background-color: rgba(0, 0, 0, 0.3);}
.submitBtn .btnLoader{
	background-color:#4383F7;	
	position:absolute; top:0; left:0;
	z-index:1;
	width:100%; height:100%;
	text-align:center;
	border-radius:5px; 
	cursor:wait;
}
.submitBtn.red .btnLoader{background-color:#ff0000;}
.submitBtn .btnLoader span.spinLoader{
	width:25px; height:25px;
	border-width:4px;
	position:relative; top:9px; left:0;
	border-color:#ffffff;
	border-top-color:#032dad;
}
.centerLoader{display:flex; align-items:center; justify-content:center;}

/*
	=======================
	anchore button
	=======================
*/
.disabled a{
	border: 1px solid #d8d8d8 !important;
	background-color: rgb( 216, 216, 216 )!important;
	box-shadow: 0 5px 6px 0 rgb( 215, 213, 213 );
	color: #fff;
}
.button a{
	background-color:#4383F7;
	border:2px solid #4383F7;
	box-shadow:0 3px 1px 0 rgba(0, 0, 0, 0.1);
	border-radius:5px;
	padding:8px 20px;
	color:#fff;
	font-weight:500;
}
.button a:hover{transform:translateY(-5px);}
.button .btnLoader{
	position:absolute; top:0; left:0;
	z-index:1;
	width:100%; height:100%;
	border-radius:5px; border:2px solid #4383F7;
	background-color: #4383F7;	
	text-align:center;
}
.button .btnLoader span{top:9px;}

/* blue */
.button.border a{background:#fff !important; color:#4383F7;}

/* Green */
.button.green a, .button.green .btnLoader{
	background-color:#0091AE;
	border-color:#0091AE;
}
.button.green.border a{color: #51a266;}

/* red */
.button.red a,
.button.red .btnLoader{background-color:#de5e5e; border-color: #de5e5e;}
.button.red.border a{color:#de5e5e;}

/* yellow */
.button.yellow a,
.button.yellow .btnLoader{background-color:#f0c349; border-color:#f0c349;}
.button.yellow.border a{color:#f0c349;}

/* orrange */
.button.orrange a,
.button.orrange .btnLoader {
  background-color: #f07549;
  border-color: #f07549;
}
.button.orrange.border a{color: #f07549;}

/* purpal */
.button.parpal a,
.button.parpal .btnLoader {
  background-color: #4383F7;
  border-color: #4383F7;
}
.button.parpal.border a{color: #4383F7;}

/*
	=======================
	ringLoader
	=======================
*/
.spinLoader .small {background:url("../../images/cross-icon.png");}
.spinLoader{
	border:16px solid #4383F7; border-top:16px solid #ffffff;
	border-radius:50%;	
	width:120px; height:120px;
	-webkit-animation: spin 0.5s linear infinite;
	animation: spin 0.5s 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);
  }
}
.spinLoader.small{width:22px; height:22px; border-width:4px;}
.spinLoader.medium{
	border:6px solid #4383F7;
	border-top:6px solid #fff;
	width:50px; height:50px;
}
	
/* ============= Custom CheckBox */
.checkbox{
	display:block;
	position:relative;
	padding-left:14px; margin-bottom:0;
	cursor:pointer;
	font-size:14px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.checkbox input{position:absolute; opacity:0; cursor:pointer;}
.checkbox .checkmark{
	position:absolute; top:3px; left:-13px; /*left:0;*/
	height:17px; width:17px;
	background-color:#eee;
	border-radius:3px;
}
.checkmark:after{content:""; position:absolute; display:none;}
.checkbox:hover input ~ .checkmark{background-color:#ccc;}
.checkbox input:disabled:checked ~ .checkmark{
    background-color: rgba(0, 0, 0, 0.41);
    cursor: not-allowed;
}
.checkbox input:checked ~ .checkmark{background-color:#4383F7;}
.checkbox input:checked ~ .checkmark:after{display:block;}
.checkbox .checkmark:after{
	left:5px; top:1px;
	width:4px; height:9px;
	border:solid white; border-width:0 3px 3px 0;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}

/* ============= 
Custom Radio
=============*/
.radioBtn{
	display:block;
	position:relative;
	margin-bottom:0; padding-left: 25px;
	cursor:pointer;
	font-size:15px; line-height:22px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.radioBtn input{position:absolute; opacity:0; cursor:pointer;}
.radioBtn .checkmark{
	position:absolute; top:4px; left:0;
	height:17px; width:17px;
	background-color:#eee;
	border-radius:50%;
}
.radioBtn:hover input ~ .checkmark{background-color:#ccc;}
.radioBtn input:checked ~ .checkmark{background-color:#144F89;}
.radioBtn:after{content: ""; position:absolute; display:none;}
.radioBtn input:checked ~ .checkmark:after{display:block;}
.radioBtn .checkmark:after{
	top:4px; left:4px;
	width:9px; height:9px;
	border-radius:50%;
	background:white;
}
.verticalField{padding-top:10px;}
.horizontalField{
	display:flex; justify-content:flex-start; align-items:center;
	height:40px; padding-top:10px;
}
.horizontalField span{margin-right:10px;}
.horizontalField div span{margin-left:10px;}
.horizontalField label{float:left; margin-right:20px;}

/* ============= 
SEGMENT CONTROLL
===========*/
.segment{
	border:1px solid #9E9E9E; border-radius:5px;
	font-size:14px;
	display:grid; grid-template-columns:50% 50%;
	overflow:hidden;
}
.segment:after{content: ""; width:100%; clear:both; display:block;}
.segment label{
	border-right:1px solid #9E9E9E;
	text-align:center;
	box-sizing:border-box;
	cursor:pointer;
	position:relative;
	overflow:hidden;
}
.segment label:last-child{border:none;}
.segment label input{
	position:absolute; left:5px;
	visibility:hidden;
	width:15px !important;  
	z-index:1;
}
.segment label .selection{
	display:block;
	padding:9px 10px !important; 
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
.segment label .selection:hover{background:rgba(0, 0, 0, 0.05);}
.segment label input:checked ~ .selection{background:#4383F7; color:#ffffff;}
.segment.grid3 label{width:calc(100% / 3);}
.segment.grid4 label{width:calc(100% / 4);}
.segment.grid5 label{width:calc(100% / 5);}
.flexi{
	display:-ms-inline-flexbox;
	display:-webkit-inline-flex;
	display:inline-flex;
	-webkit-flex-direction:row;
	-ms-flex-direction:row;
	flex-direction:row;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:flex-start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	-webkit-align-content:stretch;
	-ms-flex-line-pack:stretch;
	align-content:stretch;
	-webkit-align-items:flex-start;
	-ms-flex-align:start;
	align-items:flex-start;
	max-width:calc(100% - 230px);
	width:auto !important;
	float:none !important;
}
.flexi:after{display:none;}
.flexi label{
	overflow:visible;
	order:0;
	flex:1 1 auto;
	align-self:auto;
	border-bottom:none; border-top:1px solid #9E9E9E; border:none!important;
	margin:2px;  
}
.flexi label .selection{background:#f9f9f9; min-width:70px;}
.flexi label:last-child{border:0 solid #9E9E9E !important;}

/*  ===== Controll 5 */
.passwordField{}
.passwordField a{
	position:absolute; top:0; right:0;
	width:auto; height:38px;
	padding:0 10px;
}
.passwordField input{padding-right:50px !important;}
.passwordField a span{top:calc(50% - 11px); left:0;}
.passwordField a img{vertical-align:middle; width:20px; height:20px;}
.passwordField .inputLoader{right:-35px; top:10px;}
.imp{background:#ffffda !important;}
.viewCard .passwordField a img{top:-10px; right:-25px;}
.changePasswordField{width:45%;}
.changePasswordField a{
	position:absolute; top:8px; right:0;
	width:auto; height:100%;
	padding:0 10px;
}
.changePasswordField a span img{height:20px; width:20px;}
input.switch{
	position:relative;
	-webkit-appearance:none;
	outline:none;
	width:50px; height:30px;
	background-color:#fff;
	border:1px solid #d9dadc; border-radius:50px;
	box-shadow:inset -20px 0 0 0 #fff;
}
input.switch:after{
	content:"";
	position:absolute; top:1px; left:1px;
	background:transparent;
	width:26px; height:26px;
	border-radius:50%;
	box-shadow:2px 4px 6px rgba(0, 0, 0, 0.2);
}
input.switch:checked{
	box-shadow:inset 20px 0 0 0 #38d5a6;
	border-color:#38d5a6;
}
input.switch:checked:after{
	left:20px;
	box-shadow:-2px 4px 3px rgba(0, 0, 0, 0.05);
}

/*
	listing Filter By
*/
.filterBy{
	font-size:14px;
	padding:7px 0 15px; margin:0 auto;
	color:#424242;
}
.filterBy label{display:inline-block; font-weight:500; margin-right:10px;}
.filterBy .left{float:left; width:40%; vertical-align:middle;}
.filterBy .right{
	float:right; width:50%;
	text-align:right; vertical-align:middle;
	font-size: 13.5px;	
}
.filterBy .left button,
.filterBy .right button{color:#5c5c5c; background:none;}
.filterBy .right a:hover,
.filterBy .right a.active{color:#4383F7; text-decoration:underline;}
.filterBy .right select{padding:4px;}

/* new fillter design in listing page >> purvi >> 23rd jul'25 */
.table-filters{display:flex; gap:16px; margin-bottom:10px; font-size:12px; color:#232323;}
.filter-item{display:flex; align-items:center; gap:5px;}
.dot{width:9px; height:9px; border-radius:50%; display:inline-block;}

/* Define your status colors */
.scheduled .dot{background-color:#FCBC05;}     /* Yellow */
.in-progress .dot{background-color: #7bc078;}   /* light green */
.on-hold .dot{background-color: #5c82bd;}       /* blue */
.cancelled .dot{background-color: #FF7948;}     /* orange */
.completed .dot{background-color: #40c0b9;}     /* peacock green */

/* Table Listing */
.tableListing, table.dataTable{
	background:#ffffff;
	border:1px solid rgba(0, 0, 0, 0.08); border-radius:4px;
	font-size:14px;
	margin:0 auto; margin-bottom:25px;
}
.tableListing th a{color:#4784b6;}
.tableListing .main label{font-weight:bold;}
.tableListing td .checkboxCenter{padding:0 45px!important;}
.tableListing th, table.dataTable th{
	padding:9px 10px;
	text-align:left; vertical-align:top;
	font-size:13px; font-weight:500; letter-spacing:0.2px;
	border-bottom:2px solid #e0e0e0; border-right:1px solid #e0e0e0;
	color:#4383f7;
	background-color:#f9f9f9;
}
.tableListing td,
table.dataTable td{
	position:relative;
	padding:8px 10px;
	color:#232323;
	/*vertical-align:top;*/
	font-size:13px; line-height:26px;
	border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;
}
.tableListing
.tableListing tbody tr:nth-child(even),
table.dataTable tbody tr:nth-child(even){background:#fbfbfb;}
.tableListing tbody tr:hover, table.dataTable tbody tr:hover{background:#EFEDE4;}
.tableListing td:before{content:attr(data-title); display:none;}
table.dataTable tbody tr.selected td{background:#fffdf5;}


/* 3 dots for action */
.threeDotsColumn{display:flex; flex-direction:column; align-items:center; gap:3px;}
.threeDotsColumn span{width:3px; height:3px; background-color:#868FA0; border-radius:50%;}

/* =============== */
.listStatus{
  border-radius:4px;
  padding:2px 10px;
  /*color:#fff;*/
  font-weight:500; font-size:12px;
  min-width:75px;
  text-align:center;
}
/*
.listStatus.assigned{color:#5e9be1;}
.listStatus.active{color:#40c0b9;}
.listStatus.inactive{color:#9e9e9e;}
.listStatus.pending{color:#c7c7c7;}
.listStatus.draft{color:#2d3e50;}
.listStatus.submitted{color:#6ac9a4;}
.listStatus.denied{color:#fd7777;}
.listStatus.collected{color:#af68d0;}
.listStatus.settled_to_client{color:#6ac9a4;}
.listStatus.partial{color:#f1982a;}
.listStatus.deposited{color:#03c1c8;}
.listStatus.deposited_to_bank{color:#03c1c8;}*/

/* =============== */
.btn-group{display:block; width:100%; height:100%;}
/*.btn-group .btn{
	background:url("../../images/action_more.png") no-repeat;
	background-position:center;
	background-size:22px;
	color:#635ebe;
	padding:0;
	width:30px; height:25px; cursor:pointer;
	border-radius:4px;
}
.btn-group .btn:after{
	font-family: "FontAwesome";
	content:"\f0dd";
	display:inline-block;
	position:relative; top:12px; right:-10px;
	width:20px; height:20px;
	font-size:18px;
	opacity:0;
	color:#2e8cd8;
}*/
.btn-group .dropdown{
	background:#fff;
	border:1px solid rgba(0, 0, 0, 0.15); border-radius:5px;
	position:absolute; top:33px; right:0;
	z-index:1;
	opacity:0;
	overflow:hidden;
	transform:scale(1, 0);
	transform-origin:top center;
	box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
	width:200px;
	transition: all 0.3s ease-out;
}
.btn-group .dropdown a{
	padding:10px 15px;
	/*display:block;*/ display:flex;
	border-bottom:1px solid rgba(0, 0, 0, 0.05);
	color:#646e7c;
	font-weight:400;
	text-align:left;
}
.btn-group .dropdown a i{
	width:25px; height:25px;
	background: url('../../images/action-sprite.png');
	background-size:24px;
	background-position:-2px 2px;
}
.btn-group .dropdown a:hover {background:#f9f9f9;}
.btn-group .dropdown .divider{background:#e9ecef; width:100%; height:2px; padding:0;}
.btn-group .dropdown a.del{color: #e36666;}
/*i.fa-fw{color: #2877d0;}
i.fa-exchange 	{color: #8a770eb2; padding-right:6px;}
i.fa-map-marker	{color: #e36666; font-size:15px;}
i.fa-pencil		{color: #6ac9a4; padding-right:6px;}
i.fa-trash 		{color: #e36666; padding-right:6px;}
i.fa-plus		{color: #008222; font-size:18px;}
i.fa-image		{color: #0c2e8a; font-size:60px;}
i.fa-user 		{color: #fff; margin-right:6px; font-size:16px;}
i.fa-eye 		{color: #09c0ea;}
i.fa-file-text-o{color: #518ef8; font-size:35px; padding-bottom:6px;}
i.fa-user-o{font-size:15px;}
i.fa-times{color:#fff; font-size:15px; padding: 6px 8px;}
i.fa-bell{color:blue;}
i.fa-warning{top:7px ;left:2px;}
i.fa-camera:before{font-size:30px;}*/
.btn-group:hover .btn{
	background:url("../../images/action_more_active.png") no-repeat #fff;
	background-position:center;
	background-size:22px;
	background-color:#2D3E50;
}
.btn-group:hover .btn:after{opacity:0;}
.btn-group:hover .dropdown{height:auto; opacity:1; transform:scale(1, 1);}
.btn-group:hover .dropdown:after{opacity:0;}

.inlineActonLink{display:flex; align-items:center; gap:16px;}
.inlineActonLink a{display:flex; align-items:center;}
.inlineActonLink a i{
	width:25px; height:25px;
	background: url('../../images/action-sprite.png');
	background-size:24px;
	background-position:-3px -42px;
	background-repeat:no-repeat;
}

/*==============*/
.btn-group .dropdown a .edit{background-position:-2px -41px;}
.btn-group .dropdown a .delete{background-position:-2px -129px;}
.btn-group .dropdown a .changeStatus{background-position:-2px -84px;}
.btn-group .dropdown a .addNotes{background-position:-2px -171px;}
.btn-group .dropdown a .assetsListing{background-position:-2px -212px;}
.btn-group .dropdown a .warrantly{background-position:-2px -254px;}
.btn-group .dropdown a .maintenance{background-position:-2px -298px;}
.btn-group .dropdown a .ticketListing{background-position:-2px -343px;}
.btn-group .dropdown a .checkInListing{background-position:-2px -384px;}
.btn-group .dropdown a .assetRenewalListing{background-position:-2px -427px;}
.btn-group .dropdown a .linkAsset{background-position:-2px -469px;}
.btn-group .dropdown a .markRenew{background-position:-2px 67px;}
.btn-group .dropdown a .cancelRenew{background-position:-2px 26px;}

.inlineActonLink a .changeStatus{background-position:-3px -85px;}
.inlineActonLink a .delete{background-position:-3px -128px;}

.btn-group .dropdown a .manageBanks{background-position:-167px 1px;}
.btn-group .dropdown a .merchants{background-position:403px -23px;}
.btn-group .dropdown a .client{background-position:154px -23px;}
.btn-group .dropdown a .transactions{background-position:128px -23px;}
.btn-group .dropdown a .addinationInfo{background-position:-66px 1px;}
.btn-group .dropdown a .assetsTicket{background-position:332px 1px;}

/* =========== */
.tableAction{padding-bottom:20px;}
.tableAction .btn input[type="button"],
.tableAction .btn button{
	background-color:#38d5a6;
	border-radius:5px;
	font-weight:600; font-size:13px; color:#fff;
	padding:8px 15px;
	box-shadow:0 5px 6px 0 rgba(7, 212, 151, 0.25);
}
.tableAction .btn input[type="button"]:disabled,
.tableAction .btn button:disabled{
	background-color:#d8d8d8;
	cursor:not-allowed;
	box-shadow:0 5px 6px 0 rgba(215, 213, 213, 0.55);
}
.tableAction .btn .btnLoader{
	position:absolute; top:0; left:0;
	z-index:1;
	width:100%; height:100%;
	background-color:#38d5a6;
	border-radius:5px;
	text-align: center;
}
.tableAction .btn .btnLoader span{top:7px}
.assign{
	background: url('../../images/user.png') no-repeat;
    background-position: 6px 6px;
	background-size: 26px;
	background-color: rgba(0, 0, 0, 0);
	padding: 8px 15px 8px 38px !important;	
}
table.dataTable td.action a{color:#1A1A1A;}
.inlineActonLink a{border-right:1px solid #ebebeb;}
.inlineActonLink a:last-child{border-right:none;}

/* =========== */
.splitAction{display:flex;}
.splitAction div{padding:6px 10px; width:50%;}
.splitAction a{color:#595764;}
.splitAction a i{margin-right:7px;}
.onlyOneAccess div:first-child{border:none!important;}

/* ====Client.php ===*/
.splitAction .inlineActonLink a i{ 
	height:25px; width:25px;
	background:url('../../images/action-sprite.png');
	background-size:24px;
	background-repeat: no-repeat
}
.splitAction .inlineActonLink a .collectionRequest{background-position:0 -171px;}
.splitAction .inlineActonLink a .ledger{background-position:-95px 5px;}
.splitAction .inlineActonLink a .paymentList{background-position: 81px 5px;}
.splitAction .inlineActonLink a .makePayment{background-position: 58px 5px;}
.splitAction .inlineActonLink a .addinationInfo{background-position:-71px 1px;}
.splitAction .inlineActonLink a .locations {background-position:-95px -22px;}
.splitAction .inlineActonLink a i.edit{background-position:0 -41px;}
.splitAction .inlineActonLink a i.delete{background-position:0 -128px;}

.toolTipIcon .inlineActonLink a i{ 
	height:25px; width:25px;
	background:url('../../images/action-sprite.png');
	background-size:24px;
	background-repeat: no-repeat
}
.toolTipIcon  .inlineActonLink a{padding-top:2px; padding-bottom:0;}
.toolTipIcon .inlineActonLink a .changeStatus{background-position:403px 1px;}

/* ============= */
.toolTipIcon .paymentListing .inlineActonLink a .view{background-position:776px -24px;}

/* =========== */
.dt-buttons{
	border:1px solid #d4dce9;
	display:inline-block;
	background:rgb(238, 239, 240);
	background:linear-gradient( 0deg, rgb(238, 239, 240) 0%, rgb(255, 255, 255) 65% );
	float:left; margin-bottom:16px;
}
.dt-buttons button{
	display:inline-block;
	border:none; border-right:1px solid #d4dce9;
	padding:5px 10px;
	background:none;	
	cursor:pointer;
	font-size:13px;
}
.dt-buttons button:last-child{border-right:none;}
.dt-buttons button:disabled{
	cursor:not-allowed;
	background:#f4f4f4 !important;
	color:#999;
}
.dt-buttons button:hover{background:#fff;}

.buttons-csv:before,
.buttons-pdf:before,
.buttons-print:before,
.buttons-excel:before{
	display: inline-block;
	font-family: "FontAwesome";
	content: "\f1c1";
	margin-right:5px;
}
.buttons-csv:after{
	display:inline-block;
	content:"C";
	position:absolute; top:12px; left:13px;
	font-size:7px; font-weight:600;
	color: #3f9b31;
}
.buttons-csv:before{content:"\f016"; color:#3f9b31;}
.buttons-excel:before{content:"\f1c3"; color:#3f9b31;}
.buttons-pdf:before{content:"\f1c1"; color:#f0663b;}
.buttons-print:before{content:"\f02f"; color:#2f75e1;}

/* =========== Hover Top */
.dt-buttons .dt-button-collection{
	position:absolute; left:auto !important; top:0; right:0;
	z-index:10000;
	width:150px;
	background:#fff;
	border:1px solid #d4dce9;
}
.dt-buttons .dt-button-collection button{
	width:100%;
	border:none;
	text-align:left;
	border-bottom:1px solid #d4dce9;
	padding:8px 10px;
}
.dt-buttons .dt-button-collection button:hover{background:rgba(236, 243, 254, 1);}

/*
	========================
	Data Table Skeleton loader
	========================
*/
.table-loader{visibility:hidden;}
.table-loader:before{
	visibility:visible;
	display:table-caption;
	content:" ";
	width:100%;
	height:600px;
	background-image:linear-gradient(rgba(235, 235, 235, 1) 1px, transparent 0),
    linear-gradient(90deg, rgba(235, 235, 235, 1) 1px, transparent 0),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.5) 15%,
      rgba(255, 255, 255, 0) 30%
    ),
    linear-gradient(rgba(240, 240, 242, 1) 35px, transparent 0);
	background-repeat:repeat;
	background-size:1px 35px, calc(100% * 0.1666666666) 1px, 30% 100%, 2px 70px;
	background-position:0 0, 0 0, 0 0, 0 0;
	animation:shine 0.5s infinite;
}
@keyframes shine{
	to{background-position:0 0, 0 0, 40% 0, 0 0;}
}

/* =========== */
.userWithPic .avtar{
	width:35px; height:35px;
	border-radius:100%;
	overflow:hidden;
	vertical-align:top;
	margin-right:10px;
}
.userWithPic .avtar img{
	vertical-align:top;
	object-fit:cover;
	width:35px; height:35px;
}
.userWithPic label{
	width:70%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	vertical-align:middle;
}

/* =============== */
.ui-widget-content{overflow-y:auto !important;}
.ui-menu-item{display:block !important;}
.ui-menu-item a{
	display:block;
	border:0 !important; border-bottom:1px solid rgba(0, 0, 0, 0.1) !important;
	padding:8px 10px !important;  
}
.ui-menu-item a:hover{background-color:rgba(0, 0, 0, 0.04);}
.ui-state-active{background-color:#fffadb !important;}

/*
	==========
	No record
	==========
*/
.noRecord{text-align:center; padding:50px 0 100px 0;}
.noRecord img{max-width:200px;}
.noRecord label{display:block; font-weight:500; font-size:22px;}
.noRecord p{font-size:15px; color:rgba(0, 0, 0, 0.5); margin-bottom:25px;}
.noRecord a{
  border:1px solid rgba(0, 0, 0, 0.1); border-bottom:2px solid rgba(0, 0, 0, 0.1); border-radius:4px;
  padding:10px 15px;  
}

/* =========== */
.dataTable .bottom{font-size:13px; padding-top:15px;}
.dataTable .bottom:after{clear:both; content: " "; display:block;}
.dataTable .bottom .dataTables_length,
.dataTable .bottom .dataTables_info{
  float: left;
  display: inline-block;
  vertical-align: top;
  padding: 0 20px 0 0;
  clear: unset;
}
.dataTable .bottom .dataTables_length select{border-top:1px solid rgba(34, 36, 38, 0.1); margin:0 5px;}
.dataTable .bottom .dataTables_info{padding-top:3px;}
.dataTable .bottom .dataTables_paginate{float:right;}
.dataTable .bottom .dataTables_paginate a{margin:0 10px; cursor:pointer;}
.dataTable .bottom .dataTables_paginate a.disabled{color:#888;}
.dataTable .bottom .dataTables_paginate span{margin:0 10px;}
.dataTable .bottom .dataTables_paginate span a{
	display:inline-block;
	border:none !important; border-radius:45px;
	padding:5px 15px; margin:0 2px;	
	cursor:pointer;
	font-size:13px;  
	color: #4383F7;
}
.dataTable .bottom .dataTables_paginate span a:hover{background:#f0f0f0;}
.dataTable .bottom .dataTables_paginate span a.current{
	background-color:#4383F7;
	color:#fff;	
}

.dataTable .bottom .dataTables_paginate span a:last-child{
	border-left:1px solid #d4dce9;
}
.dataTable .bottom .dataTables_paginate span span{border:none;}
.dataTable .bottom .dataTables_paginate a.next:after{
	font-family: "FontAwesome";
	content: "\f105";
	margin-left:5px;
}
.dataTable .bottom .dataTables_paginate a.previous:before{
	font-family: "FontAwesome";
	content: "\f104";
	margin-right: 5px;
}

/* Listing Pagging */
.paggingMain{
	text-align:center;
	padding:0 0 10px 0; margin:0 auto 0 auto;
	position:relative;
	height:47px;  
}
.paggingMain .pagingLeft{
	position:absolute; top:24px; left:0;
	font-size:13px;
}
.paggingMain .pagingright{
	position:absolute; top:13px; right:0;
	font-size:13px;
}
.paggingMain .pagginMiddle{padding:0 50px; text-align:center;}
.paggingMain .pagginMiddle .viewer{
	display:inline-block;
	background:#ffffff;
	border:1px solid #e3e3e3;
	border-bottom:2px solid #e3e3e3;
	border-radius:4px;
}
.paggingMain .pagginMiddle .viewer a:hover {
  background-color: #f2f2f2 !important;
}
.paggingMain .pagginMiddle .viewer a,
.paggingMain .pagginMiddle .viewer span {
  padding:11px 10px 10px 10px;
  width:42px; height:42px;
  border-right:1px solid #e3e3e3;
  float:left;
  text-align:center;
  overflow:hidden;
}
.paggingMain .pagginMiddle .viewer span.awhite{
	background:#e9e9e9; color:#4383F7;
}
.paggingMain .pagginMiddle .viewer a.next,
.paggingMain .pagginMiddle .viewer a.last,
.paggingMain .pagginMiddle .viewer a.prev,
.paggingMain .pagginMiddle .viewer a.first,
.paggingMain .pagginMiddle .viewer span.firstDisable,
.paggingMain .pagginMiddle .viewer span.prevDisable,
.paggingMain .pagginMiddle .viewer span.nextDisable,
.paggingMain .pagginMiddle .viewer span.lastDisable {
	background:url("../../images/pagging.png") no-repeat;
	text-indent:-5000px;
}
.paggingMain .pagginMiddle .viewer a.next{background-position:-174px 17px;}
.paggingMain .pagginMiddle .viewer a.last{background-position:-242px 17px;}
.paggingMain .pagginMiddle .viewer span.nextDisable{background-position:-172px -45px;}
.paggingMain .pagginMiddle .viewer span.lastDisable{background-position: -242px -45px;}
.paggingMain .pagginMiddle .viewer a.prev{background-position:-52px 17px;}
.paggingMain .pagginMiddle .viewer a.first{background-position:17px 17px;}
.paggingMain .pagginMiddle .viewer span.prevDisable{background-position:-52px -45px;}
.paggingMain .pagginMiddle .viewer span.firstDisable{background-position:17px -45px;}

/* 
	========
	view
	========
*/
.ulListing{}
.ulListing li{
	border-bottom:1px solid #9E9E9E;
	display:grid; grid-template-columns:40% 15% 15% 15% 15%;
}
.ulListing li:last-child{border-bottom:0;}
.ulListing li div{padding:15px 0;}
.ulListing li.title{font-weight:600;}

/* 
	=========
	FROM
	=========
*/
.card.form{margin:15px 0; padding:20px 25px 10px 25px;}
.form li{
	display:grid; grid-template-columns:220px calc(100% - 230px) !important;
	/* padding:6px 0; align-items:center;*/
}
.form li .lbl{margin-top:10px; display:flex; gap:5px; color:#434343; font-weight:600;}
.form li .lbl span{
	font-size:14px; line-height:24px;
	color:#FF0000;
	/*position:absolute; top:0; right:12px;*/
}

.form li .value .input{width:100%;}
.inputLoader{position:absolute; top:0; right:0;}
.formButtonPanel{text-align:left; margin:40px 0;}
.formButtonPanel .submitBtn{margin:0 15px; display:inline-block;}
.formButtonPanel:after{content: " "; display:block; clear:both;}
.formButtonPanel .prev{float:left; width:120px !important;}
.formButtonPanel .prev .btn{
	background-image:url("../../images/button_image.png") !important;
	background-color:rgb(62, 131, 230) !important;
	background-size:35px;
	background-repeat:no-repeat;
	background-position:15px -37px;
	padding:12px 30px 12px 50px;
}
.formButtonPanel .prev.disable .btn{
	background-color:rgba(0, 0, 0, 0.3) !important;
	pointer-events:none !important;
}
.formButtonPanel .next{float:right; width:120px !important;}
.formButtonPanel .next .btn{
	background-image:url("../../images/button_image.png") !important;
	background-color:rgb(62, 131, 230) !important;
	background-size:35px;
	background-repeat:no-repeat;
	background-position:100% 14px;
	padding:12px 50px 12px 30px;
}
.formButtonPanel .next.disable .btn{
	background-color:rgba(0, 0, 0, 0.3) !important;
	pointer-events:none !important;
}
.formButtonPanel .submit{float:right; width:135px !important;}
.formButtonPanel .submit .btn{
	background-image:url("../../images/button_image.png") !important;
	background-color:rgb(62, 131, 230) !important;
	background-size:35px;
	background-repeat:no-repeat;
	background-position:100% 14px;
	padding:12px 50px 12px 30px;
}
.formButtonPanel .submit.disable .btn{
	background-color:rgba(0, 0, 0, 0.3) !important;
	pointer-events:none !important;
}
.formButtonPanel .save{width:120px !important;}
.formButtonPanel .save .btnLoader{background:#3cbe8c;}
.formButtonPanel .save .btn{
	background-image:url("../../images/button_image.png") !important;
	background-color:#3cbe8c !important;
	background-size:30px;
	background-repeat:no-repeat;
	background-position:15px -78px;
	padding:12px 30px 12px 55px;
	box-shadow:0 7px 7px 0 rgba(52, 165, 121, 0.26);
}
.formButtonPanel .save.disable .btn{
	background-color:rgba(0, 0, 0, 0.3) !important;
	pointer-events:none !important;
}
.validation{
	height:18px;
	line-height:20px; font-size:12px;
	color:#FF0000; clear:both;
}

/*  ===== input Notes */
.inputNotes{width:40px; height:40px; display:inline-block; vertical-align:top;}
.inputNotes a.ico{
	width:35px; height:35px; text-align:center; line-height:45px;
	margin:2.5px 0 0 2.5px;
	cursor:pointer;
	
	-webkit-transition: all 350ms ease;  
	-moz-transition:all 350ms ease;
	transition: all 350ms ease;
}
.inputNotes a.ico i{font-size:25px; color:#fdac12;}
.inputNotes:hover a.ico i{color:#fd8012;}
.inputNotes .notes{
	position:absolute; top:0; left:0;
	z-index:1;
	background:#fff; border-radius:8px;
	border:2px solid #fd8012;
	box-shadow:0 10px 10px 0 rgba(253,128,18,0.1);
	padding:10px; margin-left:42px;
	font-size:12px;	
	-webkit-transition: all 350ms ease;  
	-moz-transition:all 350ms ease;
	transition: all 350ms ease;	
	opacity:0;
	transform:scale(0,0);
	transform-origin:top left;
	width:300px;
}
.inputNotes .notes:before{
	font-family: "FontAwesome";
	content:"\f0d9";
	font-size:24px;
	position:absolute;
	top:5px; left:-10px; z-index:1;
	color:#fd8012;
}
.inputNotes:hover .notes{opacity:1; transform:scale(1,1);}

.currency{
	position:absolute; top:0; left:0;
	z-index:1;
	padding:11px 10px 10px 15px;
	font-family:initial;
	font-size:19px;
}
.flexDiv{display:flex; align-items:center;}

/*  == Controls 1 === */
.inputMaxValue{display:inline-block;}
.inputMaxValue .input{width:100% !important; padding-right:35px;}
.inputMaxValue span.max{
	background:#f4f4f4;
	font-size:12px; line-height:35px;
	position:absolute; top:1px; right:1px;
	z-index:1;
	height:calc(100% - 2px); width:30px;
	border-radius:0 5px 5px 0;  
	text-align:center !important;
	color:#9b9b9b;
}

/*  ===== Controls 2 */
.textareaMaxValue{
	display:flex; align-items: center;
	padding:16px;
	gap:10px;
	height:152px;
	background:#E4E5FF;
	border-radius:8px;	
}
.textareaMaxValue .input{min-height:120px; border:1px solid #898CC5;}
.textareaMaxValue .max{
  background: #fbfafa;
  font-size:12px;
  position:absolute; bottom:0; right:0;
  z-index: 1;
  width:calc(100% - 2px);
  height:30px;
  text-align:right;
  line-height:30px;
  color: #99a6b9;
  padding-right:10px;
  box-sizing:border-box;
  border-radius:0 0 6px 6px;
}

/*  ===== Controls 3 */
.multiSuggestion {
	display:inline-block;
	vertical-align:top;
	background:#f4f4f4;
	border-radius:4px;
}
.multiSuggestion .inputLoader{z-index:1; top:11px; right:10px;}
.multiSuggestion .input{width:100% !important;}
.multiSuggestion input:read-only{background-color:rgba(0,0,0,0.02); cursor:not-allowed;}
.multiSuggestion .selectedValue span{
	background:#ffffff;
	border-radius:45px;
	/*padding:8px 40px 8px 15px;*/ padding:8px; margin:10px 5px;
	font-size:13px;
	position:relative;
	z-index:22;
}
.multiSuggestion .selectedValue span strong{font-weight:normal;}
.multiSuggestion .selectedValue span a{
	/*position:absolute; top:-3px; right:0;
	height:33px;
	line-height:30px;*/
	padding:0 10px;	
}
.multiSuggestion .selectedValue span a:before{font-family: "FontAwesome"; content: "\f00d";}
.multiSuggestion i{
	color:#FF0000;
	padding:0;
	position:absolute; top:3px; right:4px;
	padding:0!important;	
}
.multiSuggestion .remove{
	position:absolute; top:9px; right:0;
	width:25px; height:20px;
	color: #e9a1a1;
}
.multiSuggestion .remove:before{font-family: "FontAwesome"; content: "\f00d";}

/*  ===== Controls 4 */
.dateSelections{
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.dateSelections input{
  background:url("../../images/date_icon.svg")no-repeat scroll 95% 48% #ffffff;
  width:100%;
}
.dateSelections .dateIco:before{color: #f03454;}
.dateSelections .dateIco{
	position:absolute; top:1px; right:5px;
	z-index:2;
	width:100%; height:35px;
	padding: 0 10px;
	line-height: 34px;
}
.dateSelections span{display:block; width:100%;}
.dateSelections .inputLoader{right:-35px; top:10px;}
.calenderHolder{position:relative;}

/*  ===== Controls 4 */
.timeSelections {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.timeSelections input {
  width: 100% !important;
  padding-right: 30px;
  background:url("../../images/clock_icon.svg")no-repeat scroll 95% 12px #ffffff;
}
.timeSelections .inputLoader {
  right: -35px;
  top: 10px;
}

.ui-timepicker {
  box-shadow: none !important;
  overflow: hidden !important;
}
.ui-timepicker-standard {
  font-family: "Poppins", "Open Sans", sans-serif !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 5px;
}

/*  ===== Controls 4 */
.ol {
  padding: 0;
  margin: 0 0 0 25px;
}
.ol,
.ol li {
  list-style-type: number !important;
}
.ol li {
  margin-bottom: 10px;
}

/* ============== */
.ui-widget-content {
  max-height: 190px;
  overflow: hidden;
  overflow-y: scroll;
}
.ui-widget-content li div{
	padding:10px 15px;
	border-bottom:1px dashed #edf1f7 !important;
	background:none;
	transition:all 0.3s ease-out;
}
.ui-widget-content li div.ui-state-active{
	border:none;
	background: #edf1f7;
	padding:10px 20px;
}

/*
	========================
	Light Box Model
	========================
*/
.overlay{
	background:rgba(1, 22, 57, 0.42);
	position:fixed; top:0; left:0;
	z-index:100;
	width:100%; height:110%;
}
.model{
  position:fixed;
  top: 0;
  left: 0;
  z-index: 125;
  width: 100%;
  -webkit-transition: -webkit-transform 350ms ease;
  -moz-transition: -moz-transform 350ms ease;
  transition: transform 350ms ease;
}

.activeModel{
  -webkit-transform: translate3d(0, 0, 0) !important;
  -moz-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
}
.outerClickDiv{
	position:fixed; top:0; left:0;
	z-index:100;
	width:100%; height:110%;
}
.modelWrapper{
	width:100%; max-width:900px;
	background:#fff;
	margin:4% auto 0 auto; padding:0 0 24px 0;
	z-index:105;
	border-radius:8px;	
}
.close{
	position:absolute; top:4px; right:18px;
	z-index:10;
	width:42px; height:100%;
	background: url("../../images/cross-icon.svg") no-repeat center;
	background-color: rgba(0,0,0,0);
	background-size:auto;
	overflow:hidden;
	filter:brightness(0);
}
.closeModel{
	position:absolute; top:0; right:16px;
	z-index:10;
	width:42px; height:100%;
	background:url("../../images/cross.svg") no-repeat center;
    background-color:rgba(0, 0, 0, 0);
    background-size:auto;
	overflow:hidden;
	filter:brightness(0);	
}

.rightMargin .rightBtn{margin-right:28px;} /*To resolve button spacing issue when add form page directly open in modal then apply modal-specific CSS reset for buttons to avoid inherited page margins and paddings*/

/* ======== */
.ui-menu, .ui-datepicker{z-index:10000 !important;}

/*
	========================
	User Display Message
	========================
*/
.userDisplayMessaege{
	text-align:center;
	background:#eefcf8;
	border:1px solid #a6dfcd; border-radius:5px;
	font-size:14px !important;
	padding:10px 20px; margin-bottom:15px;
}
.userDisplayMessaege p{color:#1A1A1A}
.userDisplayMessaege.success{background:#eefcf8; border-color:#a6dfcd;}
.userDisplayMessaege.warning{background:#fff8e2; border-color:#e9dbb0;}
.userDisplayMessaege.error{background:#fdeeee; border-color:#f1d0d0;}

/*
	========================
	Date Picker
	========================
*/
.ui-datepicker{
	width:230px !important; height:240px !important; max-height:240px;
	overflow-y:auto;
}

/*
	========================
	Date Picker
	========================
*/
.noListingData{
	text-align:center;
	padding:40px 20px 20px 20px!important;
	letter-spacing:0.5px;
}
.noListingData h4{font-size:28px; font-weight:400;}
.noListingData p{font-size:15px; color: #657384;}
.noListingData .img{padding-bottom:25px;}
.noListingData .button{margin:25px 0 15px;}
.highlightDistrictRow{background-color:#f7f7f7 !important; font-weight:bold;}
.highlightTotalCompanyRow{background-color:#fdf8e6 !important; font-weight:bold;}

/* underline particient to li in add form */
.underLinePart{
	border-top:1px solid rgba(0,0,0,0.1);
	padding-top:24px!important;
}
.addPhotoPanel .dragPhoto label@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap');
.wordWrap{word-wrap:break-word;}
.manage-sites table.dataTable td.action{text-align:left;}
table.dataTable td.action{text-align:center;}

/* for action panel width */

/*
	======================
	Common
	======================
*/
.visibilityHidden{visibility:hidden;}
.container{width:100%; max-width:1170px; margin:0 auto;}
.grid2{display:grid; grid-template-columns:repeat(2, 1fr); gap:16px; row-gap:8px;}
.grid3{display:grid; grid-template-columns:repeat(3, 1fr); gap:16px; row-gap:8px;}
.grid4{display:grid; grid-template-columns:repeat(4, 1fr); gap:16px;}

.flex{display:flex; align-items:center;}
.defaultHide{display:none;}

/* login page general */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus{
	-webkit-text-fill-color: inherit !important;
	-moz-text-fill-color: inherit !important;
	transition:background-color 5000s ease-in-out 0s;
}
h2{
	font-family:'Poppins';
	font-style:normal; font-weight:500; font-size:32px; line-height:134%;
}
a{cursor:pointer;}

/*===========
Login page 
=========*/
section.bgDiv{
	background-image:url("../../images/bg_image.png");
	background-repeat:no-repeat;
	background-size:contain;
	background-position:left center;}
.accessSystem{
	display:grid;
	grid-template-columns:50% 50%;
	height:100vh;
	align-items:center;
	padding:0 60px;
}
.textDiv .graphicText{display:flex; flex-direction:column; gap:16px;}
.textDiv .graphicText p{color:#575757;}

/* right form css */
.accessSystem .userForm .card{margin:28px; padding:40px; text-align:left;}
.accessSystem .userForm .card h2{margin-bottom:8px;}
.userForm h3{
	font-weight:400; font-size:30px; line-height:38px; letter-spacing:0.32px;
	color:#1A1A1A;
}
.accessSystem .userForm .card p{
	font-family:'Poppins'; font-weight:300;
	font-size:15px; line-height:24px;
	color:#575757;
}
.userForm .alert{margin:16px 0;}

.userForm ul li{display:block;}
.userForm ul li .lbl{padding:0; margin:0;}
.userForm ul li .validation{text-align:left; padding:0 5px; height:20px;}
.userForm ul li input[type="email"],
.userForm ul li input[type="password"],
.userForm ul li input[type="text"]{
	width:100%; 
	font-weight:400; font-size:14px; line-height:24px;
	color:#1A1A1A;	
}

/*========*/
.loginButtonPanel{text-align:center;}
.loginButtonPanel:after{content:" "; display:block; clear:both;}
.loginButtonPanel .buttonLeft{font-size:13px; justify-content:space-between; padding-bottom:24px;}
.loginButtonPanel .buttonLeft label{font-size:13px; line-height:22px}
.loginButtonPanel .buttonLeft .checkbox{padding-left:23px;}
.loginButtonPanel .buttonLeft .checkbox .checkmark{left:0;}
.loginButtonPanel .buttonLeft a{color:#605A57; text-decoration:underline; font-size:13px; font-weight:400;}
.accessSystem .submitBtn{width:100%; max-width:100%; margin:0;}

/* last link */
.accessSystem .readyBox{
	display:flex; align-items:center; justify-content:center;
	column-gap:6px;
	background-color:#ffffff;
	padding:16px 0;
}
.accessSystem .readyBox label{font-size:14px; color:#1A1A1A; font-weight:500; display:block;}
.accessSystem .readyBox a{
	color:#1A1A1A;
	text-decoration:underline;
	font-size:15px; font-weight:600;
}

/* ============
Forgot Password
=================*/
.forgotPassFormDiv .form{padding-bottom:24px;}

/* ============
registration page
=================*/
.registrationBox .form{padding-top:24px;}
.rightPanel .overlay{position:absolute; height:100%; border-radius:12px;}
.accessSystem .registrationBox{
	position:relative; top:0; right:0%;
	animation:move 1s ease;
	animation-fill-mode:forwards;
	z-index:1111111;
	height:100%;
}
@keyframes move{
	0%{top:0;right: 0%;}
	100%{top:0;right:0%;}
}

/* Verify your email address */
.rightPanel.otp-Box{height:100%; padding-top:24px;}
.rightPanel.otp-Box h3{font-size:24px; line-height:32px;}
.rightPanel.otp-Box .mail-img{padding:24px 0; width:100%; justify-content:center;}
.rightPanel.otp-Box .mail-img img{width:120px; height:120px;}
.rightPanel.otp-Box p{text-align:center;}
.rightPanel.otp-Box .otp-boxes .otpNumber{
	width:60%;
	display:flex; justify-content:center; align-items:center; gap:24px;
	padding:16px 0 8px 0; margin:auto;
}
.rightPanel.otp-Box .otp-boxes .otpNumber li input[type="text"]{text-align:center; padding:4px;}
.accessSystem .email-code{
	display:grid; grid-template-columns:50% 50%;
	align-items:flex-start;
	padding:36px 0 24px 0;
}
.accessSystem .email-code span{
	font-size:14px; color:#1A1A1A; font-weight:400;
	text-align:center;
	display:flex; flex-direction:column;
}
.resendOtp span{color:#4383F7 !important;}
.accessSystem .cardOtp .codeRec{display:flex; font-size:13px !important; border:1px dashed #4383F7;}
.accessSystem .cardOtp .codeRec span {color:#4383F7; top:2px; left:15px;}

/* =========
dashboard page 
==========*/
.submitBtn.updateButton{position:absolute; right:310px; top:13px; z-index:100;}

/*
	======================
	navigation Form >> Add templet page
	======================
*/
.navigationForm .navigation .tabs{
	border-radius:10px;
	padding:0 15px;
	position:sticky; top:25px;
}

.navigationForm .navigation ul li a{
	display:block;
	border-bottom:1px solid rgba(0, 0, 0, 0.1);
	padding:15px 15px 15px 0;
	color:#616973;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.navigationForm .navigation ul li a:hover{
	font-weight:600;
	color:#2E2359;
	padding:8px 9px;
}
.navForm .card{
	border-radius:5px;
	box-shadow:0 0 31px 0 rgb(0, 0, 0, 0.1);
	margin-bottom:20px;
	padding:15px 20px 15px
}
.navForm .card h2{font-size:25px; font-weight:600; color:#52b899;}
.navForm .form li{display: grid; grid-template-columns: 28% 72%;}
.navForm .card h2 strong{
	font-weight:400; font-size:22px;
	color:#1f262f;	
	margin-left:5px;
}
.navForm .card h2 span{
	font-size:18px; font-weight:500;
	color:#262627;	
	padding-left:8px;
}

/*
	======================
	#Section = Side Menu
	======================
*/
.navMenu{
	background:#f5f4ef;
	box-shadow:4px 4px 12.6px #CFC2C0;
	z-index:20;
	/*padding-bottom:120px;*/
}

/*=============*/
.navMenu .clientLogo{
	height:70px;
	line-height:45px;
	overflow:hidden;
	text-align:center;
	border-bottom:1px solid rgba(0, 0, 0, 0);
	padding:10px;
}
.navMenu .clientLogo img{vertical-align:middle;}
.navMenu.collapse .clientLogo .full{display:none;}
.navMenu.collapse .clientLogo .initial{display:block !important;}
.navMenu.collapse .sap i{margin-left:8px;}
.navMenu.collapse .sap .subMenuUi i{margin-left:0;}

/*=============*/
.navMenu .menuWrapper{padding-bottom:100px;}
.navMenu nav{margin:0;}
.navMenu nav ul{margin-right:8px;}
.navMenu nav li{position:relative; z-index:1;}
.navMenu nav li .subMenuUi{margin-left:8px;}

/* ====== */
.dashboardBtn{
	border-radius:0 8px 8px 0;
	background-color:#4383f7;
	border-left:3px solid #144F89;
	font-size:14px; line-height:48px;
	color:#ffffff !important;
	margin-bottom:0;
	min-height:48px !important;
}
.dashboardBtn a{min-height:48px; padding:0 0 0 40px !important;}
.dashboardBtn a span{color:#fff; }
.dashboardBtn i{top:12px !important;}

.subMenuUi{margin-left:-10px;}
.navMenu nav li.sap{
	color:#4383F7;
	text-transform:uppercase;
	padding:10px 0;
	min-height:45px;
}
.navMenu.collapse nav li.sap{background-position:20px 26px;}
.navMenu nav li.sap h6{
	font-weight:500; font-size:14px;
	background:#fff;
	padding:2px 0;
}
.navMenu nav li a{
	display:block;
	padding:10px 0 10px 40px; margin-left:8px;
	color:#1A1A1A;
	font-weight:500; font-size:13px;
	min-height:38px;	
}
.navMenu nav li a.active{
	background-color:#FBF2EF;
	border-left:4px solid #4383F7; border-radius:2px;
 }
.navMenu nav li.sap a.main{padding:8px 0 8px 40px;}
.navMenu nav li.activeMenuTab{
	background:#E5F5F8;
	border-left:4px solid #1A1A1A;
	color: #605A57;
}
.navMenu nav li a span{
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.navMenu nav li a.active:after{opacity:1;}
.navMenu nav li a.main{display:flex; align-items:center;}
.navMenu nav li a i{
	background: url('../../images/menu_icon_sprite.png');
	background-size:24px;
	background-repeat:no-repeat;
	background-position:-2px -1px;
	width:24px; height:24px;
	position:absolute; top:10px; left:12px;
}
.navMenu nav li a .dashboardIcon{filter:brightness(10);}
.navMenu nav li a .asset_parent{background-position:-2px -51px;}
.navMenu nav li a .addAsset{background-position:-2px -146px;}
.navMenu nav li a .listing{background-position:-2px -97px;}
.navMenu nav li a .check_in_check_out{background-position:-2px -194px;}
.navMenu nav li a .warranties{background-position:-3px -241px;}
.navMenu nav li a .maintenance{background-position:-2px -291px;}
.navMenu nav li a .tickets{background-position:-2px -338px;}
.navMenu nav li a .asset_calendar{background-position:-2px -387px;}
.navMenu nav li a .asset_renewal{background-position:-2px -433px;}
.navMenu nav li a .asset_reminder{background-position:-2px -483px;}
.navMenu nav li a .employee_parent{background-position:-2px -531px;}
.navMenu nav li a .customerIcon{background-position:-2px -577px;}
.navMenu nav li a .staffIcon{background-position:-2px -627px;}
.navMenu nav li a .master_parent{background-position:-2px -675px;}
.navMenu nav li a .categoryIcon{background-position:-2px -724px;}
.navMenu nav li a .departmentIcon{background-position:-2px -771px;}
.navMenu nav li a .supplierIcon{background-position:-2px -817px;}
.navMenu nav li a .insuranceIcon{background-position:-2px -865px;}
.navMenu nav li a .contractIcon{background-position:-2px -913px;}
.navMenu nav li a .fundingIcon{background-position:-2px -961px;}
.navMenu nav li a .Template{background-position:-2px -1010px;}
.navMenu nav li a .Asset{background-position:-2px -1057px;}
.navMenu nav li a .reports_parent{background-position:-2px -1107px;}
.navMenu nav li a .breakdownReportIcon{background-position:-2px -1152px;}
.navMenu nav li a .location_parent{background-position:-2px -1202px;}
.navMenu nav li a .branchIcon{background-position:-2px -1250px;}
.navMenu nav li a .siteIcon{background-position:-2px -1298px;}
.navMenu nav li a .import_parent{background-position:-2px -1347px;}
.navMenu nav li a .importAssets{background-position:-2px -1393px;}
.navMenu nav li a .importCustomers{background-position:-2px -1439px;}
.navMenu nav li a .admin_parent{background-position:-2px -1491px;}
.navMenu nav li a .rolePermissionsIcon{background-position:-2px -1535px;}
.navMenu nav li a .organizSettings{background-position:-2px -1587px;}
.navMenu nav li a .notification{background-position:-2px -1633px;}
.navMenu nav li a .my_account_parent{background-position:-2px -1683px;}
.navMenu nav li a .myProfileIcon{background-position:-2px -1778px;}
.navMenu nav li a .changePassswordIcon{background-position:-2px -1731px;}
.navMenu nav li a .logoutIcon{background-position:-2px -1825px;}

/* Custom icon */
.navMenu .locationMaster{
	width:14px; height:14px;
	border:2px solid #FF0000; border-radius:50%;
	background-position:0px; top:12px; left:23px;
}

/*
	=============
	Custom Icon
	=============
*/
.customIcon{
	width:22px !important; height:22px !important;
	background-size:22px !important;
	background-position:center !important;
	top:8px !important; left:16px !important;
}

/*=============*/
.menuFooter {
	text-align:center;
	font-size:12px;
	color: #acacac;
	background:url('../../images/menu_left_graphic.png') no-repeat;
	background-position:bottom left;
	padding:18px 0;
	position:absolute; bottom:0; left:0;
	width:100%;
}

.menuFooter:after{
	content:" ";
	display:inline-block;
	position:absolute; top:0; right:0;
	width:100%; height:100%;
	background:url('../../images/menu_right_graphic.png') no-repeat;
	background-position:bottom right;
}

.menuFooter p{padding-bottom:10px;}
.menuFooter img{vertical-align:top;}
.menuFooter .initial{display:none;}

/* === collapse */
.collapseMenu{grid-template-columns:70px calc(100% - 70px);}
.collapse ul li a span{display:none;}
.collapse ul li a:after{display:none;}
.collapse #full{display:none;}
.collapse #intial{display:inline-block !important;}

.collapse .dashboardBtn{padding-left:0 !important;}
.collapse .sap h6{display:none;}
.collapse .menuFooter .full{display:none;}
.collapse .menuFooter .initial{display:inline-block !important;}
.collapse .menuFooter p{font-size:10px; color: #656565;}
.collapse .menuFooter img{max-width:80%;}
.collapse .menuFooter p, .collapse .menuFooter img{z-index:2;}

/* === collapse Hover */
.collapse ul li a:hover span{display:block !important;}
.collapse ul li a span{
	position:absolute; top:6px; right:-130px;
	background:rgba(0, 0, 0, 0.9);
	color:#fff;	
	width:130px;
	border-radius:5px;
	padding:5px 10px;
	font-size:11px;
}
.navMenu nav li:hover ul a:hover{color:#4383f7;}
.navMenu nav li .organizationName{
	font-size:18px; line-height:28px; letter-spacing:0.3px;
	text-align:center;
	margin:0 auto 20px auto;
	width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

/*
	======================
	#Section = Footer Main
	======================
*/
.footerMain{
	width:100%;
	border-top:2px solid rgba(0, 0, 0, 0.05);
	font-size:12px; line-height:18px;
	padding:10px 20px;
	color:#8d8d8d;
	position:absolute; bottom:0; left:0;
}
.footerMain p{margin-bottom:0;}
.footerMain span{display:flex; justify-content:space-between; align-items:center;}

/*
	======================
	#Section = Page Title
	======================
*/
.pageTitle{
	color:#1A1A1A;
	box-shadow:11px 4px 12.6px #CFC2C0;
	height:64px;
	z-index:1;
	padding:10px 260px 10px 60px;
	background-color:#F5F4EF;
}
.menuIcon{
	width:35px; height:35px;
	background:url('../../images/menu_icon_white.svg') no-repeat;
	background-position:center;
	background-size:25px;
	border-radius:100%;
	text-align:center;
	color:#ffffff;
	line-height:35px;
	position:absolute; top:15px; left:15px;
	z-index:20;
	filter:invert(1) brightness(0) sepia(1) saturate(1000%) hue-rotate(0deg) brightness(0.1);
}
.pageTitle .wrapper{margin:0;}
.pageTitle:after{
	content: " ";
	display: block;
	clear: both;
}
.pageTitle h1{
	display:inline-block;
	font-size:18px; line-height:44px;
	font-weight:500;	
	color:#1A1A1A;
	padding:0 0 0 10px;	
}
.pageTitle a.back{
	font-size:14px; line-height:24px;
	font-weight:400;
	color:#4383F7;
	margin-top:12px; padding-right:15px;
}
.pageTitle a.editBtn{margin-top:10px; margin-left:15px;}
.pageTitle .addBtn{
	background:#32A951;
	font-family:'Poppins', 'Open Sans', sans-serif; font-weight:600;
	font-size:14px;	
	color:#fff;
	padding:6px 12px; margin-left:15px;
	box-shadow:1px 1px 2px 0 #32A95152;
	border-radius:16px;
	cursor:pointer;
}

.pageTitle a.print {
	background: #f26539;
	box-shadow: 0px 5px 6px 0px rgba(242, 101, 57, 0.24);
}

.pageTitle a.print i{margin-right:10px; background:#f26539;}
.link{
	background:#fff;
	font-family:'Poppins', 'Open Sans', sans-serif;
	font-size:14px; font-weight:400; letter-spacing:0.5px;
	color: #0ab7c5;
	padding:6px 15px; margin-top:0px;
	box-shadow:0px 5px 6px 0px rgba(5, 98, 105, 0.13);	
	border-radius:5px;
}
.link:hover{box-shadow: 0px 5px 10px 0px rgba(5, 98, 105, 0.23);}

/* notification */
.notification-icon{
	justify-content:center;
	width:40px; height:40px;
	position:absolute; right:220px; top:15px;
	z-index:10;
}
.notification-icon .bell-icon{width:32px; height:32px; filter:brightness(0);}
.notification-icon .number-notification{
	color:#FFFFFF;
	font-size:10px; line-height:16px; font-weight:500;
	background:#FF0000;
	width:16px; height:16px;
	border-radius:50%;
	position:absolute; top:5px; right:5px;
	justify-content:center;
	cursor:pointer;
}

/* === loggedInUser*/
.loggedInUser{
	display:flex;
	flex-wrap:wrap; align-items:center; justify-content:flex-start;
	max-width:210px; height:50px;
	padding:0px 65px 0px 15px;
	font-weight:400; font-size:14px;
	color:#464646;
	position:absolute; top:8px; right:0px;
	z-index:10;
	border-left:1px solid rgba(0, 0, 0, 0.05);
}
.loggedInUser label, .loggedInUser strong{
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	width:100%;
}
.loggedInUser label{color:#1A1A1A;}
.loggedInUser strong{color:#4383F7;	font-weight:400;}
.loggedInUser span{
	width:40px; height:40px;
	border-radius:100%;
	overflow:hidden;
	position:absolute; top:5px; right:15px;
}
.loggedInUser span img{object-fit:cover; width:100%; height:100%;}

/*
	======================
	#Section = Page Search
	======================
*/
.pageSearch{
	display:grid; 
	grid-template-columns:20% 20% 20% 20% 8.90% 10%; grid-column-gap:12px;
	width:100%;
	justify-content:space-between;
	align-items:flex-end;
}
.pageSearch:after{content: " "; clear:both; display:block;}
.pageSearch .field .inputLoader{
	position:absolute; top:0; right:0;
	width:100%; height:100%;
	background-color:rgb(255, 255, 255, 0.6);
	text-align:center;
	border-radius:5px;
}
.pageSearch .field .spinLoader.small{width:18px; height:18px; margin:10px 0;}

/* ==== */
.pageSearch .radioWithLabel{
	border:1px solid #D0D0D0; border-radius:4px;
	background:#fff;
	min-height:44px;
	padding:10px;
}
.pageSearch .radioWithLabel label{display:inline-block; margin:0px 8px; vertical-align:top;}
.pageSearch .radioWithLabel .radioBtn .checkmark{top:4px;}
.pageSearch .radioWithLabel label:last-child{margin-right:0px;}

/*=============*/
.pageSearch.withLabel .lbl{font-size:14px; font-weight:500; padding-bottom:5px;}
.pageSearch.withLabel .searchBtn{top:28px;}
.pageSearch.withLabel .clearBtn{top:34px;}

/*=============*/
.pageSearch .searchBtn .load{padding:10px 22px 16px 22px; margin-top:0px; margin-left:2px;}

.pageSearch .searchBtn .but{padding-bottom:16px;}
.pageSearch .searchBtn .pin{margin-top:3px; margin-left:2px;}
.pageSearch .searchBtn input{	
	padding:6px 22px;
	border-radius:5px;
	background-color:#605A57;
	background-position:center;
}
.staticUl{margin-left:4px;}
.pageSearch .searchBtn input:hover{background-color:#313b44;}
.pageSearch .searchBtn .searchLoader{
	position:absolute; top:0; left:0;
	z-index:1;
	width:100%; height:100%;
	text-align:center;
	cursor:wait;
	border-radius:5px;
}
.pageSearch .searchBtn .searchLoader span.spinLoader {
	width:25px; height:25px;
	position:relative; top:7px;
	border-color:#1e2f3e;
	border-top-color:#fff;
}
.pageSearch .clearBtn input{
	background:none;
	cursor:pointer;
	color:#1A1A1A;
	text-decoration:underline;
}
.pageSearch .select2-selection--single{
	display:flex; justify-content:center; align-items:center;	
}
.pageSearch .select2-container--default .select2-selection--single .select2-selection__arrow b{top:75%;}
.pageSearch .selection{width:100%;}
.pageSearch .select2-selection__rendered{margin-right:auto;}
.pageSearch .clr{grid-column:1/3;}

/*
	================================
	#Section = Page Search For Mobile
	================================
*/
.searchForMobile{
	background:#fff; 
	margin-left:-15px; 
	margin-right:-15px; 
	box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.05);
	margin-bottom:20px;
	z-index:10;
	position:sticky; top:56px; left:0px;
}
.searchForMobile a{padding:15px; font-size:15px; font-weight:500; color:#656565; display:block;}
.searchForMobile a:before{
	content:"";
	background:url('../../images/search_icon.svg')no-repeat 0px 2px;
	color: #246acc;
	margin-right:15px;
	background-size:18px;
	padding:20px 0px 20px 40px!important;
	background-position:12px;
}

.searchForMobileHeader {
	/*background-image: -moz-linear-gradient(-4deg, rgb(49, 91, 206) 0%, rgb(24, 166, 154) 100%);*/
	box-shadow:11px 4px 12.6px #CFC2C0;
	color: #fff;
	padding:0; margin-left:-15px; margin-right:-15px; margin-top:-15px;
	height:56px;
	text-align:center;
	margin-bottom:20px;
}
.searchForMobileHeader h2{
	height:70px; line-height:70px; font-size:18px; font-weight:500;
	 color:#1A1A1A; background-color: #F5F4EF;
}
.searchForMobileHeader .back{
	position:absolute; top:0; left:0;
	z-index:5;
	width:50px; height:70px;
	border-radius:0;
	background-image:url('../../images/nav_back.png');
	background-size:50px;
	background-repeat:no-repeat;
	background-position:center;
	background-color:rgb(221, 219, 208);
}
	
/* === Action Icon*/
.actionIconLink i{
	width:22px; height:22px;
	background-image:url('../../images/action-sprite.png');
	background-repeat:no-repeat;
}
.actionIconLink .changeStatus i{background-position:-2px 0;}
.actionIconLink .edit i{
	width:40px; height:20px;
	background-repeat:no-repeat;
	background-position-x:left -50px;
}
.actionIconLink .delete i{
	width:40px; height:20px;
	background-repeat: no-repeat;
	background-position-x: right -15px;
}

/*
	======================
	dashboard.php
	======================
*/
.loggedInUser {
	border-color: rgba(197, 197, 197, 0.97);
}

/*=============*/
/*.gradientBarChart{
	background-color:#48378A;
	margin-top:-30px;
	margin-left:-30px;
	margin-right:-30px;
	padding:35px 30px 45px 30px;
	color:#fff;
	min-height:385px;
	background-image
}
.gradientBarChart:after{
	content:" ";
	position:absolute;
	bottom:-25px; left:0px;
	width:100%; height:100%;
	text-align:center;
	background:url('../../images/curve.png') no-repeat;
	background-position:bottom;
	background-position-x:left;
}
.gradientBarChart label{font-size:14px; font-weight:500; text-align:right; padding-bottom: 12px;}*/
.dashboardStats {
	display:grid; grid-template-columns:22% 22% 22% 22%; grid-column-gap:4%;
	margin-top:-40px;
	z-index:1;
}
.dashboardStats li{display:grid; grid-template-columns:40% 60%;}
.dashboardStatsIcon{
	width:56px; height:56px;
	background-color:#FF0000;
	border-radius:45px;
	text-align:center;
}
.dashboardStatsIcon img{padding:12px 4px 0px 4px;}
.dashboardStats label{display:block; font-size:14px; font-weight:500;}
.dashboardStats span{
	font-size:40px;
	font-weight:400;
	line-height:1;
	color:#3b394f;
}

.dashboardTable h2 {
	color: #434b55;
	font-size:15px;
	font-weight: 600;
	text-align: left;
	padding: 10px 0px 18px 0px;
}

/*
	========================
	#Page:error.php
	========================
*/
.errorPage {
	margin: 2% 10% 8%;
	background: #fff;
	padding: 25px;
	box-shadow: 0px 3px 38px 0px rgba(0, 0, 0, 0.05);
	border-radius: 15px;
}

.errorPage .errorContent {
	width: 40%;
	float: left;
	padding-top: 9%;
	left: 8%;
}

.errorPage .errorIco {
	width: 45%;
	float: right;
	right: 2%;
}

.errorPage .errorIco img {
	vertical-align: top;
	max-width: 100%;
}

.errorPage .errorContent h2 {
	font-weight: 400;
	font-size: 60px;
	color: #081f35;
	line-height: 60px;
}

.errorPage .errorContent h1 {
	font-size: 18px;
	color: #8e8e8e;
	font-weight: 400;
}

.errorPage .errorContent p {
	font-size: 18px;
	color: #000;
	font-weight: 400;
	padding-bottom: 10px;
}

.errorPage .errorContent a {
	box-shadow: 0px 4px 8px 0px rgba(39, 116, 207, 0.4);
}

.pageError .footerMain {
	position: relative;
}

.pageError .clientLogo {
	float: left;
	margin-top: 10px;
}

.pageError .pageTitle {
	padding-left: 15px;
}

/*
	========================
	#Page:pageUnderDevelopment
	========================
*/
.pageUnderDevelopment {
	background: #fff;
}

.pageUnderDevelopment .pageContent {
	text-align: center;
}

.pageUnderDevelopment .pageContent h2 {
	font-weight: 600;
	font-size: 35px;
}

.pageUnderDevelopment .pageContent p {
	font-size: 17px;
}

.pageUnderDevelopment .pageContent img {
	max-width: 60%;
}

/*
	========================
	#error page
	========================
*/
.pageContent .unauthorizedAccess{
	background: #fff;
	margin: 2% 15% 8%;
	padding: 25px 35px 35px;
	box-shadow: 0px 3px 38px 0px rgba(0, 0, 0, 0.05);
	border-radius: 15px;
}

.unauthorizedAccess h3 {
	text-align: center;
	font-size: 40px;
	font-weight: 700;
	color: #17284e;
	line-height: 40px;
	margin-top: 10px;
	margin-bottom: 45px;
}

.unauthorizedAccess .text {
	display: grid;
	grid-template-columns: 270px calc(97% - 270px);
	grid-column-gap: 3%;
	align-items: top;
}

.unauthorizedAccess .img{text-align:center;}
.unauthorizedAccess p{
	margin:0px 0px 10px;
	font-size:15px; letter-spacing:0.5px; line-height:28px;
}
.unauthorizedAccess strong{
	display:block;
	font-size:15px; font-weight:600;
	padding-top:15px;	
}
.unauthorizedAccess ul{margin-left:35px; margin-bottom:20px;}
.unauthorizedAccess li{
	list-style-type:disc;
	font-size:15px; letter-spacing:0.5px; line-height:25px;
	margin:8px 0px; padding-left:2px;
	color:#514f4f;
}
.unauthorizedAccess .button{
	border-radius:10px;
	background:#4383F7;
	box-shadow:0px 7px 7px 0px rgba(17, 92, 199, 0.3);
	color:#fff;
	cursor:pointer;
	padding:12px 30px;
	font-size:15px;
	font-weight:600;
	text-transform:uppercase;
	transition:transform 0.3s ease-out;
}

/*
	========================
	#widget: reminder-box card right side in view page
	========================
*/
.viewCard-detail-box{display:flex; flex-direction:column; width:100%; gap:16px;}
/*.reminder-box{
	display:flex; flex-direction:column; align-items:flex-start; gap:10px;
	width:369px; height:auto;
	padding:24px 16px 24px 0;
	background:#FFFFFF;
	border-radius:14px;
	box-shadow:1px 2px 7.8px rgba(0, 0, 0, 0.25);
	position:relative;
	z-index:1;
	font-family:'Poppins', sans-serif;
}
.reminder-row,
.reminder-flag{
	display:flex; flex-direction:row; align-items:flex-start;
	gap:12px; width:100%;
}
.reminder-item{padding-left:16px;}
.label{font-size:15px; line-height:20px; font-weight:400; color: #575757; width:130px;}
.value{font-size:15px; line-height:20px; font-weight:500; color: #202020;}
.note {
  font-size: 14px;
  line-height: 20px;
  color: #535862;
  margin: 0;
}
.reminder-flag{
  background:#FFD7D3;
  border-radius:0px 8px 8px 0px;
  padding:9px 12px;
  width:85%; height:38px;
  z-index:4;
}*/
.maintenance-view-wrapper{
	display:flex; flex-direction:column; gap:16px;
	width:100%;
	padding:0;
	background:#fff;
	font-family:'Poppins', sans-serif;
}
.highlight-tag{
	background-color:#EDFAF0;
  display:inline-block; width:max-content;
  padding:4px 8px;
  border-radius:5px;
}
.info-row{display:flex; gap:12px; font-size:14px; padding:4px 0;}
.info-row .label{width:195px; color:#434343; font-weight:600;}
.info-row .value{font-weight:500; color: #232323; width:calc(100% - 192px);}
.info-row.title .value{font-size:18px;}
.status-pill{
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 1px 8px;
  border-radius:5px;
}
.status-text{font-size:14px;}
.dot.yellow{background-color:#fcbc05;}
.dot.green{background:#38A06C;}

/* keep for now >> remove after make dynamic >> purvi >> 28th jul'25  >> for old view design*/

.viewData li{
	display:grid;
	grid-template-columns:200px calc(100% - 200px);
	border-bottom:1px solid rgba(0, 0, 0, 0.1);
	font-weight:400; font-size:14px;
	font-family:"Poppins", "Open Sans", sans-serif;
}

.viewData{border:1px solid rgba(0, 0, 0, 0.1); width:90%;}
.viewData li label, .viewData li span{
	font-weight:400; font-size:14px;
	font-family:"Poppins", "Open Sans", sans-serif;
	padding:10px 15px;
	color:#000;
	word-wrap:break-word;
}
.viewData li label{border-right:1px solid rgba(0, 0, 0, 0.1); font-weight:600; color:#434343;}
.viewData li span a{
	font-size:12px; font-weight:400; font-family:poppins;
	margin-left:20px;
	color:#52b899;
	text-decoration:underline
}

/* separator for Unfilled Sections */
.unfilled-section-container{position:relative; width:100%; height:62px;}
.unfilled-section-container .line{
	position:absolute; left:50%; top:50%;
	width:70%;	height:1px;
	transform:translate(-50%, -50%);
	background: linear-gradient(to right, #F5F4EF 0%, #144F89 50%, #F5F4EF 100%);
}
.unfilled-section-container .label-frame{
	position:absolute; left:50%; top:50%;
	width:max-content; height:20px;  
	transform: translate(-50%, -50%);
	flex-direction:row; justify-content:center; gap:10px;
	padding:0px 8px;  
	background: #F5F4EF;
}
.label-text{
	width:100%; height:20px;
	font-family:'Poppins', sans-serif; font-weight:500;
	font-style:italic;  
	font-size:15px; line-height:20px;
	color: #144F89;
	flex:none; order:0; flex-grow:0;
}

/*
	========================
	#widget: viewCard
	========================
*/
/*.viewCard li{display:grid;}
.viewCard li:last-child{border:none;}
.viewCard{
	background:#ffffff;
	box-shadow:0px 0px 0px 0px rgba(1, 1, 1, 0.08);
	border-radius:5px;	
}

.viewCard .viewData {
	width: 100%;
}

.viewCard .viewData label {
	font-size: 14px;
	color: #262627;
	font-weight: 500;
	word-wrap: break-word;
}

.viewCard h2{padding:0;}
*/
/*
	======================
	add_assets.php
	======================
*/
.stepForm *{box-sizing:border-box;}
.card .assetsAttachment .delete{
	padding:0px 10px;
	border:1px solid;
	border-radius:5px;
	font-size:20px;
}
.card .assetsAttachment{margin-bottom:32px;}
input[type="file"]::file-selector-button{
	border:1px solid #B68167; border-radius:5px;
	background-color:#605A57;
	color:#fff;
	width:fit-content;
	padding:8px 16px;
	font-size:15px; font-weight:400; text-transform:capitalize;	
	vertical-align:middle;
}
.card .assetsAttachment .input{width:30%;}
.card ul.green li .lbl{color:#434343; font-weight:600; margin-bottom:15px;}

/* 
	====================
	Step Navigation
	====================
*/
.stepnavigation ul{display:flex; justify-content:center; padding:45px 0px 10px;}
.stepnavigation ul li a {
	background: url('../../images/form_steps_arrow.svg');
	background-position:center right;
	background-repeat:no-repeat;
	font-size:15px; font-weight:400;
	color: #B2B6B4;
	padding-right:45px; margin-right:22px;
}
.stepnavigation ul li:last-child a{padding:0px; right:0px; background:none;}
.stepnavigation ul li a.active,
.stepnavigation ul li a:hover{
	color:#000;
	font-weight:500;
}

/* 
	====================
	Form >> change password
	====================
*/
.stepForm .card{
	background:#FFFFFF;
	box-shadow:0px 0px 6px rgba(0, 0, 0, 0.13);
	border-radius:10px;
	margin:0px auto; padding:28px; margin-bottom:40px;
}

.stepForm .card .form{margin:0px;}
.stepForm .card h2{
	font-weight:500; font-size:18px; line-height:27px;
	color:#1D97A5;
	margin-bottom:36px;
}
.stepForm .card .input{border-radius:2px;}
.card.customField p{
	font-weight:400; font-size:15px; line-height:21px;
	color:#BABABA;
	text-align:center;
}
.card .addNewField{
	background: #F7D377;
	border:1px solid #E7C46B; border-radius:5px;
	box-sizing:border-box;	
	padding:6px 16px;
	position:absolute; top:18px; right:23px;
}
.card .addNewField a{
	font-weight:500; font-size:13px; line-height:21px;
	color: #fff;
}

/*===== Model ========*/
.modelWrapper h4{
	text-align:left;
	font-weight:500; font-size:20px; letter-spacing:0.5px;	
	padding:30px 30px 16px 30px;
}
.modelWrapper form{padding:24px 24px 0px 24px;}
.modelWrapper h4 strong{
	font-weight:600; font-size:20px; line-height:21px;
	color:#1A1A1A;
}
.addFormFields h4{
	border-bottom:2px solid #E8E8E8;
	height:60px;
	vertical-align:middle;
	margin-left:-28px; margin-right:-28px; padding:20px 27px;
}
.modelWrapper .modelContent .card{padding:12px 24px;}
.modelWrapper .card.addFormFields .form li{
	grid-template-columns:220px calc(100% - 220px) !important;
}
.modelWrapper .button{
	border-radius:5px;
	background:#fff;
	margin-left:18px; margin-right:18px;
}
.modelWrapper .button .btn{
	font-weight:600; font-size:15px;
	color:#fff;
	padding:11px 18px;
	background-color:#4383F7;
	border-radius:5px;
}
.modelWrapper .card.addFormFields .verticalField .checkbox{padding:0px 0px 14px 30px;}
.modelWrapper .card.addFormFields .verticalField .checkbox:after{
	content: "";
	width:94%; height:20px;
	border-bottom:1px solid #EBEBEB;
	position:absolute; top:15px; left:28px;
}
.modelWrapper .card.addFormFields .viewValue{
	float:right;
	font-weight:400;
	font-size:11px;
	line-height:16px;
	text-decoration-line:underline;
	color: #7682AA;
	padding-top: 4px;
}
.fileAttachments{padding:20px;}
.addPhotoPanel{
	border:1px solid rgb(204, 217, 236); border-radius:4px;
	padding:10px; margin-bottom:0px;
	display:grid;
	grid-template-columns:220px calc(96% - 220px); grid-column-gap:4%;	
}
.addPhotoPanel .dragPhoto{
	border: 2px dashed #ccc;
	padding: 20px 0px;
	height: 220px;
	width: auto;
	background: #f6f7fb;
	text-align: center;
	justify-content: center;
}

.addPhotoPanel .dragPhoto p{margin:0px; padding:0px;}
.addPhotoPanel .dragPhoto strong{display:block;}
.addPhotoPanel .dragPhoto span{display:block; margin:20px 0px;}
.addPhotoPanel .dragPhoto label{
	padding:6px 10px;
	background:#fff;
	border:1px solid #144F89; border-radius:4px;
	color:#144F89;
}
.addPhotoPanel .dragPhoto input[type="file"]{
	position:absolute; top:0px; left:0px;
	width:100%; height:100%;
	opacity:0;
}
.addPhotoPanel .photoInfo{padding-top:5px;}
.addPhotoPanel .photoInfo h5{
	font-weight:600; font-size:15px;
	color: #384476;
	margin-bottom:10px;
}
.addPhotoPanel .photoInfo p{
	font-size:13px;
	margin:4px 0px;
	padding:0px;
	margin-left:7px;
	padding-left:10px;
	color:#8086a0;
	overflow:hidden;
}
.addPhotoPanel .photoInfo p:before {
	content: " ";
	display:block;
	width:5px; height:5px;
	position:absolute; top:8px; left:0px;
	z-index:1;
	background-color:#8086a0;
}

/* view photo */
.addPhotoPanel .viewPhoto{
	height: 220px;
	background: #f6f7fb;
	text-align: center;
}

.addPhotoPanel .viewPhoto .remove{
	background:#FF0000;
	border:3px solid #fff; border-radius:100%;
	width:30px; height:30px;
	position:absolute; top:-6px; right:-6px;
	z-index:10;	
	text-align:center;
	color:#fff;
	line-height:24px;
}
.addPhotoPanel .viewPhoto .remove:after{
	font-family: "FontAwesome";
	content: "\f00d";
	font-size:15px;
}
.addPhotoPanel .viewPhoto .thumb img{
	object-fit:cover;
	width:100%; height:200px;
	vertical-align:top;
}
.addPhotoPanel .viewPhoto span{
	max-width:210px;
	white-space:nowrap; overflow:hidden;
	text-overflow: ellipsis;
}

/* uploaded images style */
.uploadedImages ul{
	display:grid;
	grid-template-columns: 23.5% 23.5% 23.5% 23.5%; grid-column-gap:2%;
	margin-top:24px;
}
.uploadedImages ul li{
	background-color:#ffffff;
	border-radius:10px;
	box-shadow:0px 0px 10px 0px rgb(0 0 0 / 10%);
	padding:6px; margin-bottom:16px;
}
.uploadedImages ul .old{display:block;}
.uploadedImages .ui-sortable li{display:block;}
.uploadedImages ul li .remove{
	background:#FF0000;
	border:3px solid #fff;
	width:30px; height:30px;
	position:absolute; top:-6px; right:-6px;
	z-index:10;
	border-radius:100%;
	text-align:center;
	color:#fff;
	line-height:24px;
}
.uploadedImages ul li .thumb{
	width:100%; height:200px;
	margin-bottom:0px;
	background-color:rgba(0, 0, 0, 0.1);
	overflow:hidden;
}
.uploadedImages ul li .thumb img{
	object-fit:contain;
	width:100%; height:200px;
	vertical-align:top;
}

/*=================*/
.navigationForm .navigation ul li:first-child{color:#2E2359}
.navigationForm .navigation ul li a:hover{font-weight:600; color:#2E2359;}
.navigationForm .navigation ul li a{
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #7f7f7f;
	border: none;
	background: none;
	box-shadow: none;
	padding: 0px 15px 25px 0px;
}

/*==============*/
.timeline ul {
	display: flex;
	width: 100%;
	margin: auto;
}
.timeline ul li{border-right:1px solid #D0D0D0; margin-bottom:14px;}
.navigationForm .navigation ul li a{padding:8px 10px;}
.timeline ul li:last-child{border:none;}
.elit{cursor:pointer;}
.card p{
	font-size:13px; line-height:21px;
	color:#656565;
}
.tooltip .tooltiptext{
	visibility:hidden;
	width:160px;
	background-color:#252525;
	box-shadow:0px 4px 4px rgba(0, 0, 0, 0.14);
	color:#fff;
	text-align:center;
	border-radius:5px;
	padding:5px 0;
	position:absolute; top:-5px; right:110%;
	z-index:1;
}
.tooltip .tooltiptext:after{
	content: "";
	position:absolute; top:50%; left:100%;
	margin-top:-5px;
	border-width:5px;
	border-style:solid;
	border-color:transparent transparent transparent black;
}
.tooltip:hover .tooltiptext{visibility:visible;}
.tooltip .edit{
	width:25px; height:25px;
	border-radius:50px;
	background:url('../../images/edit_icon.svg') no-repeat;
	background-color:#2DA4BD;
	transform:matrix(-1, 0, 0, 1, 0, 0);
	background-position:center;
	margin-right:20px;
	background-size:14px;
}
.tooltip .remove{
	width:25px; height:25px;
	border-radius:50px;
	background:url('../../images/cross.svg') no-repeat;
	background-color: #4383F7;
	transform:matrix(-1, 0, 0, 1, 0, 0);
	background-position:center;
	background-size:20px;
	margin-right:20px;
}
.tooltip .move{
	width:25px; height:25px;
	border-radius:50px;
	background:url('../../images/move.svg') no-repeat;
	background-color:#3F370D;
	transform:matrix(-1, 0, 0, 1, 0, 0);
	background-position:center;
	background-size:14px;
}

/*
	==============
	Model
	==============
*/
.model .card{box-shadow:none; border:none; padding:0px !important; border-radius:0px;}
.model .card h2{
	font-weight: 600;
	font-size: 30px;
	line-height: 21px;
	padding-top: 0px;
	padding-left: 0px;
	color:4383F7;
}
.addFormFields h2{
	font-weight:600; font-size:30px; line-height:21px;
	color:#1A1A1A;
	padding-top:40px; padding-left:26px;
}

.addFormFields p{
	font-weight:normal; font-size:13px; line-height:21px;
	color:#797979;
	padding-left:26px; padding-bottom:30px;
}
.addFormFields{background:#fff;}
.previewFiled{margin:20% auto 0px auto;}
.previewFiled h3{
	font-style:normal;
	font-weight:300; font-size:25px; line-height:24px; letter-spacing:0.03em;
	color:#FFFFFF;
	margin-bottom:30px;
	text-align:center;
}
.previewFiled .ico {
	content: " ";
	position: absolute;
	bottom: 30px;
	right: -6px;
	width: 30px;
	height: 30px;
	text-align: center;
	background: url('../../images/info.svg') no-repeat;
	background-position: right;
}

/* add_template_field.php popup button */
.bottomButton{display:flex; width:100%; justify-content:flex-end;}
.bottomButton .button{margin:0;}

.button.border .btn{background:#fff !important; color:#4383F7;}
.button{text-align:center; margin-bottom:30px;}
.dataTable .bottom select{width:48px;}

/*add assets*/
.reminderDiv{
	display:grid; grid-template-columns:25% 75%;
	width:100%;
	align-items:center;
	margin-left:16px;
}
.reminderDiv .val{display:flex;}
.fixInputWidthTwenty input[type="text"],
.fixInputWidthTwenty input[type="password"],
.fixInputWidthTwenty input[type="email"],
.fixInputWidthTwenty input[type="search"],
.fixInputWidthTwenty select{width:22%;}
.fixInputWidth input[type="text"],
.fixInputWidth input[type="password"],
.fixInputWidth input[type="email"],
.fixInputWidth input[type="search"],
.fixInputWidth select{width:45%;}
.fixInputWidthSixty input[type="text"],
.fixInputWidthSixty input[type="password"],
.fixInputWidthSixty input[type="email"],
.fixInputWidthSixty input[type="search"],
.fixInputWidthSixty select{width:60%;}
.widthFortyFiveDiv{width:50%;}
.addAssets .form img{vertical-align:middle;}
/*.customer{padding-top:24px !important;}*/
.addTemplateField .modelWrapper .card{margin-bottom:16px; padding:24px 24px 0px 24px;}
.attachments .assetsAttachment li{
	display:grid; grid-template-columns:45% 30% 1fr; grid-gap:2%;
	margin-bottom:16px;
}
.attachments .assetsAttachment li p{
	padding-bottom:0px; font-size:14px; letter-spacing:0.3px;
	color:#4383F7;
}
.attachments .assetsAttachment li .contain input{width:100% !important;}
.card ul.form li .val.amountNumber input{padding-left:45px; vertical-align:top;}

.attachments .assetsAttachment .actionPlusIcon{
	display:flex; justify-content:flex-end; gap:24px;
}

.addAssets .removeStatusIcon img{
	background-color:#f0f8ff;
	border:1px solid #0091ae; border-radius:50%;
	padding:2px;
	width:32px;
}
.addAssetTicketPage .removeStatusIcon{position:absolute; right:2%; top:30%;}
.addAssetTicketPage .removeStatusIcon img{width:14px; height:14px;}
.val.radio{
	display:flex; align-items:center; flex-wrap:wrap; gap:8px;
	margin-top:10px;
}
.val.radio label.radioBtn{margin-right:16px;}
.addAssets .submit-btn .conform-btn{text-transform:none;}

.collapsible-content{display:none;}
.collapsible-item.active .lists-boxs-header img {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

/* Custom Field */
.addCustomField .form{padding-top:16px;}
.addCustomField .form li .val .max{text-align:left; margin-left:8px;}
.addCustomField .form .tooltip{position:absolute; right:-12px;}
.addCustomField .addField{
	background:#FFF9EF;
	border:1px dashed #EAD4B4;
	border-radius:2px;
	text-align:center;
	padding:15px 0px;
}

.addCustomField .addField a{font-size:15px; line-height:21px; color:#AD9B7E;}
.tagify.input{height:auto;}
.addCustomField ul.ui-menu.ui-widget li{border-bottom:none;}

/* form button */
.formBtn{
	position:fixed; bottom:0; left:0;
	width:100%;
	background:#fff;	
	text-align:center;
	z-index:10;
	transition:transform 0.2s ease-out;
}
.formBtn .navMenu{width:250px;}
.formBtn .buttonPart{
	padding:10px 20px;
	width:calc(100% - 250px); height:59px;
	border-top:1px solid #ccc;
}
.formBtn .addAssetsButton{margin:0;}
.button-wrapper{width:100%; justify-content:space-between;}
.button-wrapper .submitBtn{
	justify-content:center; gap:10px;
	padding:20px; margin:0;  
	width:150px; height:40px;
	border:none; border-radius:5px;
	font-family: 'Poppins', sans-serif; font-weight:500;
	font-size:15px; line-height: 24px;
	cursor: pointer;  
}
.submitBtn input{background:transparent; width:150px; height:38px;}

/* Button 1: Previous (gray) */
.btn-previous{background:#E3E3E3; color:#232323;}
.submitBtn.btn-previous{visibility:hidden;}
/* Button 2: Skip this step (blue underline) */
.btn-skip{
	background:transparent;
	text-decoration:underline;
	color:#144F89;
	width:150px;
	text-align:center;
}

/* Button 3: Next (red) */
.btn-next{background:#E94335; color:#FFFFFF;}
.btn-next input{color:#fff; width:150px; height:40px;}
		
/*table bottom*/
.dataTable .bottom select{width:48px !important;}

/* add maintnance */
.card.addForm{border-radius:0 0 12px 12px; /*padding-bottom:48px;*/}
.rightBtn{text-align:right;}

/* assets listing page */
.modelLoaderSpace a{padding-left:25px;}

/* short by */
.assetsListing .sort_by{
	display:flex; align-items:center; justify-content:flex-start; gap:16px;
}
.assetsListing .sort_by select{width:14%;}
.assetsListing .sort_by a{color:#A09F9F;}
.assetsListing .sort_by a.active{color:#4383F7;}

.card ul.form li .val textarea{width:100%; height:92px; padding:8px 16px;}
.card ul.form li .val .max{width:100% !important; text-align:center;}
.horizontalField input{width:40px !important;}

/*Add assets model link*/
.card ul.form li .val .validation{width:100%;}

/* add staff page */
.addStaffPage .card ul.form li .val.photoUpload{width:100%;}
.addStaffPage .photoUpload .auditAttachments{width:100%;}

/* maintnace lsiting */

/* Asset Renewal Listing page*/
.renewalListingPage .pageSearch{grid-template-columns:25% 25% 25% 95px calc(25% - 143px);}

/* view assets renewal page */
.assetRenewal .info-row .label{width:210px;}

/* staff listing page */
.staffListing .pageSearch{grid-template-columns:23% 14% 17% 15% 15% 95px calc(16% - 167px);}

/*edit assets*/
.flexInputBox{display:flex;	align-items:center;}
.reminderDivBox{display:flex; align-items:center; gap:8px;}

/* add customer page */
.card ul.form li .val .spinLoader.small{position:absolute; top:-9px; left:20%; z-index:5;}
.card ul.form li .val .btnLoader{margin-left:4px;}

/*add depriciation*/
ul.form li .val.usefulLifeBox{
	display:grid;
	grid-template-columns:55% auto;
	grid-column-gap:24px;
	width:68%;
}
ul.form li .val.usefulLifeBox .validation{grid-column:1/3;}


/*=======
search panel grid
======== */

/* category listing page */
.category .pageSearch{grid-template-columns:30% 25% 22% 95px calc(23% - 143px);}

/* supplier listing page */
.supplier .pageSearch{grid-template-columns:30% 25% 22% 95px calc(23% - 143px); width:90%;}

/*Asset Maintenance Listing page*/
.maintenanceListingPage .pageSearch{grid-template-columns:20% 16% 18% 17% 10% 95px calc(19% - 167px);}

/*Asset warrantie Listing page*/
.warrantiesListingPage .pageSearch{grid-template-columns:28% 28% 24% 95px calc(20% - 143px);}

/*Asset checkin checkout Listing page*/
.checkinCheckoutPage .pageSearch{grid-template-columns:40% 40% 12% 8%; width:70%;}

/* customer listing page */
.customerListing .pageSearch{grid-template-columns:40% 30% 95px calc(30% - 131px); width:70%;}

/* department listing page */
.department .pageSearch{grid-template-columns:40% 30% 12% 18%; width:70%;}

/* Asset ticket Listing page */
.assetTicketListing .pageSearch{grid-template-columns:18% 13% 15% 18% 17% 95px auto;}
.listingsNew .select2-selection.select2-selection--multiple{height:40px; padding-top:5px; border:none !important;}
.listingsNew .select2-selection.select2-selection--multiple input{width:100% !important;}

/*add assets ticket page*/
.addAssetTicketPage .card ul.form li .val textarea{width:100% !important;}
.addAssetTicketPage ul.form li .radioBtn{display:inline-block; margin-right:16px;}

/* Asset Additional Information*/
.remind form ul .templateLi{grid-template-columns:200px calc(100% - 350px) 150px !important;}

/*contract listing*/
.contract .multiSuggestion .input{width:100% !important;}
.multiSuggestion .removeNotificationTag{position:absolute; top:25%; right:20px;}
.contract .pageSearch{grid-template-columns:34% 34% 95px calc(32% - 131px); width:90%}

/*Asset ticket report page*/
.ticketReport .pageSearch{grid-template-columns:16% 16% 18% 18% 12% 95px calc(20% - 167px);}

/* funding listing page*/
.funding .pageSearch{grid-template-columns:40% 30% 95px calc(30% - 131px); width:70%;}

/* role listing page*/
.roleListing .pageSearch{grid-template-columns:40% 30% 95px calc(30% - 131px); width:70%;}

/* add role page */
.addRole .form li{grid-template-columns: 120px calc(100% - 120px) !important;}

/* site Listing page*/
.siteListing .pageSearch{grid-template-columns:40% 30% 95px calc(30% - 131px); width:70%;}

/* Manage Template page */
.templateListingPage .pageSearch{grid-template-columns:60% 95px calc(40% - 119px); width:50%;}
.templateLi .tooltip{margin-top:10px;}

/* Assets status page */
.assetStatus .pageSearch{grid-template-columns:40% 25% 95px calc(35% - 119px); width:65%;}

/* branch listing */
.branchListing .pageSearch{grid-template-columns:40% 25% 95px calc(35% - 119px); width:65%;}

/* reminder listing */
.reminder .pageSearch{grid-template-columns:30% 25% 25% 95px calc(20% - 143px); width:85%;}

/*===========
view assets ticket page
=======*/
/*.addNotes ul li.comment{padding:4px 0px;}
.addNotes ul li.comment .commentIcons{
	display:flex; justify-content:start; align-items:center;
	gap:6px; padding-top:4px;
}
.addNotes ul li.comment .commentIcons a i{padding:0px 1px;}*/

/* Timeline Container */
.timeline-card{
	list-style:none;
	margin:0; padding:0;
	position:relative;
	max-width:500px;
}

/* Vertical Line */
.timeline-card:before{
	content: "";
	position:absolute; top:0; left:31px;
	width:2px; height:calc(100% - 40px);
	background:#ddd;  
}

/* Each Item */
.timeline-item{position:relative; margin:16px 20px; display:flex; gap:24px;}

/* Timeline Dots */
.timeline-dot{
	width:24px; height:24px;
	border-radius:50%;
	box-shadow:0 0 0 2px #ddd;
}

/* Dot Colors */
.timeline-dot.opened{background:#fda2a2; /* Red */}
.timeline-dot.progress{background: #d2b0fd; /* Purpul */}
.timeline-dot.closed{background: #2196f3; /* Blue */}
.timeline-dot.reopened{background: #8dc866; /* Green */}

/* Content */
.ti-head{display:flex; flex-direction:column; gap:5px;}
.ti-head label{
	font-style:italic; font-weight:400;
	font-size:14px; line-height:20px;
	color:#575757;
}
.ti-head span{font-weight:600; font-size:17px; color:#232323;}

/* note flow in ticket page */
.textareaMaxValue{
	display:flex; gap: 16px;
	margin-bottom:24px; padding:16px;
	background:#E4E5FF;
	border-radius:8px;  
}
.textareaMaxValue span{display:flex; align-items:flex-start; height:100%;}
.textareaMaxValue span label{
	width:42px; height:42px;
	border-radius:50%;
	background-color:#FFD7D7;
	display:flex; justify-content:center; align-items:center;
	font-weight:600;
	color:#333;
}
.textareaMaxValue textarea{
	flex:1;
	min-height:90px;
	border:1px solid #C5C8E8; border-radius:10px;
	padding:12px;
	outline:none;
	resize:none;
	font-size:14px; line-height:1.5;
	color: #232323;
	font-family:inherit;
}
/* Align Add Note button to bottom */
.textareaMaxValue .submitBtn{display:flex; align-self:flex-end;}
.textareaMaxValue .btn{
  background:#144F89;
  border:none;
  border-radius:23px;
  padding:8px 20px;
  font-size:14px; font-weight:500;
  color: #fff;
  cursor:pointer;
  transition:background 0.2s;
}
.textareaMaxValue .btn:hover{background:#0f3d68;}

/* Notes List */
.notesList {
  list-style: none;
  padding: 0;
  margin: 0;
}

.noteItem {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 24px;
  position: relative;
}

.noteAvatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #EBEEFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 160%;
  color: #575757;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}

/* Vertical line */
.noteItem::before{
	content:"";
	position:absolute; top:40px; left:20px;
	width:1px; height:calc(100% - 40px);
	background:#E2E6EF;
}
.noteContent{
	flex:1;
	background:#fff;
	display:flex; flex-direction:column; align-items:flex-start;
}
.noteHeader{
	display:flex; justify-content:space-between; align-items:center;
	width:100%;
	margin-bottom:16px;
}
.noteName{font-weight:500; font-size:15px; line-height:160%; color:#232323;}
.noteDate{
	font-style:italic; font-weight:400;
	font-size:14px; line-height:160%;
	color:#575757;
}
.noteContent p.noteText{
	font-family:'Manrope', sans-serif; font-weight:400;
	font-size:16px; line-height:160%;
	color:#333;
	margin:0;
}

/* Actions row */
.noteActions{
	display:flex; flex-direction:row; align-items:center; gap:16px;
	padding:5px 0;
	width:100%;
}
.noteActions a{
	font-weight:400;
	font-size:14px;
	text-decoration:none;
	cursor:pointer;
}
.noteActions a.reply{color:#DA3C3C;}
.noteActions a.edit{color:#144F89;}
.noteActions a.delete{color:#717171;}
.noteActions a:hover{opacity:0.8;}

/* Nested replies (indented) */
.notesList .notesList{margin-top:12px; padding-left:0; width:100%;}
.notesList .notesList .noteItem:before{display:none;}

/* Reply and Edit Boxes */
.replyBox, .editBox{display:flex; gap:10px; margin-top:10px; width:100%;}
.replyBox textarea, .editBox textarea{
	flex:1;
	min-height:70px; width:calc(100% - 175px);
	border:1px solid #C5C8E8; border-radius:8px;
	padding:10px;
	resize:none;
	font-size:14px;
	font-family:'Poppins', sans-serif;
}
.replyBox .btn, .editBox .btn{
	background:#144F89;
	border:none; border-radius:18px;
	padding:6px 14px;
	font-size:13px;
	color:#fff;
	cursor:pointer;
	height:fit-content;
}
.replyBox .btn:hover, .editBox .btn:hover{background:#0f3d68;}
.editBox .cancelEdit, .replyBox .cancelReply{background:#aaa !important;}
.mainDiv{width:100%;}

/* view assets page */
.viewAssets {
	display: grid;
	grid-template-columns: 220px calc(97% - 220px);
	grid-column-gap: 3%;
}

.viewAssets .assetsStepsNav .print {
	width: 100%;
	background: #fff;
	border-radius:5px;
	box-shadow: 0px 0px 41px 0px rgb(0, 0, 0, 0.1);
	margin-bottom: 15px;
	padding: 10px 15px;
	text-align: center;
	font-size: 17px;
	align-items: center; /* narendra */
}


.viewAssets .assetsStepsNav .print:hover {
	background-color: #605A57;
	color: #fff;
}

.viewAssets .assetsStepsNav .tabs {
	border-radius:5px;
	box-shadow: 0px 0px 41px 0px rgb(0, 0, 0, 0.1);
	padding: 0px 15px;
	position: sticky;
	top: 25px;
	background: #fff;
}

.viewAssets .assetsStepsNav .tabs ul li a {
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 15px 15px 15px 0px;
	color: #545060;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.viewAssets .assetsStepsNav .tabs ul li a::after {
	font-family: "FontAwesome";
	content: "\f105";
	position: absolute;
	top: 19px;
	right: 2px;
	opacity: 0.5;
}

/* view organization page */
.organizationView .info-row .label{width:112px;}

/* print assets modal */
.printOptionModel{position:absolute;}
.printOptionModel .modelWrapper{padding:0px;}
.printOptionModel .modelWrapper h4{
	text-align:left;
	font-weight:300; font-size:20px; letter-spacing:0.5px;
}
.printOptionModel .modelWrapper h4 strong{color: #1A1A1A;}
.printOptionModel .form{
	display:grid;
	grid-template-columns:50% 35% 15%; grid-column-gap:0%;
	font-size:15px;
}
.printOptionModel .formIncidentAccident{display:grid; grid-template-columns:70% 30%;}
.printOptionModel .form li{display:block;}
.printOptionModel .form .lbl{
	padding:0px; padding-bottom:18px;
	font-size:20px; font-weight:500;
}
.printOptionModel .form .radioBtn,
.printOptionModel .form .checkbox{
	font-size:15px;
	margin-bottom:15px;
}
.printOptionModel .form .sectionList{padding-left:30px;}
.printOptionModel .form dl{
	background:#0ebfbc;
	border-radius:2px;
	padding:2px 8px;
	color:#fff;
}
.printOptionModel .form .fotmButton{text-align:center; display:block; margin-top:5px;}
.printOptionModel .form .printLine{border-left:2px solid rgba(0, 0, 0, 0.1);}
.printOptionModel .form .printLine .lbl{margin-left:30px;}
.printOptionModel .form .printLine .val{margin-left:30px;}
.printOptionModel .form .disabledText{color:#dfdfdf !important;}
.printOptionModel .checkbox:hover input~.checkmark{
	background-color:#ccc;
	pointer-events:none;
}
.printOptionModel .form .fotmButton .submitBtn{width:100px;}
.printOptionModel .btn{
	background-color:#4383F7;
	padding:62px 12px 10px 12px;
	background-image:url('../../images/print_icon.png');
	background-repeat:no-repeat;
	background-position:14px 12px;
	z-index:1;
	text-transform:capitalize;
}
.printOptionModel .disabled{pointer-events:none;}

/* loader beside form title in add form page */
.headerLoader{
	width:22px; height:22px;
	border-width:4px;
	position:absolute; top:27px; right:37px;
}
#attachmentNameShow{display:none;}
.plus{
	padding:0px 8px;
	border:1px solid;
	border-radius:4px;
	font-size:20px;
}

#attchmentNameError, #attachmentFileError{display:inline-block;}
.dataTableWord{
	overflow:hidden;
	max-width:200px;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.textEllipsis{
	max-width:95px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

/* add organization page */
.addOrganizationPage .select2-dropdown.select2-dropdown--below{width:250px !important;}
.add-organization .select2.select2-container{width:45% !important;}
.add-organization .selection{width:100%;}
.add-organization .select2-container .select2-selection--single{height:40px; padding-top:5px;}
.add-organization .card{padding:24px 24px 40px 24px;}
.mobil{grid-template-columns:40% 40% 20% !important; column-gap:5px;}
.noMenu .addField{cursor:pointer;}
.noMenu .tagify__input{padding:6px 10px 25px 10px;}
.add-organization .input{padding:15px 10px;}
.remind .tagify__input{min-width:190px;}
.pricia .sym{width:45%;}
.details #fieldType{width:100% !important;}
.ment-file .choose-file{padding-top:3px;}
/*.view-ticket .submitBtn .btn{margin-left:10px !important;}
.view-ticket .replyTextData{padding:5px 0 0 10px;}
.view-ticket #staff_name{padding-bottom:10px;}
.view-ticket .reply{padding-top:10px !important;}
.asset-invoice .amount-number{width:45% !important;}*/
.staff-thumb.upa .addPhotoPanel .viewPhoto .thumb{height:160px !important;}
.upa.addPhotoPanel .viewPhoto .thumb{height:190px !important;}
.inlineActonLink a{padding-right:15px !important;}

.enter-new .changePasswordField{width:45% !important;}
.enter-new .enter-pass{width:100% !important;}

/* template page */
.temp-field #fieldDefaultvalueSelect{width:100% !important;}
.temp-field #templateFields_li_171{width:45% !important;}
.templateListing ul li .flexDiv{flex-wrap:wrap;}
.temp-field .card ul.form li .val .max{text-align:center !important;}
#templateFields_171{width:45% !important;}

/* delete-pop new desing >> purvi >> 1st august - 25 */
.details-item{
	margin:4% auto 0px auto; padding:16px 0;
	width:100%; max-width:450px;
	background:#fff;
	border:1px solid #00000017; border-radius:12px;
	box-shadow:0px 10px 30px 0px #00000033, 0px 30px 70px -10px #11182640, 0px 0px 0px 1px #98A1B21A;

}
.details-item h4{
	font-weight:500;
	font-size:20px; letter-spacing:0.5px;
	padding:0 20px; margin-bottom:16px;
}
.details-content p{
	font-size:14px; letter-spacing:0.3px;
	padding:0 20px 16px 20px;
	color: #1c1c1c;
}
.details-content div{padding:0 20px 16px 36px;}
.submit-btn{
	display:flex;
	justify-content:flex-end; gap:16px;
	padding:16px 20px 0 20px !important;
	border-top:1px solid #E9EDF5
}
.submit-btn .conform-btn{
	border-radius:5px;
	background-color: #D1293D;
	color:#fff;
	font-size:14px;
	font-weight:500;
	text-transform:uppercase;
	cursor:pointer;
}
.submit-btn .conform-btn a{padding:7px 24px;}
.conform-btn .yes{color:#ffffff;}
.conform-btn .no{color:#000000;}
.submit-btn .conform-no-btn{
	background: #fff !important;
	box-shadow:0px 0px 0px 1px #464F6029, 0px 1px 1px 0px #0000001A;
}
.submit-btn .conform-btn:hover {
	transform: translateY(-10px);
	transition: all 0.3s;
}

/* pages design */
.page-verify-content{padding:30px 0 0 0 !important;}
.use-verify{padding:0 !important;}
.page-user-verify{padding:0 !important;}
.wraper-verify{width:100%; padding:0px 10px 0px 0px;}
.btn-check{margin-left:20px;}
/*.uc-form .enter-valid{width:45% !important;}
.uc-form .txt-tions{width:45% !important;}
.uc-form .enter-compt{width:100% !important;}*/

/* add Maintenance page*/
/*.addMaintainance .val.radio{display:flex; align-items:center; flex-wrap:wrap;}
.addMaintainance .val.radio .radioBtn{margin-right:16px;}*/
.addMaintainance .val.radio .radioBtn .checkmark{top:3px}

/* for Reminder*/
.setReminderVal .setReminderValDiv{display:grid; grid-template-columns:22% 78%; gap:2%; width:100%;}
/* .setReminderVal .setReminderValDiv{
	display: flex;
	flex-wrap: wrap; */
/* narendra 12/aug/2024 */

.setReminderVal .setReminderValDiv .flexInputBox{display:block;}
.setReminderVal .setReminderValDiv .flexInputBox .dateSelections{display:block;}
.setReminderVal .setReminderValDiv .reminderDiv{
	margin-left:0px; grid-template-columns:100px auto; gap:10px;
	align-items:center;
} 
.setReminderVal .setReminderValDiv .reminderDiv .reminderDivBox{gap:10px;}
.setReminderVal .reminderDivBox .input{width:15%; transition:none; padding:8px;}

/* E-mail Verificatin Screen Start */
.E-mail{
	height:100vh;
	display:flex;
	align-items:center;
}
.E-mail .verifyScreen{
	width:50%;
	margin:0px auto;
	border-radius:15px;
	background-color:#FFFFFF;
	text-align:center;
	padding-top:50px;
	padding-bottom:50px;
	position:relative;
}
.E-mail .verifyScreen::before{
	content:"";
	position:absolute;
	background-image:url("../../images/leftimage.png");
	height:100px;
	width:100px;
	background-size:100px;
	left:-26px;
	bottom:-31px;
}
.E-mail .verifyScreen::after{
	content:"";
	position:absolute;
	background-image:url("../../images/rightimage.png");
	height:100px;
	width:100px;
	background-size:100px;
	right:-31px;
	top:-30px;
}
.verifyScreen h4{padding:16px 0px 24px 0px;}
.E-mail .verifyScreen .otpNumber{
	display:flex;
	justify-content:center;
	align-items:center;
	padding-bottom:40px;
}
.E-mail .verifyScreen .otpNumber li{
  margin:0px 10px;
}
.E-mail .verifyScreen .otpNumber li .input{
	width:40px;
    height:40px;
    font-size:24px;
    text-align:center;
	border:1px solid #D0D0D0;
    padding:10px 10px;
    transition:all 0.3s ease-out;
	border-radius:8px;
}
.E-mail .verifyScreen p{
	font-size:15px; font-weight:500;
	color: #99aabd;
	margin-top:16px;
}
.E-mail .verifyScreen span{color:#4383F7;}

/*notification page */
.notificationTypeLi .checkbox{padding-left:50px; margin-bottom:12px;}
.notificationTypeLi input[type="checkbox"]:disabled{cursor:not-allowed !important;}
.notificationTypeLi .checkbox .checkmark{left:25px;}

/* QR code popup >> print */
.popup-container{
	display:flex; flex-direction:column; justify-content:space-between; gap:20px;
	box-shadow:0 4px 20px rgba(0, 0, 0, 0.2);
	max-width:800px;
}
.popup-container .notes-header-top{padding:24px 24px 0 0; gap:24px;}
.popup-container .rectangle-with-triangle{
	position:relative;
	background:#E94335;
	color:white;
	padding:6px 20px;
	font-size:18px;
}
.popup-container .rectangle-with-triangle:after{
	content: '';
	position:absolute; top:-1px; right:-40px;
	border:21px solid transparent;
	border-left-color:#E94335;  
}
.popup-container .print-headbox-text{flex:1;}
.close{position:relative; top:0; right:0; height:42px;}

.lebalbox{
	display:grid;
	grid-template-columns:1fr 1fr; gap:20px;
	padding:0px 16px 16px 16px;	
}
.lebalbox form{padding:0px;}
.lebalbox ul.form li{display:block;}
.leftDivPart{height:100%; display:flex; flex-direction:column; gap:16px;}
.left-box{
	height:100%; max-height:max-content;
	justify-content:center;
	padding:32px 16px 16px 16px;
	border:1px dashed #ccc; border-radius:20px 0px 0px 20px;
	background:#F5F4EF;
}

/* right seid print form */
.right-box form{display:flex; flex-direction:column; gap:8px;}
.right-box .opt-lab{font-size:15px; font-weight:500;}

.formFeild{gap:16px;}
.form-label{
	font-size:14px; font-weight:500;
	color:#444;
	white-space:nowrap;
	margin-top:-12px;
}
.form-input{width:100%;}
.tab-buttons{
	display:grid; grid-template-columns:repeat(2, 1fr); gap:12px;
	background:#EFEDE4;
	padding:2px;
	border-radius:8px;
}
.tab-button{
	border:none;
	padding:10px;
	background:#eee;
	border-radius:5px;
	font-weight:500;
	cursor:pointer;
}
.tab-button.active{background:#fff; box-shadow:0 3px 8px rgba(0, 0, 0, 0.12);}
.checkbox-group{display:flex; flex-direction:column; gap:10px;}
.checkbox-group label{font-size:15px; font-weight:500; color:#191717;}
.checkbox-group span.mainSpan{display:flex; align-items:flex-start; font-size:14px; gap:6px;}
.checkbox-group span.mainSpan input{top:4px;}


.lebalbox li .toolTip{
	display:none;
	position:absolute; /*top:-62px; left:114px;*/ top:-40px; left:-4px;
	text-align:center; color:#fff;
	font-size:12px; font-weight:400; line-height:17px;
	width:240px; max-width:240px;
	padding:8px;
	background-color:#1f1f1f;
	border-radius:8px;
	z-index:5;
	box-shadow:0px 8px 16px -2px rgba(27,33,44,.12);
}
.lebalbox li .toolTip:after{
	content: "";
	position:absolute; top:100%; left:47%;
	rotate:180deg;
	border-width:8px;
	border-style:solid;
	border-color:transparent transparent #1f1f1f;
}
.lebalbox li:hover .toolTip{display:block;}
.right-box .form .detailItem{display:flex; gap:20px; margin-bottom:14px;}
.right-box .form .detailItem .includeItem span{gap:8px;}
.right-box .form .labelPrintGrid{
	display:flex; justify-content:flex-start; gap:5px; flex-wrap:wrap;
	padding:10px;
	background:#F5F4EF;
	border-radius:8px;
	width:217px;
}
.right-box .form .labelPrintGrid span{
	display:flex; justify-content:center; align-items:center;
	width:35px; height:35px;	
	cursor:pointer;
	background:#DCDCDC;
	box-shadow:0px 2px 4px rgba(0, 0, 0, 0.25);
	border-radius:4px;
}
.right-box .form .labelPrintGrid span.blue{background-color:#4383F7;}
.addItem[type=checkbox]{height:0; width:0; visibility:hidden;}
.toggl{
	display:block; position:relative;
	cursor:pointer;
	text-indent: -9999px;
	width:40px; height:20px;
	background-color:#A5A9BE;	
	border-radius: 100px;	
}
.toggl:after{
	content: '';
	position:absolute; top:1px; left:2px;
	width:18px; height:18px;
	background:#fff;
	border-radius:50px;
	transition:0.3s;
}
input:checked + .toggl{background-color:#07956d;}
.addItem:checked + .toggl:after{left:calc(100% - 1px); transform:translateX(-100%);}
.addItem:disabled + label.toggl{cursor:not-allowed; background-color:rgb(230, 230, 240);}
.codeBottom{width:100%; justify-content:space-between; padding:0 16px;}
.codeBottom .btnback{
	background-color:#E4E3E3 !important;
	box-shadow:none !important;
	color: #4F5366 !important;
}
.codeBottom .btnBottom{text-transform:uppercase !important;}
.codeBottom .botoomGap{margin:0px;}
.codeBottom span{font-size:14px; font-weight:400;}
.createbtn{column-gap:29%;}
.custom{
	width:100%;
	background-color:#EBECF3;
	border-radius:4px;
	padding:8px 10px;
	font-size:12px;
}
.print{display:flex; flex-direction:column;}
.print .amount{
	width:100px;
	border:1px solid #B5B7BC; border-radius:4px;
	padding:5.5px 12px;
}
.sendItem{flex-wrap:wrap;}
.copy .copymail{
	width:330px;
	border:1px solid #B5B7BC; border-radius:4px;
	padding:12px 15px 13px 15px; margin-top:16px;	
}
.sheet{display:flex !important; column-gap:10px;}
.purchase{
	font-size:14px; font-weight:500;
	padding:10px 0px;
}
.sheet span{
	font-size:14px; font-weight:400;
	color:#66697A;	
}
.sheet .avery{font-size:14px; color:#5D6173; font-weight:600;}
.printingbox{
	display:grid;
	grid-template-columns:44% 56%; column-gap:24px;
	padding:24px 24px 24px 24px;	
}
.detailItem .notetog{display:flex;}

/* purvi css*/
.qrCodeBox{
	position:relative;
	display:flex; flex-flow:column;
	/*justify-content: flex-start; align-items:normal;*/
	justify-content:center; align-items:center;
}
.microLine{position:absolute; width:144px; top:-12px;}
.arrowStyles_wrapper{
	display:flex;
	flex-flow:row;
	justify-content: center;
	align-items: center;
	position:relative;
	height:100%;
}
.arrowStyles_triangleLeft{
	border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 10px solid rgb(165, 169, 190);
}
.arrowStyles_line{
	min-width:1px;
  min-height:1px;
  flex:1 1 0px;
  background-color: rgb(165, 169, 190);
}
.arrowStyles_triangleRight{
	border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 10px solid rgb(165, 169, 190);
}
.arrowStyles_styledText{
	white-space: nowrap;
	overflow: visible;
	text-overflow: ellipsis;
	position:absolute; top: -1em; left:50%;
	transform:translateX(-50%);
	display:inline-block;
	font-style:normal;
	font-stretch:normal;
	word-break:break-word;
	font-family:"Poppins", "Open Sans", sans-serif;
	color:rgb(165, 169, 190);
	font-size:14px; line-height:16px; font-weight:500;
}
.card.daaCWN{height:144px; width:144px; padding:12px;}
.card.daaCWN span{
	display:flex; flex-flow:column; justify-content:center;
	align-items:center;
}
.microLine.right{width:auto;height:144px; top:0px; right: -12px;}
.microLine.right .arrowStyles_triangleLeft{transform: rotate(90deg);}
.microLine.right .arrowStyles_wrapper{flex-flow:column;}
.microLine.right .arrowStyles_triangleRight{transform:rotate(90deg);}
.microLine.right .arrowStyles_styledText{
	writing-mode:vertical-lr; left:unset; right:-1em; top:50%;
	transform:translateY(-50%);
}

/* for extra small box */
.extrasmallBox .microLine{width:273px;}
.extrasmallBox .microLine.right{width:auto; height:104px;}
.extrasmallBox .extraSmall{
	display:flex; flex-flow:row;
	justify-content:flex-start; align-items:normal;
	height:104px; width:273px;
	padding:8px; margin:0;
}
.qrCodeImg{
	display:flex; justify-content:center; align-items:center;
	height:100%; width:36%;
	border-left:1px solid rgb(221, 42, 59);
	/*padding-left:8px;*/ padding:8px;
}
.qrCodeImg span{display:flex; justify-content:center; align-items:center; height:104px; width:104px;}
@media print{
  .qrCodeImg{ border-left:1pt solid rgb(221, 42, 59); }
  img{ -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}
.fold{
	display:flex; flex-flow:column;
	/*justify-content:flex-start; align-items:normal;*/
	justify-content:center; align-items:flex-start;
	height:100%; width:100%;
	padding-right:8px; padding-left:4px;
}
.fold .itemName{
	flex-grow:1;
	display:flex; align-items:center;
	margin:0px; padding:0px;
}
.fold .itemName span{
	color: #1A1A1A;
	display:inline-block;
	font-style:normal;
	font-stretch:normal;
	word-break:break-word;
	font-family:"Poppins", "Open Sans", sans-serif;
	font-size:14px; line-height:20px; font-weight:700;
}
.fold .field{
	flex-grow:1; display:flex; align-items:center;
	margin:0px; padding:0px;
	border-top:1px solid rgb(221, 42, 59);
	width:100%;
}
.field span{display:flex; align-items:center; gap:4px;}
.field label{
	display:block; /*width:100%;*/
	font-style:normal; font-stretch:normal;
	word-break:break-word;
	font-family:"Poppins", "Open Sans", sans-serif; font-weight:400;
	line-height:20px; font-size:12px; 
	color:#575757;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.field p{
	display:inline-block;
	font-style:normal; font-stretch:normal;
	word-break:break-word;
	font-family:"Poppins", "Open Sans", sans-serif;
	font-weight:400; line-height:15px; font-size:11px;
	color:#656565;
	padding:0px;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.organization{
	width:100%; /*height:50%;*/
	border-top:1px solid rgb(221, 42, 59);
	display:flex; align-items:center;
	margin:0px; padding:0px;
	flex-grow:1;
}
.organization label{
	display:inline-block;
	font-style:normal; font-stretch:normal;
	word-break:break-word;
	font-family:"Poppins", "Open Sans", sans-serif;
	line-height:1.2; font-size:11px; font-weight:500;
	color:rgb(29, 34, 43);  
}

/* for small box */
.extrasmallBox .extraSmall.small{height:90px;}
.extrasmallBox .extraSmall.small .itemName span{font-size:12px;}
.extrasmallBox .extraSmall.small .field label{font-size:10px;}
.extrasmallBox .extraSmall.small .organization label{font-size:10px;}
.extrasmallBox.small .microLine.right{width:auto; height:90px;}

/* for medium tall box */
.mediumTallBox .microLine{width:136px;}
.mediumTallBox .microLine.right{width:auto; height:273px;}
.mediumTallBox .mediumTall{
	display:flex;
	flex-flow:column;
	justify-content:flex-start;
	align-items:center;
	height:273px;
	width:136px;
	padding:8px;
}
.mediumTallBox .fold{padding-right:0px; height:60%;}
.mediumTallBox .fold .itemName span{font-size:12px;}
.mediumTallBox .qrCodeImg{
	border:none; border-top:1px solid rgb(221, 42, 59);  
	/*padding-left:0px; padding-top:10px;*/
	width:100%; height:39%;	
}
.mediumTallBox .qrCodeImg span{width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.mediumTallBox .qrCodeImg span img {
  width:100%;
  height:100%;
  object-fit:contain;
  image-rendering:crisp-edges;
}

/* for medium normal size */
.extraSmall.medium .microLine{width:273px;}
.extraSmall.medium .microLine.right{width:auto; height:136px;}
.extraSmall.medium .extraSmall{
	display:flex; flex-flow:row;
	justify-content:flex-start; align-items:normal;
	height:136px; width:273px;
	padding:8px;
}

/* for large normal size */
.mediumTallBox.large .microLine{width:273px;}
.mediumTallBox.large .microLine.right{width:auto; height:228px;}

.mediumTallBox.large .mediumTall{
	display:flex; flex-flow:column;
	justify-content:flex-start; align-items:normal;
	height:274px; width:273px;
	padding:8px;
	margin-bottom:0px;
}
.mediumTallBox.large .mediumTall .itemName span{font-size:18px;}
/*.mediumTallBox.large .mediumTall .field{
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: normal;
	width: 100%;
    height: 34px;
    border-top: 1px solid rgb(221, 42, 59);
    padding:4px 0px;
    margin:4px 0px;
}*/
.notes{
	width:100%;
	border-top:1px solid rgb(221, 42, 59);
	display:flex; align-items:center; flex-grow:1;
	margin:0px; padding:0px;  
}
.notes label{
	display:inline-block;
	font-style:normal;
	font-stretch:normal;
	word-break:break-word;
	font-family:"Poppins", "Open Sans", sans-serif;
	line-height:1.43; font-size:11px; font-weight:500;
	color:rgb(29, 34, 43);
}
.notes p{
	display:inline-block;
	font-style:normal;
	font-stretch:normal;
	word-break:break-word;
	font-family:"Poppins", "Open Sans", sans-serif;
	font-weight:400; line-height:1.43; font-size:11px;
	color: #656565;
	padding:0px;
}
.mediumTallBox.large .mediumTall .qrCodeImg span{width:90px; height:90px;}

/*for Extra large box */
.extralarge.large .microLine{width:260px;}
.extralarge.large .microLine.right{width:auto; height:400px;}
.extralarge.large .card.large{
	display:flex; flex-flow:column;
	justify-content:flex-start; align-items:normal;
	height:400px; width:260px;
	padding:8px;
}
.extralarge.large .fold .itemName span{font-size:24px;}
/*.extralarge.large .fold .field, .extralarge.large .fold .organization, .extralarge.large .fold .notes{
	height:44px;
  display:flex;
  flex-flow:column;
  justify-content:center;
  align-items:normal;
}*/

.extralarge.large .qrCodeImg{
	border:none; height:31%; width:auto;
	padding-left:0px; padding-top:10px;
	width:100%; height:40%;
	border-top:1px solid rgb(221, 42, 59);
}
.extralarge.large .qrCodeImg span{justify-content:center; width:155px; height:155px;}

/* Label printer medium */
.printerBox .microLine{width:273px;}
.printerBox .microLine.right{width:auto; height:144px;}
.printerBox .printBox{
	display:flex; flex-flow:row;
	justify-content:flex-start; align-items:normal;
	height:144px; width:273px;
	padding:8px;
}

/* US letter Extra small */
.usletexsmallBox .microLine{width:273px;}
.printerBox .microLine.right{width:auto; height:104px;}
.printerBox .printBox{
	display:flex; flex-flow:row;
	justify-content:flex-start; align-items:normal;
	height:104px; width:273px;
	padding:8px;
}

/* dashboard css purvi >> 23 jul'25*/

/* add assets popup */
.popup{
	width:60%; max-width:900px;
	margin:4% auto 0 auto; padding: 24px 32px;
	background:#fff;  
	border-radius:16px;
}
.popup .popup-header{text-align:center; margin-bottom:24px;}
.popup .popup-header h2{
	font-size:20px;
	font-weight:500;
	line-height:140%;
	color:#1A1A1A;
}
.popup .popup-header p{
	font-size:15px; font-weight:400; line-height:150%;
	color:#575757;
	margin-top:18px;
}
.popup .popup-grid{display:flex; flex-wrap:wrap; gap:16px;}
.popup .bg-grid-item{
	border-radius:16px;
	box-shadow:0px 4px 6px rgba(0, 0, 0, 0.08);
	flex:1 1 45%; /* fallback for small screens */
}
.popup .bg-grid-item:nth-child(1) { width: 40%; }
.popup .bg-grid-item:nth-child(2) { width: calc(100% - 20px); }
.popup .bg-grid-item:nth-child(3) { width: calc(100% - 20px); }
.popup .bg-grid-item:nth-child(4) { width: 40%; }
.popup .grid-item {
  padding: 24px;
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  position: relative;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 100px;
}
/* Different background colors + puzzle */
.popup .bg-grid-item:nth-child(1) .grid-item {
  background-color: rgba(252, 188, 5, 0.6);
  background-image: url("../../images/popup-puzzal-pic.svg");
}
.popup .bg-grid-item:nth-child(2) .grid-item {
  background-color: #EE8A80;
  background-image: url("../../images/popup-puzzal-pic.svg");
}
.popup .bg-grid-item:nth-child(3) .grid-item {
  background-color: #8AB2F2;
  background-image: url("../../images/popup-puzzal-pic.svg");
}
.popup .bg-grid-item:nth-child(4) .grid-item {
  background-color: #80C791;
  background-image: url("../../images/popup-puzzal-pic.svg");
}

/* Titles and desc */
.popup .grid-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  color: #1A1A1A;
}
.popup .grid-desc {
  font-size: 13px;
  font-weight: 300;
  line-height: 140%;
  color: #232323;
  max-width: 80%;
  margin: 8px 0 24px 0;
}

/* Button */
.popup .btn {
  justify-content: center;
  gap: 10px;
  padding: 0 12px 0 0;
  width: 90px;
  height: 34px;
  background: #1A1A1A;
  color: #FBFBFB;
  font-size: 14px;
  line-height: 21px;
  text-transform: capitalize;
  border: 0.5px solid #191717;
  border-radius: 16px;
  cursor: pointer;
}
.popup .btn-icon {
  width: 24px;
  height: 24px;
  background: #F9D363;
  border-radius: 50%;
  justify-content: center;
  display: flex;
  align-items: center;
}
.popup .btn-icon:after {
  content: '+';
  font-size: 14px;
  color: #28303F;
}

/* page design*/
.page-header{
	display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;
	padding:12px 20px;
	border-bottom:1px solid #ddd;
}
.left-section .breadcrumb{font-size:15px; font-weight:500; color:#383838;}
.left-section .breadcrumb .pageName{font-size:18px; font-weight:600; color:#111010;}
.right-section{display:flex; flex-wrap:wrap; align-items:center; gap:12px;}
.add-btn{
	display:inline-flex; align-items:center;
	background-color:#E94335;
	color:white;
	padding:0 13px;
	font-size:15px; font-weight:500; line-height:1;
	border-radius:5px;
	text-decoration:none;  
	transition:background-color 0.2s ease;
	height:40px;  
}
.add-btn:hover{background-color:#981409;}
.right-section .dateSelections{width:150px !important; background-color:#E94335; border-radius:5px;}
.date-filter{
	padding:10px 13px;
	font-size:14px;
	border-radius:5px;
	transition:background-color 0.2s ease;
	color:white;
	height:40px;
	background:url("../../images/date-white.svg")no-repeat scroll 93% 48% !important;
}

/* frist row dashboard css */
.statisticsBox{gap:16px;}
.statisticsBox .card{
	display:flex; flex-direction:column; align-items:flex-start;
	gap:10px;
	width:100%; height:150px;  
}
.statisticsBox .summaryContainer{
	flex-direction:column; justify-content:space-between;
	height:100%; width:100%;
}
.statisticsBox .summaryHeading{justify-content:space-between; width:100%;}
.statisticsBox .filter{
	justify-content:space-between; gap:8px;
	font-size:14px; font-weight:500;
	color:#111010;  
	width:100%;
}
.statisticsBox .icon{
	width:40px; height:40px;	
	border-radius:8px;
	justify-content:center;
}
.statisticsBox .icon.pink{background:rgba(233, 67, 53, 0.1);}
.statisticsBox .icon.yellow{background:rgba(252, 188, 5, 0.1);}
.statisticsBox .icon.blue{background:rgba(67, 133, 243, 0.1);}
.statisticsBox .icon.green{background:rgba(50, 169, 81, 0.1);}

.statisticsBox .summaryBody{justify-content:space-between; width:100%;}
.statisticsBox .frame13, .statisticsBox .frame14{flex-direction:column; align-items: flex-start;}
.statisticsBox .valueBox{font-size:18px; font-weight:600; color:#232323;}
.statisticsBox .label{font-size:11px; color: #383838;}

/* second row dashboard css */
.pageDashboard .pageContent .card{/*padding:16px 20px;*/ padding:16px; margin-bottom:20px;}
.pageDashboard .pageContent .calenderBox.card{
	grid-template-columns:250px calc(100% - 250px);
}
.calendar-sidebar > .calendar-year > p {color: #FFFFFF;}
.pageDashboard .pageContent .calenderBox.card .evo-calendar{box-shadow:none;}
.pageDashboard .pageContent .calenderBox.card .contractInsurance{z-index:2;}
.categoryWiseTitle{
	display:flex; justify-content:space-between; align-items:center;
	padding-bottom:20px;
}
.categoryWiseTitle h3{font-size:15px; line-height:28px; font-weight:500;}
.categoryWiseTitle a{
	color:#3B82F6;
	font-size:14px; line-height:24px; font-weight:400;
	margin-right:24px
}
.categoryWiseTitle a:before{
	content:"";
	position:absolute; top:4px; left:90px;
	background-image:url("../../images/iconview.png");
	height:24px; width:24px;
	background-size:16px;
	background-repeat:no-repeat;
}
.wiseChart{display:block; text-align:center;}
.wiseChart .chart{display:flex; justify-content:center;}

/* for header */
.notification-box{
	width:100%;
	padding:0;
	flex-direction:column; gap:16px;
	background-color:#FFFFFF;
}
.notification-box .notification{
	width:100%;
	padding:12px 20px;
	background:#FDF9F9;
	border-radius:11px;
	gap:16px;
}
.notification-box .icon{width:45px; height:45px; border-radius:8px; justify-content:center; background:#ECF6EA;}
.notification-box .icon svg{width:20px; height:20px;}
.notification-box .icon.teal{color:#2BB8AA;}
.notification-box .icon.red{color:#E74C3C;}
.notification-box .icon.blue{color:#3498DB;}
.notification-box .info{flex-direction:column; align-items:flex-start; gap:4px; flex-grow:1;}
.notification-box .info-top{align-items: flex-start; flex-direction:column; font-size:12px; color:#575757;}
.notification-box .info-top strong{font-size:15px; font-weight:500; color: #232323;}
.notification-box .actions{gap:8px;}
.notification-box .btn{
      padding: 5px 10px;
      border-radius: 5px;
      font-size: 12px;
      font-weight: 500;
      line-height: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
.notification-box .btn-high{
      background: #E94335;
      color: #fff;
    }
.notification-box .btn-medium{background:#FC9905; color:#fff;}
.notification-box .btn-view{border:1px solid #B4B4B4; color:#232323; background:transparent;}

/* in dashbaord */
.notification-box .notification-penal{width:100%; display:flex; justify-content:space-between;}
.notification-box .notification-penal .fication-content{display:flex; gap:16px;}
.notification-box .notification-penal .content-notifi-item label{color:#434343; font-weight:600;}
.notification-box .notification-penal .content-notifi-item .region-text{font-size:13px;}
.notification-box .notification-penal .icon-notifi{display:flex; gap:6px;}
.notification-box .notification-penal .icon-notifi a{display:flex; width:20px; height:20px;}


/* 3rd row in dashboard */
.compliance{
  flex-direction: column;
  width:100%; height:auto;
  padding:0;
  gap:16px;
}
.compliance.pink{background-color:#ffeaea;}
.compliance.badami{background-color:#FFF7E2;}
.compliance.blue{background-color:#E6F4FE;}
.compliance .card-info{justify-content:space-between; width:100%;}
.compliance .card-icon{justify-content:center; width:40px; height:40px; border-radius:8px;}
.compliance .card-icon.pink{background-color:#F4DEDE;}
.compliance .card-icon.badami{background-color:#FFE1C2;}
.compliance .card-icon.blue{background-color:#D3E6F2;}
.compliance .icon.red{color:#B82B2B;}
.compliance .icon.coffee{color:#B86A2B;}
.compliance .icon.blue{color:#2B40B8;}
.compliance .card-number{font-size:20px; font-weight:500;}
.compliance .card-number.red{color:#B82B2B}
.compliance .card-number.coffee{color:#B86A2B}
.compliance .card-number.blue{color:#2B40B8}
.compliance .card-description{
	margin-top:4px;
	width:100%;
	flex-direction:column; align-items:flex-start; gap:4px;
}
.compliance .card-label{font-size:15px; font-weight:500;}
.compliance .card-type{font-size:11px; color:#383838;}
.compliance .task-list{flex-direction:column; gap:10px; width:100%;}
.compliance .task{justify-content:space-between;
  background:#FFF;
  padding:12px 16px;
  border-radius:8px;
  width:100%;
}
.compliance .task-info{display:flex; flex-direction:column; gap:4px;}
.compliance .task-name{font-size:14px; font-weight:500; color:#232323;}
.compliance .task-date{font-size:14px; font-weight:400; color:#575757;}
.compliance .task-view{
	padding:5px 10px;
	border:1px solid #B4B4B4; border-radius:5px;
	font-size:12px; font-weight:500;
	color: #232323;
}
.compliance .moreTask{color:#4f4f4f; font-size:13px;}

/* */
.assetsDashboardGraph.calendarView{grid-template-columns:37% auto;}
.event-card{
  background: #FFF4D8;
  padding: 12px;
  margin-top: 15px;
  border-radius: 10px;
  position: relative;
}
.event-title{font-weight:bold; font-size:14px;}
.event-date{font-size:12px; color:#666;}
.view-btn{
	position:absolute;
	right:12px bottom:12px;
	padding:6px 12px;
	font-size:12px;
	background:#fff;
	border:1px solid #ccc; border-radius:8px;
	cursor: pointer;
}
.trandBox{padding-bottom:20px;}
.trandBox .trand{
flex-direction:column; gap:4px;
padding:12px 20px;
width:100%; height:auto;
border-radius:11px;
}
.trandBox .trand.blue{background:#EEF1FF;}
.trandBox .trand.pink{background:#FEF3F3;}
.trandBox .trand.orange{background:#FFF2E2;}
.trandBox .trand h4{font-weight:500; font-size:20px; line-height:30px;}
.trandBox .trand.blue h4{color:#2B40B8;}
.trandBox .trand.pink h4{color:#B82B2B;}
.trandBox .trand.orange h4{color:#B86A2B;}

/* Quick Assets statistics 
.statistics{display:flex; flex-wrap:wrap; padding:0px !important;}
.QuickAssetsStates{
	display:grid; grid-template-columns:20% 25% 25% 25.5%; gap:1.5%;
	align-items:center;
	width:100%;
	padding:16px 0px;
}
.QuickAssetsStates .value:last-child{border: none;}
.QuickAssetsStates .value{text-align:center; border-right:1px solid #D9D9D9;}
.QuickAssetsStates .value label{
	display:block; width:100%;
	font-size:16px; font-weight:700;color: #1A1A1A;
}
.QuickAssetsStates .value span{font-size:24px; font-weight:700; color: #4383f7;} 
.recentReminder{display:block; width:100%;}
.renewing-assets .value span{
	font-size:28px;
	line-height:32px;
	color: #4383F7;
	font-weight:700;
	padding-top:3px;
}
.reminderBox{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #FBE6E0;
	padding: 8px 16px;
}
.reminderBox h4{
	font-size:16px;
	line-height:24px;
	color: #1A1A1A;
	font-weight:700;
}
.viewmind{
	display: flex;
	align-items: center;
	column-gap: 4px;
	font-size:14px;
	line-height:20px;
	color: #4383F7;
	font-weight:400;
}
.viewmind span{
	display: flex;
	align-items: center;
}
.reminderList{
	display:grid; grid-template-rows:repeat(5, 1fr); gap:16px;
	width:100%;
	padding:8px 16px;
	align-items: center;
}
.reminderView{
	display:flex; justify-content:space-between; align-items:center;
	cursor:pointer;
}
.reminderView .viewBox{display:flex;}
.reminderView .viewBox span{font-size:15px; color:#1A1A1A; font-weight:500;}
.reminderView a{font-size:14px; line-height:24px; font-weight:500; color: #1D7D81;}
.maintence{
	display: grid;
	grid-template-columns: 25% 25% 25% 25%; 
	justify-content:space-between; align-items:center;
	padding:16px !important; margin-bottom:0px !important;
}

.sechduledBox p{
	display:block;
	text-align:center;
	font-size:16px; font-weight:500;
	color:#1A1A1A;	
}
.sechduledBox{text-align:center; border-right:1px solid #D9D9D9; padding-right:40px;}
.sechduledBox:nth-child(4){border-right:none;}
.sechduledBox span{font-size:32px; font-weight:700; padding:16px 0px;}
.breakdownMain{padding:16px 0px;}
.statusBox{
	display: flex;
	justify-content: space-between;
	align-items:self-start;
	column-gap:	16px;
	margin-bottom: 20px; 
}
.locateBox{
	width:100%;
	background-color:#FFFFFF;
	border-radius:5px;
	padding:16px;
	box-shadow: 10px 10px 80px #3f27661c;
}
.down{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom:16px;
	border-bottom: 1px solid #929292;
}
.down h3{
	font-size:15px;
	color: #1A1A1A;
	font-weight: 500;
}
.down a{
	display: flex;
	align-items: center;
}
.locateBox .braekBox{padding:16px;}
.calenderBox {
	display: grid;
	grid-template-columns: 42% 56%;
	column-gap: 16px;
	padding: 16px !important;
	margin-bottom: 0px !important;
}
.assetdue {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	row-gap:16px;
	padding: 14px; 
}*/

.contarct {
	display: flex;
	align-items: center;
	column-gap: 5px;
}
.contarct span{
	font-size: 12px;
	color: #1A1A1A;
	font-weight:400;
}
.colorBox{
	width: 12px;
	height: 12px;
	background-color:#409283;
}
.ten{background-color: #2E53D2;}
.tract{background-color: #AF2525;}
.expring{background-color: #C634C0;}
.insur{background-color: #E8DB6E;}
.branchBox{padding-top:16px;}
.branchcircle {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #FBF7F4;
	padding: 12px 16px;
	margin-bottom: 16px;
	border: 1px solid #DFDBD8;
	border-radius: 12px;
	box-shadow: 0px 4px 4px #0000001f;
}
.branchcircle .total{
	display: flex;
	align-items: center;
	column-gap: 16px;
}
.branchcircle a{
	font-size: 14px;
	line-height: 24px;
	color: #1D7D81;
	font-weight: 500;
}

/* QR code print css */
/* A4 micro print */
.printMain{width:100%; height:100%;}
.printCode{
	display:grid; justify-content:center; gap:4px;
	grid-template-columns:repeat(5, 1fr); grid-template-rows:repeat(6, 1fr);	
	border:1px solid rgb(214, 216, 249);
	width:100%; height:100%;
}
.printCode li{
	width:100%; height:100%;
	padding:10px; margin-bottom:0px;
}
.printCode li .micro span{display:flex; justify-content:center; align-items:center;}
.printCode li .micro span img{width:100%; height:100%;}

/* A4 extra small print*/
.printCode.extraSmallPrint{
	grid-template-columns:repeat(3, 1fr); grid-template-rows:repeat(8, 1fr);
}
.printCode.extraSmallPrint li.card{width:100%; height:127.8px;}
.printCode.extraSmallPrint .extraSmall{
	display:flex; align-items:center;
	justify-content:flex-start; flex-flow:row;
	width:100%; height:100%;
}
.printCode.extraSmallPrint .qrCodeImg img{width:100%;}

/* A4 small print */
.printCode.smallPrint{
	grid-template-columns:repeat(2, 1fr); grid-template-rows:repeat(7, 1fr);
}
.printCode.smallPrint li.card{width:100%; height:146.6px;}
.printCode.smallPrint .extraSmall{
	display:flex; align-items:center;
	justify-content:flex-start; flex-flow:row;
	width:100%; height:100%;
}
.printCode .fold{align-items:center; gap:8px;}
.printCode .fold .itemName{width:100%;}
.printCode .fold .field{
	display:flex; align-items:center; gap:4px;
	padding:0px; padding-top:6px; margin-top:0px;
}
.printCode .fold .organization{
	display:flex; align-items:center;
	padding:0px; padding-top:6px; margin-top:0px;
}

.printCode.smallPrint .extraSmall .qrCodeImg span{height:140px; width:140px;}

/* A4 medium print */
.printCode.mdPrint{
	grid-template-columns:repeat(2, 1fr); grid-template-rows:repeat(5, 1fr);
}
.printCode.mdPrint .medium{
	display:flex; align-items:center;
	justify-content:flex-start;
	width:100%; height:211.65px;
}
.printCode.mdPrint .medium .qrCodeImg span{width:210px; height:210px;}

/* A4 medium tall print */
.printCode.mdTallPrint{
	grid-template-columns:repeat(2, 1fr); grid-template-rows:repeat(5, 1fr);
}
.printCode.mdTallPrint .mediumTall{
	display:flex; align-items:center;
	justify-content:flex-start; flex-flow:column;
	width:100%; height:100%;
}
.printCode.mdTallPrint .qrCodeImg{
	border-left:none;
	border-top:1px solid rgb(221, 42, 59);
	width:100%;
}

/* A4 large print */
.printCode.lgPrint{
	grid-template-columns:repeat(2, 1fr); grid-template-rows:repeat(3, 1fr);	
}
.printCode.lgPrint .large{
	display:flex; align-items:center;
	justify-content:flex-start; flex-flow:column;
	width:100%; height:334px;
}
.printCode.lgPrint .large .fold{padding-right:0px; height:152px;}
.printCode.lgPrint .qrCodeImg{
	border-left:none;
	border-top:1px solid rgb(221, 42, 59);
	padding-left:0px;
}
.printCode.lgPrint .qrCodeImg span{justify-content:center; height:212px; width:212px;}

/* A4 Extra Large print */
.printCode.exlgPrint{
	grid-template-columns:repeat(1, 1fr); grid-template-rows:repeat(2, 1fr);
	margin:0px; padding:0px;
	/*rotate:-90deg;*/
}
.printCode.exlgPrint .extralarge{
	display:flex; align-items:center;
	justify-content:flex-start; flex-flow:column;
	height:754.39px; width:542.36px;
}
.printCode.exlgPrint .qrCodeImg{
	width:100%;
	border-top:1px solid rgb(221, 42, 59); border-left:none;
}
/* .printCode.exlgPrint .qrCodeImg img{width:100px; height:100px;} */

/* label medium print */
.printCode.labelMedium{
	grid-template-columns:repeat(1, 1fr); grid-template-rows:repeat(1, 1fr);
}
.printCode.labelMedium .medium{
	display:flex; align-items:center;
	justify-content:flex-start; flex-flow:column;
	height:346px;
}
.printCode.labelMedium .qrCodeImg img{width:100px; height:100px;}

/* organization verify page - frontend */
.organizContent{width:100%; height:auto; margin:0 auto; padding:16px;}
.orgLogo{
	display:flex; justify-content:center; align-items:center;
	padding-top:11px; border-bottom:1px solid #9e9e9e;
	box-shadow:0px 2px 3px #00000042;
	background-color:#ffffff;
}
.organizContent h4{
	display:flex; align-items:center; column-gap:5px;
	font-size:15px; line-height:24px; font-weight:600;
	color:#1A1A1A; padding-bottom:12px;
}
.organizContent h4 span{display:flex; align-items:center;}
.tab{
	width:100%;
	display:flex; justify-content:space-between; align-items:center;
}
.tab .tab-item{width:50%;}
.tab .tab-item .tab-link{
	display:block;
	font-size:15px; font-weight:400;
	text-align:center; background-color:#1A1A1A; color:#F5F5F5;
	border-radius:30px 30px 0px 0px;
	border-left:1px solid #E4E4E4; border-right:1px solid #E4E4E4;
	padding:16px 0px;
}
.tab .tab-item.active a{
	background-color:#F5F5F5; color:#1A1A1A;
	border-radius:30px 30px 0px 0px; box-shadow:-2px -2px 4px #00000014;
}
.tab-content{
	background:#F5F5F5;
	border-radius:0px 0px 30px 30px; border-bottom:1px solid #E4E4E4; border-left:1px solid #E4E4E4;border-right:1px solid #E4E4E4;
	box-shadow:0px 4px 4px rgba(0, 0, 0, 0.11);
	margin-top:-12px; padding:24px; 
}
.tab-content .tab-form .form-group label{
	font-size:14px; font-weight:400;
	color:#1A1A1A;
	padding-bottom:6px;
}
.tab-content .tab-form .form-group .input-control{
	width:100%; height:40px;
	background-color:#ffffff; color:#656565;
	border-radius:5px;
	font-size:14px; font-weight:400;
	padding:10px 0px 9px 15px;
}
.tab-content .tab-form .form-group{padding-bottom:16px;}
.tab-content .tab-form .input-control::placeholder{color:#9e9e9e;}
.tab-content .tab-form .accessbtn{
	width:150px; height:40px;
	background-color:#4383F7; color:#ffffff;
	font-size:14px; font-weight:400;
	border-radius:5px;
	text-align:center; margin:0 auto;
	display:flex; justify-content:center; align-items:center;
	cursor:pointer; transition:all 0.5s ease;
}
.tab-content .tab-form .accessbtn:hover{transform:translateY(-5px);}
.login-verify_image{
	display:flex; justify-content:center; align-items:center;
	padding:16px 0px 16px 0px;
}
.corporation-box{box-shadow:0px 0px 10px #0003; padding:16px;}
.Realme{
	display:flex; justify-content:space-between; align-items:center;
	padding-bottom:16px;
}
.corporation-box ul .Realme .elect{font-size:20px; line-height:24px; color: #1A1A1A;font-weight:400;}
.Realme span{font-size:15px; line-height:24px; color:#007955; font-weight:400;}
.statusCard .remote{
	border-bottom:1px solid #656565;
	padding-bottom:6px;
	font-size:15px; font-weight:500;
}
.addCard{display:flex; align-items:center; column-gap:5px;}
.addCard span{display:flex; align-items:center; padding-top:0px;}
.Realme .Status{color:#1A1A1A; display:flex; align-items:center; column-gap:5px;}
.Realme .pair{color:#BFBFBF;}
.AllTic{justify-content:center;}
.Realme .viewTicket{
	font-size:15px; line-height:24px; font-weight:600;
	padding:8px 11px;
	background-color:#4383F7; color:#ffffff;
	border-radius:5px;
}
.Realme .statusCheck{font-size:15px; line-height:24px; color: #444444; font-weight:300;}
.Realme .checkBy{color:#444444; font-weight:500; padding-top:0px;}
.active-left{border-radius:0px 18px 30px 30px;}
.active-right{border-radius:18px 0px 30px 30px;}
.statusCard .Realme:last-child{padding-bottom:0px;}
.statusCard .CompletedStatus{padding-top:16px;}
.organizationPage footer{position:fixed; bottom:0px; width:100%;}
.organizationPage footer .submitBtn{padding:0px; margin:0px !important;}

/* Reminder listing page */
.reminderFor{
	display:flex; align-items:center;
	justify-content:flex-start; gap:5px;
}
.reminderFor img{width:14px; margin-right:8px;}

.note-manu{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.note-box{padding:10px 24px;}
.time-info span{font-size:12px;}
.note-manu .icon img{width:18px;}
/*.noteReminderContent{padding:12px 20px 0px 18px;}
.noteReminderContent .acname label{
	font-size: 15px !important;
	line-height: 20px;
	font-weight: 400;
	letter-spacing: 0.5px;
	padding-bottom: 24px;
}
.noteReminderContent form ul li:nth-child(1) .val .input{
	font-size: 13px;
	line-height: 20px;
	font-weight:400;
	letter-spacing: 0.5px;
	height: 52px;
}
.noteReminderContent form ul li:nth-child(2){display:flex;column-gap:5px;padding-bottom:24px; align-items: baseline;}
.noteReminderContent form ul li:nth-child(2) .lbl{
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	font-weight: 400;
}
.noteReminderContent form ul li:nth-child(2) .val .input{
	width: 220.2px;
	height: 31.62px;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0.5px;
	font-weight: 400;
}
.noteReminderContent form ul li:nth-child(2) .submit-btn{
	width: 111px;
	height: 30px;
	margin-top: 0px;
}
.noteReminderContent form ul li:nth-child(2) .submit-btn .conform-btn a{
	font-size: 15px;
	line-height: 24px;
	font-weight: 600;
	padding: 5px 9px 0px 9px !important;
}
.noteReminderContent ul .note-box{
	padding: 0px 0px 24px 0px;
}
.noteReminderContent ul .note-box .note-manu .time-info input{
	font-size: 12px;
	line-height: 20px;
	font-weight: 400;
	letter-spacing: 0.5px;
}
.noteReminderContent ul .note-box .input{
	font-size: 15px;
	line-height: 20px;
	letter-spacing: 0.5px;
	height: 97px;
	margin-top: 13px;
	color:#000000;
}
.noteReminderContent ul .note-box .note-manu .icon{
	display: flex;
	column-gap: 8px;
	position: relative;
}
.noteReminderContent ul .note-box .note-manu .icon::after{
	content:"";
	position: absolute;
	top:0px;
	left:21px;
	background-color:#000000;
	width:1px;
	height:18px;
}
.noteReminderContent ul .note-box .note-manu .icon span{display: flex;align-items:center;}
.noteReminderContent .more{
	text-align: right;
	display: block;
	padding-bottom: 24px;
}*/

/* add note css >> Purvi >> 31-jul-25 */
@keyframes slideUp{
	0%{transform:translateY(100%); opacity:0;}
	100%{transform:translateY(0); opacity:1;}
}
.noteModelPopup{
	position:fixed; bottom:0; right:0; left:auto;
	width:100%; max-width:535px; height:100vh; max-height:802px;
	display:flex; flex-direction:column;
	animation:slideUp 0.5s ease-out forwards;
	box-shadow:0 -2px 10px rgba(0, 0, 0, 0.1);
	background:#144F89;
	overflow:hidden;
	z-index:9999; /* optional, ensures it appears above other elements */
}
.notes-header{padding:16px; display:flex; flex-direction:column; gap:6px;}
.notes-header-top{display:flex; justify-content:space-between; align-items:center;}
.notes-header-top h2{font-size:20px; font-weight:500; color:#fff;}
.notes-header-top .close-btn{
	font-size:24px;
	cursor:pointer;
	color: #fff;
	border: none;
	background: transparent;
}
.notes-header .print-headbox-text h3{color:#fff; font-weight:500;}
.notes-header .asset-info-slash span{color:#fff;}
.content-body{
	flex:1;
	padding:24px 16px;
	background:#fff;
	border-radius:28px 28px 0 0;
	display:flex; flex-direction:column; align-items:center;
	overflow-y:auto;
}
.empty-state{text-align:center;}
.empty-state img{height:100px; margin-bottom:12px;}
.empty-state h3{font-size:15px; font-weight:500; color:#000;}
.note-form{
	display:flex; flex-direction:column; gap:20px;
	width:100%; height:100%;
}
.note-list{
	overflow-y:auto;
	width:100%; height:calc(100% - 152px);
	display:flex; flex-direction:column;
	gap:12px;
}
.note-card{
  display:flex; flex-direction:column; align-items:flex-end; gap:8px;
  width:100%;
  padding:16px;
  background:#f5f7ff;
  border-radius:4px;
  box-shadow:0px 2px 4px rgba(0, 0, 0, 0.14);
}
.note-text-wrapper{align-self:stretch;}
.note-text-wrapper .note-text{font-size:14px; line-height:20px; color:#1e293b;}	
.note-form textarea{
	width:100%; height:68px;
	padding:12px;
	border:1px solid #656565; border-radius:5px;
	font-size:14px;
	resize:none;
	color:#232323;
}	
.note-footer{
	display:flex; justify-content:space-between; align-items:center;
	width:100%;
	margin-top:12px;
}
.note-meta{display:flex; align-items:center; gap:4px;}
.note-meta img, .note-actions img{width:20px; height:20px; cursor:pointer;}
.note-date{font-size:12px; line-height:24px;}
.note-actions{display:flex; gap:8px;}	
.add-note{height:136px; border-top:1px solid #f5f7ff; padding-top:16px;}
.reminder-input{
	display:flex; flex-wrap:wrap; justify-content:space-between;
	align-items:center; gap:12px;
}
.reminder-input .note-meta{font-size:14px;}
.reminder-input .reminder{
	width:0;
	opacity:0;
	transition:width 0.4s ease, opacity 0.4s ease;
	border:1px solid #ccc; border-radius:5px;
	padding:8px 12px;
	font-size:14px;
}
.reminder-input .reminder.show{width:188px; opacity:1;}
.submit-button{
	background:#4383F7;
	color:#fff;
	padding:9px 16px;
	border:none; border-radius:5px;
	font-size:14px;	
	cursor:pointer;
	flex-shrink:0;
}
.submit-button:hover{background:#336ed0;}
.reminder-time{
	align-self:flex-end;
	font-size:14px;
	color:#4383f7;
	font-weight:500;
}

/* Onboardin CSS */
.onboarding-page
{
	background-color:#FBF2EF;
	margin:0; padding:0; box-sizing:border-box;
}
.welcome-page .container{
width:100%; max-width:1340px; margin:0 auto; padding:0px 40px;
}
.onboarding-page .name h3{
font-family:'Poppins'; font-style:normal; font-weight:700; font-size:24px; line-height:36px; align-items:center;
color:#4383F7; text-align:center; padding:112px 0 44px;
}
.onboarding-page .name span{
color:#000000;
}
.onboarding-page .welcome-box{
width:862px; height:557px; background-color:#FFFFFF; text-align: center; margin: 0 auto; border:1px solid #FFE4D9;
box-shadow:2px 6px 6px #B89090;
border-radius:30px;
}
.onboarding-page .welcome-box h2{
font-family:'Poppins'; font-style:normal; font-weight:700;
font-size:20px; line-height:30px; color: #4383F7;
padding:40px 0 74px;
}
.onboarding-page .welcome-box span{
font-family:'Poppins'; font-style:normal; font-weight:500; font-size:25px;line-height:38px; color: #000000;
width: 247px;
}
.onboarding-page .pera  label{  
font-family:'Poppins'; font-style:normal; font-weight:400;font-size:20px; line-height:30px; color:#000000;
}
.onboarding-page .pera{
width:389px; margin:24px auto 0;
}
.onboarding-page .input-box{
padding:0 0 14px; display:flex; gap:11px;
}
.onboarding-page .sliders {
padding:50px 0 24px ;
}
.onboarding-page .btn{
width:157px; height:60px; background-color:#4383F7; border:none;font-family:'Inter'; font-style:normal;
font-weight:700; font-size:20px; line-height:24px;
color:#FFFFFF;border-radius:10px; cursor:pointer;
}
.onboarding-page .box-info{padding:0 0 112px;}
.importFile{
	background:#fff;
	border-radius:5px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
	padding:10px;
	padding-bottom:0px;
}
.wrapImportFile{ 
	display:grid;
	grid-template-columns:calc(97% - 280px) 280px;
	grid-column-gap:3%;
	margin-bottom: 40px;
	max-width:100%;
}
.importFile .dropArea{
	border:2px dashed #e2e2e2; 
	border-radius:5px;
	padding:50px 20px;
	text-align:center;
}
.importFile .dropArea .dropLoader{
	background:rgba(255,255,255,0.8);
	position:absolute;
	top:0px; left:0px; z-index:100;	
	width:100%; height:100%;
}
.importFile .dropArea .dropLoader span{top:40%;}
.importFile .dropArea input{
	position:absolute;
	top:0px; left:0px; z-index:10;
	width:100%; height:100%;
	opacity:0;
	cursor:pointer;
}
.importFile .dropArea .element{vertical-align:middle;}
.importFile .dropArea .element h5{color:#434343; font-size:15px; font-weight:600;}
.importFile .dropArea .element p{font-size:13px; color:#888;}
.importFile .dropArea .element span.button{margin-bottom:20px; margin-top:20px; }
.importFile .dropArea .element.or{vertical-align:middle; margin:65px 5%;}
.importFile .dropArea .element.or span{font-size:19px; font-weight:400; color:#cccccc; }
.importFile .dropArea .element.or span strong{background:#fff; top:10px;}
.importFile .dropArea .element.or span:before{
	/*content:" ";*/
	display:inline-block;
	background:#cccccc;
	width:2px; height:50px;
	position:absolute;
	top:-5; left:50%;
	transform:rotate(30deg);
}

.downloadSampleFile .text{text-align:center;}
/*
	========================
	#widget: import File Success Preview
	========================
*/
.importFileSuccessPreview{
	background:#fff;
	border-radius:5px;
	box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.06);
	display:grid;
	grid-template-columns:390px calc(96% - 390px);
	grid-column-gap:4%;
	align-items:center;
}
.importFileSuccessPreview h4{font-size:25px; font-weight:500; font-size:30px; margin-bottom:15px;}
.importFileSuccessPreview p{font-size:15px; font-weight:400; color:#0c2e8a; margin-bottom:15px;}
.importFileSuccessPreview #failedImportCount a{color:#e72f2f;}
.importFileSuccessPreview a.button{
	margin-top:25px;
	background-color: #0c2e8a;
	background-image: -moz-linear-gradient(-3deg, rgb(10, 101, 74) 0%, rgb(12, 46, 138) 100%);
	background-image: -webkit-linear-gradient(-3deg, rgb(10, 101, 74) 0%, rgb(12, 46, 138) 100%);
	box-shadow:0px 3px 1px 0px rgba(0, 0, 0, 0.1);
	border-radius:5px;
	padding:8px 20px;
	color:#fff;
	font-weight:500;
}
/* Import excel Css */

/* onboarding model css */
.model.onboardingPopup{position:absolute;}
.model.onboardingPopup .welcomePopup{padding:40px; text-align:center;}
.model.onboardingPopup .closeModel{
	width:42px; height:42px;
	background: url("../../images/cross-icon-black.svg") no-repeat center;}
.model.onboardingPopup .welcomePopup h2{
	display:block;
	font-weight:600; font-size:28px; line-height:36px;
	color: #333333;
	padding-right:0;
}
.model.onboardingPopup .welcomePopup h3{
	font-weight:600; font-size:24px; line-height:36px;
	color:#333333;	
}
.model.onboardingPopup .welcomePopup h3 span{color:#4383F7;}
.model.onboardingPopup .welcomePopup p{
	width:100%; max-width:410px; margin:10px auto;
	line-height:22px; font-weight:300;
	color:#646E8A;
}
.model.onboardingPopup .welcomePopup .start-btn{
    background-color:#4383F7; color:white;
    padding:10px 20px;
    font-size:15px;
    border:none;
    border-radius:4px;
    cursor:pointer;
    transition:background-color 0.3s;
}
.model.onboardingPopup .welcomePopup .start-btn:hover{background-color:#c05230;}

/* */
.model.onboardingPopup .welcomePopup .onboardingForm p{max-width:100%; margin-top:0;}
.model.onboardingPopup .welcomePopup .onboardingForm .grid2{
	margin-top:36px;
	grid-template-columns:95px auto; gap:48px;
	align-items: flex-start;
}
.model.onboardingPopup .onboardingForm .grid2 .flex{flex-direction:column; gap:30px;}
.line{width:40px; height:1px; background-color:#BBC0CE;}
.model.onboardingPopup .onboardingPopupDiv form{padding:0 24px;}
.model.onboardingPopup .onboardingForm .grid2 input{width:100%;}
.model.onboardingPopup .onboardingForm .grid2 .flex label{
	font-size:12px; line-height:20px; font-weight:500;
	color:#646E8A;
	width:75px;
}
.model.onboardingPopup .onboardingForm .grid2 .form label{width:auto;}
.model.onboardingPopup .onboardingForm .grid2 .flex .selected label{color:#1F212B;}
.model.onboardingPopup .onboardingForm .grid2 .flex .complited label{color:#4383F7;}
.model.onboardingPopup .onboardingForm .grid2 .form li{display:block; text-align:left;}
.model.onboardingPopup .onboardingForm .grid2 .form li.halfWidth{
	display:grid; gap:2%;
	grid-template-columns:49% 49% !important;
}
.model.onboardingPopup .onboardingForm .grid2 .form li.button{display:flex !important; justify-content:space-between; margin:24px 0 0 0;}
.model.onboardingPopup .onboardingForm .grid2 .form li .lbl{margin-top:0;}
.model.onboardingPopup .onboardingForm .grid2 .form li .lbl span{position:relative; left:6px; top:3px;}

/* */
.model.onboardingPopup .onboardingForm.category .grid2 li .flex{
	flex-direction:row; gap:14px;  row-gap:0px;
	justify-content:space-between; align-items:flex-start;
}
.model.onboardingPopup .onboardingForm.category .grid2 li .selectedValue{
	justify-content:flex-start;}
.onboardingForm.category .grid2 li .flex .val.radio{margin-top:14px;}
.onboardingForm.category .flex .val.radio .radioBtn .checkmark{top:1px;}
.onboardingForm.category .grid2 li .flex .button{margin:0;}
.fistPage.onboardingPopupDiv span.flex{
	justify-content:center;
	max-width:410px; width:100%; margin:auto;
}
.onboardingPopupDiv ul.selectedValue li.flex{display:flex;}
.onboardingPopupDiv ul.selectedValue{
	flex-wrap:wrap; align-items:center; /* Centering items vertically */
	padding:0; margin:0;
}
.onboardingPopupDiv ul.selectedValue li{
	background-color:#f4f4f4;	
	box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);
	font-size:14px;
	border:1px solid #e3e3e3; border-radius:16px;
	padding:7px 12px; margin:10px 3px;
	position:relative;
	z-index:500;
}
.onboardingPopupDiv ul.selectedValue li a{
	margin-left:8px;
	font-size:14px;
	cursor:pointer;
	color:#ff4d4d; /* Red color for the remove icon */
	transition:color 0.3s ease;
	visibility:hidden;
}
.onboardingPopupDiv ul.selectedValue li:hover .remove{visibility:visible;}
.onboardingPopupDiv ul.selectedValue li a:before{
	font-family:"FontAwesome";
	content:"\f00d";
}

/* sect2 css*/
.onboardingForm .select2-container{width:100% !important;}
.onboardingForm .select2-container .selection{width:100%;}
.onboardingForm .select2-container .select2-selection.select2-selection--single{height:44px;}
.onboardingForm .select2-container--default .select2-selection--single{
	border:1px solid #D0D0D0;
	border-radius:5px;
	padding:6px 10px;
	transition:all 0.3s ease-out;
}
.onboardingForm .select2-container--default .select2-selection--single .select2-selection__arrow{height:44px;}

.introjs-skipbutton{display:none !important;}

/*asset listing css added by LL 16-july-2025 */
.lbl-asset{
	color: #575757;
	font-size: 12px;
	line-height: 20px;
	font-weight: 400;
	padding-bottom:2px;
}
.listingsNew .field .input{
	height:40px; width:100%;
	background:#FFFFFF;
	border-radius:5px;
	padding:8px 12px;
	font-size:14px; line-height:20px; font-weight:400;
}
.listingsNew .field .input::placeholder{color: #232323;}
.listingsNew .select2-container--default .select2-selection--single{
	height:40px; width:100%;
	border:1px solid #E6E6E6;
	background: #FFFFFF;
	border-radius:5px;
	padding:8px 12px;
}
.listingsNew .select2-container--default .select2-selection--single .select2-selection__rendered{
	color: #232323;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	padding-left: 0px;
	padding-right: 0px;
}
.listingsNew .select2-container--default .select2-selection--single .select2-selection__arrow {
	position: absolute;
	top: 3px;
	right: 8px;
	width: 24px;
	height: 24px;
}
.listingsNew .searchBtn {
	width: 100%;
}
.listingsNew .searchBtn .but{
	width:100%; height:40px;
	background:#4383F7;
	border-radius:5px;
	color:#FFFFFF;
	font-size:15px; line-height:24px; font-weight:500;
	padding:8px 18px;
	display:flex; align-items:center; justify-content:center;
}
.listingsNew .clr{height:22px;}
.mainBox{
	width:100%;
	background: #FFFFFF;
	border-radius: 12px;
	padding:24px;
}
.sort-list-head{float:right; justify-content:space-between; gap:20px; z-index:5;}
.sort-list-head.singleDiv{float:left;}
.sort-left{align-items:flex-start; gap:16px;}
.sort-left label{
	color: #575757;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
}
.sort-left a{
	color:#232323;
	font-size:12px; line-height:20px;
	font-weight:500;
	padding-bottom:2px;
}
.sort-left .sort-active{color: #4385F3;border-bottom: 2px solid #4385F3;}
.sort-right .print-text-lbl{
	color: #144F89;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	background: transparent;
}
.print-sonic .box-print-organization{
	display:grid;
	grid-template-columns:calc(100% - 160px) 160px;
	background:#FFFFFF;
	box-shadow:0px 1px 3.2px rgba(0, 0, 0, 0.25);
	border-radius:10px;
	gap:16px; margin-bottom:20px;
	justify-content:space-between;
	position:relative;
}
.print-sonic .box-print-organization.child{margin-left:32px;}
.print-box-content{padding:16px; width:100%;}
.content-print-head ul li{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:16px;
	justify-content:space-between;
}
.flex-box-print{flex-direction:column; gap:4px; align-items:flex-start; width:100%;}
.flex-box-print-div{width:calc(100% - 116px);}
.print-headbox-text h3{color:#060606; font-size:15px; line-height:20px; font-weight:700;}
.asset-info-slash{display:flex;}
.asset-info-slash span{
	color:#232323;
	font-size:14px; line-height:20px; font-weight:400;
	/*max-width:98px;*/ max-width:95%;
	white-space:nowrap; overflow:hidden;
	text-overflow:ellipsis;
	padding:0 4px;
	/*border-left:1px solid #b8b8b8;*/ /* issue in assets lising page so comment this */
}
.print-headbox-text .asset-info-slash span{overflow:visible;}
.asset-info-slash span:first-child{border:none;}
.divider{color:#575757; font-size:14px; line-height:20px; font-weight:500;}
.text-manged label{
	color: #232323;
	font-size:13px; line-height:20px; font-weight:400;
	display:flex; gap:3px;
	width:100%;
}
.tringle-flags label{
	color:#232323;
	font-size:14px; line-height:20px; font-weight:400; font-style:italic;
	display:flex; align-items:center; gap:5px;
}
.tringle-flags label span.flagSpan{width:14px; height:14px;}
.tringle-flags label span.ticketSpan{
	max-width:160px; white-space:nowrap; overflow:hidden;
	text-overflow:ellipsis;
}
.tringle-flags label span.flegContentSpan{
	width:95%;
	white-space:nowrap; overflow:hidden;
	text-overflow:ellipsis;
}
.text-manged label span.titleSpan{
	width:96px; white-space:nowrap; overflow:hidden;
	text-overflow:ellipsis;
	color: #575757;
}
.text-manged label span.managedPersonSpan{
	/*max-width:160px;*/
	white-space:nowrap; overflow:hidden;
	text-overflow:ellipsis;
	width:100%; max-width:max-content;
}
.more-link-div{text-align:right; /*width:100%;*/}
.more-link{color:#4383F7; font-size:12px; line-height:20px; font-weight:400; font-style:italic; z-index:3;}
.bottom-action{gap:4px; justify-content:space-between; padding-top:14px;}
.action-links{gap:4px;}
.action-links a{color: #144F89;	font-size:13px; line-height:24px; font-weight:400; border-left:1px solid #a8a8a8; padding:0 4px;}
.action-links a:first-child{border:none;}
.action-links .dropdown a{border:none;}
.action-links a span{width:24px; height:24px;}
.action-links a span img{width:24px; height:24px;}

/* hover dropdown */
.btn-group-list{display:block;}
.btn-group-list .dropdown{
	background:#fff;
	border:1px solid rgba(0, 0, 0, 0.15);
	border-radius:5px;
	position:absolute; top:30px; left:-16px;
	z-index:1;
	opacity:0; overflow:hidden;
	transform: scale(1, 0);
	transform-origin: top center;
	box-shadow:0px 2px 16.5px rgba(81, 81, 81, 0.2);
	width:175px;
	transition:all 0.3s ease-out;
	display:flex; flex-direction:column; gap:10px;
	padding:8px 10px;
}
.btn-group-list:hover .dropdown{height:auto; opacity:1; transform:scale(1, 1);}
.btn-group-list .dropdown a{gap:6px;}
.line-link{width:1px; height:22px; background:#575757;}
.action-links a .column{width:16px; height:16px;}
.action-links a .column img{width:16px; height:16px;}
.print-box-scan{
	width:144px; height:100%;
	flex-direction:column; justify-content:center;
	background:#F5F4EF;
	border-radius:0px 10px 10px 0px;
}
.scanner-content-box{gap:5px; justify-content:space-between; flex-direction:row;}
.circle-scanner{width:12px; height:12px; background: #D4E4FC; border-radius:50%;}
.scaner-content-box label{color:#232323; font-size:12px; line-height:18px; font-weight:500; letter-spacing:0.03em;}
.scanner-image{width:74px; height:74px;}
.scanner-image span img{width:100%;height:100%;}
.print-tag{
	color: #144F89;
	font-size:14px; line-height:20px;
	font-weight:500;
	padding:6px 0px 14px 0px;
}
.number-bottom-next{justify-content:space-between;}
.left-number-bottom label{color:#687182; font-size:12px; line-height:18px; font-weight:500; letter-spacing:0.03em;}
.right-number-bottom{justify-content:space-between; gap:20px;}
.rows{gap:4px;}
.rows label{color:#687182; font-size:12px; line-height:18px; font-weight:500; letter-spacing:0.03em;}
.rows a{
	color: #687182;
	font-size:12px; line-height:14px; font-weight:500; letter-spacing:0.03em;
	gap:2px; display:flex; align-items:center;
}
.rows a span{width:16px; height:16px;}
.number-btn{display:flex; align-items:center; gap:10px;}
.number-btn a{
	width:24px; height:20px;
	background:#F7F9FC;
	box-shadow:0px 0px 0px 1px rgba(70, 79, 96, 0.2);
	border-radius:5px;
	padding:2px 4px;
}
.number-btn a img{width:16px;height:16px;}
.pre-btn img{transform:rotate(180deg);filter:brightness(2);}
.number-btn .nxt-btn{
	background: #FFFFFF;
  	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1), 0px 0px 0px 1px rgba(70, 79, 96, 0.16);
}
.number-btn label{
	font-size: 12px;
	line-height: 18px;
	font-weight: 500;
	letter-spacing: 0.03em;
	color: #687182;
}
.color-num-text{
	color: #171C26;
}

/* ===========
add asset new design css added by LL 17-jul-2025 updated by purvi on 30th Jul'25
========= */
.form-add-main{width:100%; display:block;
	/*display:grid;
	grid-template-columns:auto 245px;
	gap:15px;*/
}

/* add tab section */
.puzzle-tabs{
	display:flex;
	height:48px; width:80%;
	padding:4px; margin:0 auto 32px auto;
	border-radius:100px;
    background-color:#ffffff;
}
.puzzle-tabs .tab{
	display:flex; flex-direction:row; justify-content:center; align-items:center;
	color:#333;
	height:40px;
}
.puzzle-tabs .tab a{color:inherit; text-decoration:none; line-height:24px;}

/* Selected tab (blue with no white circles) */
.tab.selected{
	background-color:#4285f4;
	color:white;
	z-index:3;
	box-shadow:0 4px 16px rgba(0, 0, 0, 0.15);
	border-radius: 100px;
}
.tab.selected a{color:#fff;}

/* Optional: hide left circle for first tab */
.tab.first:before{display:none;}
.type-right-text{gap:8px;}
.type-right-text .dot-type{width:6px; height:6px; background:#ffffff; border-radius:50%;}
.type-right-text label{
	color:#ffffff;
	font-size:14px; line-height:22px;
	font-weight:400;
}
.forms-heading{
	background:#4383F7;
	border-radius:12px 12px 0px 0px;
	padding:8px 16px;
	justify-content:space-between;
}
.forms-heading h2{
	color: #FFFFFF;
	font-size: 18px;
	line-height: 27px;
	font-weight: 400;
}

.form-content{background:#ffffff; padding:16px 16px 48px 16px;}
.form-list-mation{padding-bottom:32px;}
.form-list-mation:last-child{padding-bottom:0;}
.form-plus li{
	display:grid;
	grid-template-columns: 140px calc(100% - 140px);
	gap: 6px;
	margin-bottom:6px;
}
/*.newinputWidth input[type="text"], .newinputWidth input[type="password"], .newinputWidth input[type="email"], .newinputWidth select {
	width:100%;
}*/
.form-plus .qual{grid-template-columns:75px calc(100% - 75px);}
.form-plus .qual .val{width:180px;}
.first-info{/* justify-content:space-between; */ justify-content:flex-start; align-items:flex-start; gap:32px;}
.first-info li:first-child{gap:0px;width:100%;}
.form-plus li .lbl{
	color:#434343;
	font-size:14px; line-height:20px; font-weight:600;
	/*color:#232323; font-weight:400;*/
	padding-top:8px;
}
.form-plus li .val{width:100%;}

.form-plus li .lbl span{
	color:#FF0000;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	padding-left:4px;
}
.attach-file-div{gap:16px; /*padding-top:12px;*/}
.attach-file-text{
	color:#144F89;
	font-size:13px; line-height:20px; font-weight:400;
	font-style:italic;
	text-decoration:underline;
}
.attach-file-div span.tooltipSpan{
	color: #232323;
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
}
.attach-file-div span.tooltipSpan .info-icon{justify-content:center; cursor:pointer;}
.info-icon .tooltip{
	position:absolute; top: -20px; left:24px;
	z-index:5;
	margin-right:50px; padding:15px;
	background:#fff;
	border:2px solid #4383f7; border-radius:5px;
	box-shadow: 2.472px 7.608px 6px 0px rgba(0, 0, 0, 0.19);
	font-size:14px; line-height:24px;
	min-width:490px;
	-webkit-transition: -webkit-transform 350ms ease;
	-moz-transition: -moz-transform 350ms ease;
	transition: transform 350ms ease;
	transform-origin: center left;
	transform: scale(0,0);
}
.info-icon:hover .tooltip{transform:scale(1,1);}
.form-plus li .val .input{
	background-color: #FFFFFF;
	border: 1px solid #656565;
	border-radius: 5px;
	padding: 8px 12px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	letter-spacing: -0.006em;
}
.form-plus li .val .input::placeholder{
	/* color: #575757; */
	color: #aeaeae;
}
.form-plus .asset-id-box .val{width:177px;}
.form-plus li .val .modelLoaderSpace a{
	padding-left:6px;
	/*width:100%; width:max-content;*/
	/*color:#144F89;
	font-size:13px; line-height:20px;
	font-weight:400;
	font-style:italic;
	text-decoration:underline;*/
}
.form-plus li .val .modelLoaderSpace select{/*color: #aeaeae;*/ color:#232323;}
.pleted {
	appearence: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.sel {
	background-image: url("../../images/chevron_down_icon.svg");
	background-repeat: no-repeat;
	background-position: 98% 55%;
	cursor: pointer;
}
.brand-plus li{display:block;width:auto;}
.brand-plus li:first-child{width:auto;}
.brand-plus li .lbl{padding-top:0px;padding-bottom:6px;}
.ownership-txt{border-bottom:1px solid #E9E9E9; margin:24px 0px;
}
.ownership-txt label{
	color: #575757;
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	padding-bottom: 6px;
}
.owner li{/*margin-bottom:24px;*/ margin-bottom:16px;}
.owner li .lbl{
	padding-top: 0px;
}
.owner li .val.radio{margin-top:0px;}
.owner li .val.radio label.radioBtn{
	color: #575757;
  	font-size: 14px;
  	line-height: 20px;
  	font-weight: 400;
  	letter-spacing: -0.006em;
	margin-right:60px;
}
.owner li .radioBtn .checkmark{
	width:20px;height:20px;
	background-color: transparent;
  	border: 1px solid #D2D5DA;
  	border-radius: 100px;
  	top:0px;
}
.owner li .radioBtn input:checked ~ .checkmark{background-color: #144F89;border:none;}
.owner li .radioBtn .checkmark::after {width:10px;height:10px;top:5px;left: 5px;}
.work-val{
	gap: 6px;
	cursor: pointer;
	border-radius: 100px;
	position: relative;
	transition:all 0.3s;
}
.working-box{
	background-color: #FFFFFF;
	border: 1px solid #656565;
	border-radius: 5px;
	padding: 8px 12px;
	width: 370px;
	gap: 8px;
	transition:all 0.3s;
}
.radio-work-dot{
	width: 16px;
	height: 16px;
	background: #D4E4FC;
	border-radius:50%;
	transition:all 0.3s;
}
.working-box label{
	color: #aeaeae;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	letter-spacing: -0.006em;
	cursor: pointer;
}
.dropdown-box{
	position:absolute;
	top:40px;
	left:-14px;
	display:none;
}
.working-dropdown{
	width: 275px;
	height: 253px;
	background: #FFFFFF;
	box-shadow: 0px 1px 15.6px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
	justify-content:center;
	gap: 31px;
	padding: 24px;
	z-index:100;
}
.working-tags{gap:14px;flex-direction:column;align-items: flex-start;}
.working-tags a{
	width:fit-content;
	height: 28px;
	background: #D4E4FC;
	border-radius: 100px;
	padding: 4px 10px;
	color: #000000;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}
.radio-work:hover .dropdown-box{display:block;}
.form-plus li .val .working-box .input{
	border: none;
	padding: 0px;
	color: #aeaeae;
	cursor:pointer;
}
.form-plus li .val .working-box .sel{background-position: 100% 55%;}
.form-none{display:none !important;}
.customer-space li{
	/*padding-left:140px; grid-template-columns:81px calc(100% - 81px);*/
	/* comment by purvi on 1st sep'25 to brack Asset Owner >> Customer*/
}
.asset-lists-boxs{box-shadow:0 3px 4px 0 #F4F0D8;}
.asset-lists-boxs.active{border:1px solid #C7C0A1;}
.lists-box-content{padding:16px 20px 0 20px;}
.lists-boxs-header{
	width:max-content;
	background:#DFDCCD;
	padding:9.50px 10px;
	gap:16px;
	transition:width 0.5s ease-in-out;
	border-radius:0 6px 6px 0;	
}
.active .lists-boxs-header{
	width:100%; border-radius:0;
	/*background-image: -moz-linear-gradient(-4deg, rgb(216, 211, 190) 0%, rgb(254, 254, 254) 100%);*/
}
.lists-boxs-header h3{color:#191717; font-size:15px; line-height:18px; font-weight:500;}
.lists-boxs-header a{width:24px;height:24px;}
.lists-boxs-header a img{width:100%;height:100%;}
.owner .dateSelections input{
	background:url("../../images/calendar_new_icon.svg")no-repeat scroll 95% 48% #ffffff;
}
/*.width-amount li .val .input{width:370px !important;}*/
.width-amount li .amountNumber .input{padding:8px 12px 8px 36px;}
.renewal-asset li{grid-template-columns: 160px calc(100% - 160px);}
.renewal-asset li:first-child{gap:6px;}
.renewal-asset li .lbl{padding-top:0px;}
.renewal-asset li .val .checkbox{
	color: #575757;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	padding-left: 28px;
}
.renewal-asset li .val .checkbox .checkmark {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 20px;
	width: 20px;
	background-color: #eee;
	border-radius: 4px;
}
.renewal-asset li .val .checkbox .checkmark::after {
	left: 7px;
	top: 3px;
	width: 4px;
	border-width: 0 2px 2px 0;
}
.renewal-asset li .val .checkbox input:checked ~ .checkmark {
	background-color: #144F89;
}
.start-recurrence li{grid-template-columns:180px calc(100% - 180px); gap:6px;}
.start-recurrence li:first-child{gap:6px;}
.freq-nav{
	/*width: 374px;*/ width:max-content; height:40px;
	border:1px solid #656565; border-radius:5px;
}
.freq-nav a{
	color: #575757;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	letter-spacing: -0.006em;
	padding: 10px 24px;
	border-right: 1px solid #656565;
}
.freq-nav a:last-child{border-right:none;}
.freq-nav .nav-active{
	color: #FFFFFF;
	background: #144F89;
}
.every-div-box{gap: 12px;}
.every-div-box span{
	color: #575757;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	letter-spacing: -0.006em;
}
.start-recurrence li .every-div-box .num-frq{width:58px;text-align: center;padding:10px 24.5px;}
.start-recurrence li .every-div-box .get-txt{
	width: 170px;
	color: #575757;
}
.start-recurrence .range-recurre {padding-left:166px;grid-template-columns: 134px calc(100% - 134px);}
.start-recurrence .range-recurre .lbl{font-size:12px;}
.start-recurrence .range-recurre .val .val-repeat-box{gap:6px;}
.start-recurrence .range-recurre .val .val-repeat-box .input{font-size:12px;}
.start-recurrence .range-recurre .val .val-repeat-box .repeat-text{
	color: #232323;
	font-size: 12px;
	line-height: 20px;
	font-weight: 300;
}
.renewal-asset .remider-set-div .lbl{padding-top:8px;}
.renewal-asset .remider-set-div .days-box{
	gap: 8px;
}
.renewal-asset .remider-set-div .days-box .input{
	width: 58px;
	height: 40px;
	text-align: center;
}
.renewal-asset .remider-set-div .days-box label{
	color: #575757;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	letter-spacing: -0.006em;
}
.ranges-egpeat .val-repeat-box{gap:6px;}
.ranges-egpeat .val-repeat-box .input{width:246px !important;}
.ranges-egpeat .val-repeat-box  span{
	color: #232323;
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
}
.form-plus .remarks-box{display:block;}
.form-plus .remarks-box .lbl{padding-top:0px;padding-bottom:6px;}
.form-plus .remarks-box .val .input{height:64px;}
/* attachements */
.drag-box-content{padding:32px;}
.drag-box-content .form-start-info .form-plus .drag-drop-mainbox{
	width:100%;
	grid-template-columns:300px auto;
	align-items:flex-start;
	gap:15px;
}
.drag-drop-mainbox.single-column{display:block;}
.drag-drop-content{
	background:#FFFFFF;
	border:1px dashed #CACACA; border-radius:5px;
	padding:16px;
}
.drag-drop-icon{
	width:44px; height:44px;
	background:#F5F5F5;
	border-radius:50px;
	display:flex; justify-content:center; align-items:center;
	margin:0px auto;
}
.drag-drop-icon img{width:24px; height:24px;}
.drag-drop-content p{
	font-size:13px; line-height:21px;
	color:#575757;
	font-weight:400;
	gap:4px;
	padding:12px 0px;
	justify-content:center;
}
.drag-drop-content p a{color:#144F89; font-weight:500;}
.list-drag-text {
	flex-direction: column;
	gap: 2px;
	align-items: flex-start;
	margin-left:30px;
}
.list-drag-text li{
	color: #575757;
	font-size:12px; line-height:170%; font-weight:300;
	font-style:italic;
	padding-left:10px;
	position:relative;
	display:block;
}
.list-drag-text li::after{
	content: " ";
	display: block;
	width:3px;
	height:3px;
	position: absolute;
	top: 8px;
	left: 0px;
	z-index: 1;
	background-color: #575757;
}
.max-file{
	color: #E94335;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	text-align: center;
	max-width: 280px;
	margin: 24px auto 0px auto;
	display: block;
}
.drag-drop-content input[type="file"] {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.attachment-box .ment-info-box{
	grid-template-columns:repeat(2, 1fr);
	padding-bottom:12px;
	margin-bottom:0px;
}
.attachment-box .ment-info-box:last-child{padding-bottom:0px;}
.attachment-box li label{
	color: #232323;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
}
.attachment-box li .file-info{gap:6px;}
.attachment-box li .file-info .image-attach{width:38px; height:38px;}
.attachment-box li .file-info .image-attach img{width:100%;height:100%;}
.attachment-box li .file-info p{
	color: #232323;
	font-size: 12px;
	line-height: 20px;
	font-weight: 400;
}
.input-info{gap:6px;}
.attachment{width:100%;}
.input-info .input{width:100% !important;font-size:12px;}
.input-info a{width:24px;height:24px;}
/* insurance detail */
.insur-box-content{padding:40px 20px 22px 40px;}
.detail-insur .form-plus li{grid-template-columns:161px calc(100% - 161px);gap:6px;}
.detail-insur .width-amount .number-mob .val .input{width:283px !important;}
.detail-insur .width-amount .premium-amo .val .input{width:213px !important;}
.start-insur .first-info{display:grid;grid-template-columns:60% 39%;gap:10px;}
.start-insur .width-amount .date-box .val{width:98%;}
.start-insur .width-amount .date-box .val .input{width:100% !important;}
.start-insur .first-info .reminder-insur{grid-template-columns: 100px calc(100% - 100px);gap:3px;}
.start-insur .first-info .reminder-insur .val .val-num-before .days-box {gap:3px;}
.start-insur .first-info .reminder-insur .val .val-num-before .days-box .input{width:45px !important;text-align: center;}
.start-insur .first-info .reminder-insur .val .val-num-before .days-box label{
	color: #575757;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	letter-spacing: -0.006em;
}
.start-insur .first-info .reminder-insur .val .checkbox{
	color: #575757;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	padding-left: 28px;
}
.start-insur .first-info .reminder-insur .val .checkbox .checkmark {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 20px;
	width: 20px;
	background-color: #eee;
	border-radius: 4px;
}
.start-insur .first-info .reminder-insur .val .checkbox .checkmark::after {
	left: 7px;
	top: 3px;
	width: 4px;
	border-width: 0 2px 2px 0;
}
.start-insur .first-info .reminder-insur .val .checkbox input:checked ~ .checkmark {
	background-color: #144F89;
}
.detail-insur .width-amount li .cription-val .input{height:40px;}
/* custom field */
.field-box-content {padding:40px 40px 16px 40px;}
.field-box-content .form-plus .custom-add-new{display:block;padding-bottom:24px;}
.field-box-content .form-plus .custom-add-new .custom-field-box{
	width:100%; height:56px;
	background:#F5F4EF;
	border:1px dashed #908135; border-radius:6px;
	padding:16px;
	justify-content:center;
	cursor:pointer;
}
.field-box-content .form-plus .custom-add-new .custom-field-box a{
	color:#144F89;
	font-size:14px; line-height:24px; font-weight:500;
	gap:4px;
}
.field-box-content .form-plus .custom-add-new .custom-field-box a span{	width:24px; height:24px;}
.field-box-content .form-plus .custom-add-new .custom-field-box a span img{width:100%; height:100%;}
.detail-insur .form-plus .new-label-box{grid-template-columns:160px calc(100% - 160px);}
.detail-insur .form-plus .new-label-box .val .val-text-fiebox{
	justify-content:space-between; gap:10px; align-items:flex-start;
}
.detail-insur .form-plus .new-label-box .val .val-text-fiebox .new-field-box-icon{justify-content:space-between; gap:6px;}
.detail-insur .form-plus .new-label-box .val .val-text-fiebox .new-field-box-icon a{width:24px; height:24px;}
.detail-insur .form-plus .new-label-box .val .val-text-fiebox .new-field-box-icon a img{width:100%; height:100%;}
.detail-insur .form-plus .new-label-box .val .val-text-fiebox .textbox-input{height:94px;}

/* depreciation */
.asset-cost-box .width-amount li {grid-template-columns: 183px calc(100% - 183px);gap:6px;}
/*.asset-cost-box .width-amount li .amountNumber .input{background-image: url("../../images/bill_icon_cost.svg");}*/
.asset-cost-box .width-amount li .val .year-box{gap:6px;}
.asset-cost-box .width-amount li .val .year-box .input-year-blank{width:99px !important;}
.asset-cost-box .width-amount li .val .year-box .get-txt{width:167px !important;}

/* warranty */
.width-amount .duration-box .val .input{border-color:transparent;}
.insur-box-content .form-plus .start-warranty-box{grid-template-columns: 160px calc(100% - 160px);gap:6px;}
.owner .maintenance-box-radio .val.radio label.radioBtn{margin-right:12px;font-size:13px;}
.line-center-box{border-bottom: 1px solid #E9E9E9;width:100%;margin-bottom:24px;}
.asset-cost-box .width-amount .cost-bottom{grid-template-columns: 160px calc(100% - 160px);gap:6px;}

/* view asset */
.qr-header-view{
	/*padding:24px 0;*/
	align-items:center; gap:24px;	
	display:grid; grid-template-columns:96px auto;
	width:100%;
}
.qr-codebox-view{display:flex;}
.qr-codebox-view span{width:96px;height:96px;}
.qr-codebox-view span img{width:100%;height:100%;}
.qr-contnet-info{justify-content:space-between; align-items:flex-start;}
.qr-contnet-info .info-text{width:100%;}
.txt-view-info{gap:16px; justify-content:space-between;}
.txt-view-info label{color: #191717; font-size:15px; line-height:20px; font-weight:500;}
.txt-view-info .btn-tive-view{
	/*width:68px;*/
	width: max-content;
	height:28px;
	background: #F5F4EF;
	border-radius:4px;
	padding:4px 12px;
	color:#144F89;
	font-size:14px; line-height:20px; font-weight:400;
	cursor:pointer;
}
.txt-flag-view-info{gap:16px; row-gap:4px; padding-top:10px; flex-wrap:wrap;}
.txt-flag-view-info label{
	color:#232323;
	font-size:13px; line-height:20px; font-weight:400;
	font-style:italic;
	gap:10px;
	width: max-content;
}
.txt-flag-view-info label span{width:14px;height:14px;}
.txt-flag-view-info label span img{width:100%;height:100%;}
.btns-view{gap:12px; align-items:flex-start;}
.btns-view .print-view-btn{
	background:rgba(67, 131, 247, 0.2);
	border-radius:5px;
	padding:8px 10px;
	gap:6px;
	color:#144F89;
	font-size:14px; line-height:24px; font-weight:500;
	height:40px;
	width:fit-content;
	cursor:pointer;
}
.btns-view .print-view-btn.edit{background:rgb(250, 233, 233); color:rgb(255, 0, 0);}
.view-bottom-action{gap:20px; padding-top:15px;}
.basic-detail-box{
	display:flex; flex-direction: column; gap:20px;
	border-top:1px solid #e5e5e5;
	padding-top:16px; margin-top:16px;
}
.basic-heading{padding:8px 0; /*margin-bottom:16px;*/ justify-content:space-between;}
.basic-heading h2{
	color: #191717;
	font-size:16px; line-height:20px; font-weight:500;
}
.basic-heading a{
	color:#144F89;
	font-size:16px; line-height:20px; font-weight:500;
	font-style:italic;
}
.basic-info-lists{padding:24px;}
.basic-info-lists ul{flex-direction:column; gap:16px; align-items:flex-start;}
.basic-info-lists ul li{
	width:100%;
	display:grid;
	grid-template-columns:150px calc(100% - 150px);
}
.basic-info-lists ul li label{
	color: #575757;
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
}
.basic-info-lists ul li span{
	color: #232323;
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
}
.ownership-basic-info {padding-top:28px;}
.ownership-basic-info h3{
	color: #575757;
	font-size: 15px;
	line-height: 20px;
	font-weight: 600;
	border-bottom: 1px solid #DEDEDE;
	width: auto;
	max-width: 187px;
	padding-bottom: 6px;
	margin-bottom:28px;
}
.siderbar-basic-info{
	background: #E7EBF1;
	border-radius: 12px;
}
.penal-box-first{
	background: #4383F7;
	border-radius: 0px 0px 12px 12px;
	padding: 32px 18px 32px 18px;
}
.penal-box-first ul{
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
}
.penal-box-first ul li a{
	color: #FFFFFF;
	font-size: 16px;
	line-height: 115%;
	font-weight: 400;
	gap: 9px;
	display: flex;
	align-items: center;
}
.penal-box-first ul li a span{
	width: 16px;
	height: 16px;
}
.penal-box-first ul li a span img{width:100%;height:100%;}
.penal-box-second ul{
	flex-direction: column;
	align-items: flex-start;
}
.penal-box-second{padding:18px;}
.penal-box-second label{
	color: #232323;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	border-bottom: 1px solid #C3C3C3;
	padding-bottom: 6px;
	margin-bottom: 32px;
}
.penal-box-second ul{
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
}
.penal-box-second ul li a{
	color: #232323;
	font-size: 16px;
	line-height: 115%;
	font-weight: 400;
	gap: 16px;
}
.dot-basic{
	width: 8px;
	height: 8px;
	background: #DFDCCD;
	border-radius: 100px;
}
.ments-basic{justify-content:space-between;}
.ments-basic h2{
	color: #191717;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
}
.ments-basic a{
	color: #144F89;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	font-style: italic;
}
.toggleClosed img{transform:rotate(180deg);}
.attach-basic-head{
	border-bottom:1px solid #DEDEDE;
	padding-bottom:12px;
}
.document-basic-box{padding-top:24px;}
.document-basic-box ul{gap:24px;}

.document-basic-box ul li{
	background:#F5F4EF;
	border:1px solid #CFCFCF; border-radius:5px;
	flex-direction:column;align-items:flex-start;
	position:relative;
}
.document-basic-box ul li .attach-basic-doc{width:150px; height:150px;}
.document-basic-box ul li .attach-basic-doc img{width:100%; height:100%; border-radius:6px 6px 0px 0px;}
.document-basic-box ul li .donwload-attach{
	width:31px; height:31px;
	background:#F5F4EF;
	box-shadow:0px 13px 21px rgba(0, 0, 0, 0.25), 0px 2px 4px rgba(0, 0, 0, 0.25);
	border-radius:100px;
	display:flex; justify-content:center;
	align-items:center;
	position:absolute; top:14px; right:14px;
}
.document-basic-box ul li label{
	color:#232323;
	font-size:14px; line-height:20px; font-weight:400;
	padding:8px;
	display:block;
	width:100%;
	text-align:center;
}
.boxs-information{margin-bottom:24px;}
.boxs-information .detail-trans-box{
	display:grid; grid-template-columns:repeat(2, 1fr);
  	row-gap:24px; gap:24px;
	align-items:start;
}
.boxs-information .detail-trans-box .details-boxs{
	background:#ffffff;
	box-shadow:0px 1px 1px rgba(0, 0, 0, 0.18);
	border-radius:10px;
	padding:24px;
}
.boxs-information .detail-trans-box .details-boxs .information-head-box{border-bottom:1px solid #DEDEDE;padding-bottom:12px;}
.boxs-information .detail-trans-box .trans-right{border-radius:10px;}
.details-boxs .information-content-box{padding-top:8px;}
.information-content-box ul{gap:16px; flex-direction:column;}
.information-content-box ul li {
	width: 100%;
	display: grid;
	grid-template-columns: 150px calc(100% - 150px);
	gap: 12px;
}
.information-content-box ul li label {
	color: #575757;
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
}
.information-content-box ul li span {
	color: #232323;
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
}
.remarks-box-head{border-bottom:1px solid #DEDEDE; padding-bottom:12px;}
.remarks-basic-box p{
	color: #232323;
	font-size:15px; line-height:20px;
	font-weight:400;
	padding-top: 24px;
}
.remarks-basic-box.no-record p{
	color: #656565;
	font-size:13px; line-height:21px;
}

/* Add warranty page */
.warrantyName .flexDiv{gap:8px;}
.warrantyName .flexDiv .purchaseDate{padding-left:16px;}
.addCustomField ul{margin-top:24px; display:flex; flex-direction:column; gap:16px;}
.addCustomField ul.form li{border-bottom:1px solid #e5e5e5; padding-bottom:16px;}
.addCustomField ul.form li:last-child{border:none;}
.addCustomField ul.form li .lbl{margin:0;}
.addCustomField ul li .val .flexDiv{gap:16px;}
.addCustomField ul.form li .val .max{text-align:left;}
.addCustomField .tooltip{position:absolute; right:0; margin-top:6px;}

/* all view page commun first row design */
.qr-codebox-view.mobile{display:none;}
.btns-view.mobile{display:none;}
.viewCard-detail-box .grid3{gap:8px;}


/* notification popup desing */
.mainNotificationBox{
    display:flex; align-items:center; justify-content:center;
    margin:0px; padding:24px;
    background-color:transparent;
	position:absolute; right:0; top:36px;
	z-index:100;    
}
.mainNotificationBox .notification-box{
	width: 300px;
	background: #FFFFFF;
	box-shadow: 0px 0px 12px rgba(7, 7, 7, 0.1);
	border-radius: 0px 0px 10px 10px;
	padding: 20px 10px;
}
.mainNotificationBox .notification-penal{
    display:grid; grid-template-columns:94% 6%;
    align-items:center;
    border-bottom:1px solid rgba(0, 0, 0, 0.1);
    padding:12px 0px; 
	cursor:pointer;
	transition: all 0.3s ease;
    border-radius: 10px;
}
/*
.mainNotificationBox .notification-penal:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
    cursor: pointer;
}*/
.mainNotificationBox .notification-penal:first-child{padding-top:0px;}
.mainNotificationBox .notification-penal:last-child{padding-bottom:0px;border-bottom:none;}
.mainNotificationBox .fication-content{display:flex; gap:4px;}
.mainNotificationBox .fication-icon{
	width:40px; height:40px;
	display:flex; align-items:center; justify-content:center;
	background:#FFFFFF;
	border:1px solid #F6F5F5; border-radius:50%;
	box-shadow:0px 0px 4px rgba(53, 162, 224, 0.16);	
}
.mainNotificationBox .content-notifi label{
	color: #000000;
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
}
.mainNotificationBox .content-notifi p{
	color: #000000;
	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
	padding: 0px 0px;
}
.mainNotificationBox .content-notifi .region-text strong{
	color: #000000;
	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
	display: inline-block;
}
.mainNotificationBox .icon-notifi{
	display: flex;
	justify-content: center;
    align-items: center;
	flex-wrap: wrap;
	text-align: center;
	gap: 20px;
}
.mainNotificationBox .icon-notifi a{width:18px;height:18px;}
.mainNotificationBox .icon-notifi a img{width:100%;height:100%;}
.chart-slot.closing {
  opacity: 0;
  transform: scale(0.9);
  transition: opacity 300ms ease, transform 300ms ease;
}
.chart-toggle img {
  transition: transform 0.3s;
}
.chart-slot.collapsed .chart-toggle img {
  transform: rotate(180deg);
}

.lock{overflow:hidden;}
.slideView{display:none;}
@media only screen and (max-width:1299px){
	
	body{font-size:13px;}
	.radioBtn, .checkbox{font-size:13px;}
	input, select, textarea, button{font-size:13px;}
	.fixInputWidthTwenty input[type="text"], .fixInputWidthTwenty input[type="password"], .fixInputWidthTwenty input[type="email"], .fixInputWidthTwenty input[type="search"], .fixInputWidthTwenty select{width:32%;}
	.tableListing th, table.dataTable th, .tableListing td, table.dataTable td{font-size:11px;}
	
	/* side menu */
	.navMenu nav li a{font-size:12px; min-height:28px;}
	.navMenu nav li a i{width:18px; height:18px;}
	
	/* dashboard */
	.left-section .breadcrumb{font-size:14px;}
	.statisticsBox .filter{font-size:13px;}
	.statisticsBox .icon{width:36px; height:36px;}
	.statisticsBox .valueBox{font-size:15px;}
	.statisticsBox .card{height:140px;}
	.notification-box .notification-penal .content-notifi-item label{font-size:13px;}
	.notification-box .notification-penal .content-notifi-item .region-text{font-size:12px;}
	
	/* add assets */
	.forms-heading{padding:8.5px 16px;}
	.forms-heading h2{font-size:16px; line-height:120%;}
	.form-plus li{grid-template-columns: 120px calc(100% - 120px);}
	.form-plus li .lbl{font-size:12px;}
	.attach-file-div span.tooltipSpan{font-size:13px;}
	.modelWrapper h4{font-size:18px; padding:16px 24px 0 24px;}
	
	/* assets listing */
	.print-headbox-text h3{font-size:14px;}
	.asset-info-slash span{font-size:13px;}
	.tringle-flags label{font-size:13px;}
	.listingsNew .field .input{font-size:13px;}
	
	/* view assets */
	.information-content-box ul li label{font-size:13px;}
	.information-content-box ul li span{font-size:14px;}
	
	
	
	.form-content{padding:16px;}	
	.form-plus .qual .val{width:140px;}
	.attach-file-div span{font-size:13px;}
	.owner li .val.radio label.radioBtn{font-size:13px;}
	.working-box{width:250px;}.working-dropdown{width:250px;padding:16px;gap:20px;}
	.sidebar ul li a{font-size:14px;}
	.sidebar ul li{padding-bottom:16px;}
	.sel {background-position:97% 55%;}
	.start-recurrence .range-recurre{grid-template-columns: 115px calc(100% - 115px);}
	.start-recurrence .range-recurre .lbl{font-size:10px;}
	.start-recurrence .range-recurre .val .val-repeat-box .input{font-size:10px; padding:8px 5px 8px 5px;}
	.start-recurrence .range-recurre .val .val-repeat-box .repeat-text{font-size:10px;gap:2px !important;}
	.start-recurrence .range-recurre .val .val-repeat-box{gap:2px;}
	.renewal-asset li:first-child{grid-template-columns:160px calc(100% - 160px);}
	.start-recurrence li{grid-template-columns:160px calc(100% - 160px); gap:6px;}
	.start-recurrence li .val.radio label.radioBtn{margin-right:30px;}
	.ranges-egpeat .val-repeat-box{gap:3px;}
	.ranges-egpeat .val-repeat-box span{font-size:10px;}
	.drag-box-content .form-start-info .form-plus .drag-drop-mainbox{grid-template-columns:245px auto;}
	.drag-drop-content{padding:10px;}
	.drag-drop-content p{font-size:12px;}
	.list-drag-text{margin-left:9px;}
	.max-file{font-size:12px;margin-top:16px;}
	.attachment-box li .file-info p{font-size:10px;}
	.attachment-box li .file-info .image-attach{width:28px; height:28px;}
	.input-info .input{font-size:10px;}
	.detail-insur .width-amount .number-mob .val .input{width:250px !important;}
	.detail-insur .width-amount .premium-amo .val .input{width:250px !important;}
	.detail-insur .form-plus li{grid-template-columns:150px calc(100% - 150px);}
	.start-insur .first-info{display:block;}
	.start-insur .first-info .reminder-insur{grid-template-columns:150px calc(100% - 150px);}
	.start-insur .width-amount .date-box .val .input{width:250px !important;}
	.start-insur .start-recurrence .set-remind{grid-template-columns:160px calc(100% - 160px); gap:6px;}
	.owner .maintenance-box-radio .val.radio label.radioBtn{margin-right:6px;}
	.owner .maintenance-box-radio .val.radio{gap:12px;}
	
	/* view asset detail page */
	.view-bottom-action{gap:6px;}
	.view-bottom-action .action-links{gap:2px;}
	.view-bottom-action .action-links a{font-size:12px;}
}

/* 
	===============================	
	FOR IPAD  1024
	===============================
*/
/* this media queerry write by lalit lodhi  because pages responsive*/
@media only screen and (max-width:1199px){	
	.wraper-verify{
		width:100%;
		max-width:1170px;
		margin:0 auto;
		/*padding:0 15px;*/
	}
	.verify-btn{padding:0 15px;}
	.verify-input{width:100% !important;}
	.uc-first .start-ent{width: 100% !important;}
	
	/* add asset css*/
	.form-plus .qual .val{width:120px;}
	.sechduledBox{padding-right:10px;}
	#unit{width:16%;}
	.setReminderVal .setReminderValDiv .reminderDiv{
		margin-left:0px;
		grid-template-columns:27% 72%;
		gap:1%;
		align-items:baseline;
	}
	.statusBox{display:grid; grid-template-columns:32% 32% 32%; justify-content:center;}
}
@media only screen and (max-width:1024px)
{
	body{border:0px;}
	
	/* login/ register / otp page */
	section.bgDiv{
		background-image:url("../../images/bg_image_mobile.png");
		background-repeat:no-repeat;
		background-position:center bottom;
		background-size:contain; /* or cover depending on your design */
		min-height:100vh; /* keeps full-screen height if content is short */
		background-attachment:fixed;
	}
	.register section.bgDiv{background-image:none;}
	.accessSystem{display:flex; flex-direction:column; padding:48px 0; justify-content:flex-start; /*overflow:scroll;*/}
	.textDiv{padding:24px; text-align:center;}
	.textDiv .graphicText{width:100%;}
	.accessSystem .graphicText h2{font-size:36px; line-height:45px;}
	.register .form li .val input{padding:10px 12px;}
	.loginButtonPanel .submitBtn{max-width:100%; width:145px;}
	.loginButtonPanel .signInBtn{justify-content:center;}
	.accessSystem .rightPanel{margin:0; width:100%;}
	.accessSystem .card{margin:24px 0px;}
	.accessSystem .cardOtp {margin: 0px;}
	@keyframes move{0%{top:0px; right: 0%;}100%{top:0px; right:0%;}}
	.mail-img{padding-top:16px;}
	.mailTab{max-width:45%; text-align:center; margin:0 auto;}
	.accessSystem .email-code{padding:24px 0px 16px 0px;}
	.otp-box .otpNumber{width:50%;}
	.accessSystem .cardOtp .codeRec span{left:138px;top:1px;}

	/* after login >> side menu*/
	main{display:block;}
	.navMenu{
		display:block;
		position:fixed;
		top:0px; left:0px; z-index:222222;
		width:290px; height:100%;
		border-top:5px solid #4383f7;
		background-size: contain;
		background-color:#ffffff;
		-webkit-transform: translate3d(-105%,0,0);
		-moz-transform: translate3d(-105%,0,0);
		transform: translate3d(-105%,0,0);		
		overflow:hidden; overflow-y:scroll;
		-webkit-overflow-scrolling: touch;		
		-webkit-transition: -webkit-transform 350ms ease;
		-moz-transition: -moz-transform 350ms ease;
		transition:transform 350ms ease;
		padding-bottom:0px;		
	}
	.navMenu .clientLogo{height:64px; text-align:left;}
	.menuFooter{position:relative;}
	.navMenu .menuWrapper{padding-bottom:0px;}

	/* ======= */
	.loggedInUser{display:none;}
	.pageDashboard .loggedInUser label{color:#000; padding-top:6px!important;}
	.pageDashboard .loggedInUser strong{color:#9a9b9b;}
	.loggedInUser span{right:auto; left:0px;}

	/* ======= */
	.pageTitle{padding:5px 40px 5px 60px; z-index:10;}
	.pageTitle{
		position: -webkit-sticky;
		position: -moz-sticky;
		position: -o-sticky;
		position: -ms-sticky;
		position: sticky;
		top:0px; left:0px;
		display:flex; align-items:center;
	}
	.pageTitle h1{font-size:18px;}
	.menuIcon{position:fixed; top:19px;}
	
	/* ======= */
	.contentWrapper{padding-bottom:0px;}
	.footerMain{position:relative; margin-top:25px}
	.pageContent{min-height:calc(100vh - 150px);}

	/* ============== */
	.pageError .cardBox{margin:2% 0% 8%;}
	
	/* dashboard */
	.popup{width:100%; padding:24px 32px;}
	.popup .popup-grid{gap:16px;}
	.popup .bg-grid-item:nth-child(1){width:100%;}
	.popup .bg-grid-item:nth-child(2){width:100%;}
	.popup .bg-grid-item:nth-child(3){width:100%;}
	.popup .bg-grid-item:nth-child(4){width:100%;}
	.popup .grid-desc{max-width:100%;}
	.popup .bg-grid-item .grid-item{padding:16px;}
	
	.statisticsBox{grid-template-columns:repeat(2, 1fr); row-gap:0;}
	.assetsDashboardGraph{display:block !important;}
	.upcomingEvent .main-container{display:block;}

	/*for model*/
	.model{padding:24px;}
	
	/* all view page commun first row design */
	.qr-header-view{display:flex;}
	.qr-codebox-view.mobile{display:flex;}
	.qr-codebox-view.desktop{display:none;}
	.qr-contnet-info{gap:16px;}
	.info-text{width:100%;}
	.btns-view.desktop{display:none;}
	.btns-view.mobile{display:flex; justify-content:flex-end; margin-top:24px;}
	
	/* add assets page */
	.first-info{display:block;}
	.form-plus li{display:block;}
	.form-list-mation{padding-bottom:24px;}
	.customer-space li{padding:0; margin:0;}
	.working-box{width:100%;}
	.first-info .attach-file-text{position:absolute; top:-21px; right:0;}
	.first-info .attach-file-text.first{top:-62px;}
	.form-plus li .val .modelLoaderSpace a{
		position:absolute; top:-21px; right:0;
		display:block; text-align:right; /* add assets add new staff links position issue */
	}
	.lists-box-content{padding:24px 16px;}
	.freq-nav a{padding:10px 16px;}
	.ownership-txt{margin:20px 0px 16px 0px;}
	.formBtn .navMenu{display:none;}
	.formBtn .buttonPart{width:100%; display:flex; justify-content:space-between;}
	
	/*Staff Listing page*/
	.staffListing .pageSearch{
		grid-template-columns:24% 20% 24% 20% 22% !important; grid-column-gap:0.5%;
	}
	
	/*Assets listing*/
	table.dataTable > tbody > tr.child ul.dtr-details li .dtr-data div{display:flex; gap: 10px; flex-wrap: wrap;}
	table.dataTable > tbody > tr.child ul.dtr-details li .dtr-data div label{margin-right:5px;}
	
	/*Insurance page search*/
	.insurance .pageSearch, .contract .pageSearch{padding:0px 50px 5px 0px; width: 100% !important;}
	/*.insurance .pageSearch .ins-sea{top: 0px !important; right: 0px !important;}
	.insurance .pageSearch .searchBtn{top:3px; right:12px;}
	.insurance .pageSearch .clearBtn{top:10px; right:-60px;}*/
	/*add supplier page*/
	/*.addSupplier .card ul.form li .val textarea{width:65%;}*/
	.addSupplier .card ul.form li .val .inputLoaderWrapper{width:65%;}
	
	/*data table design*/
	table.dataTable > tbody > tr.child ul.dtr-details{display:grid !important; grid-template-columns:50% 50%;}
	table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before{background-color:#4383F7 !important;}
	
	table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control::before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control::before {content:"-"; background-color:#F15B1D !important;}
	
	.card ul.form li .val.radio{width:100% !important;}
	.attachments .assetsAttachment li .actionPlus{margin: auto 0px 0px 35px !important;}
	.reminderDiv{grid-template-columns: 40% 60%;}
	.sbottomButton{grid-template-columns: 80% 50%;}
	.modelWrapper .button{margin-left: 33px;}
	.inlineActonLink a{
		padding-left:20px;
		padding-right:5px !important;
	}
	.enter-new .changePasswordField{width: 100% !important;}	
	.category .dataTable .bottom .dataTables_paginate a{margin:0px 3px;}
	.asset-menu.dataTable .bottom .dataTables_paginate{float:left !important; width:100% !important;} 
	.asset-menu.dataTable .bottom .dataTables_paginate a{margin:0px 4px 0px 0px;}
	.staff-thumb .get-txt{width: 87% !important;}
	.temp-field .bottomButton{grid-template-columns: 60% 50%;}
	.temp-field .tooltip{top:15px !important;}
 	.details  #fieldDefaultvalueSelect{width: 100% !important;}
	.details .bottomButton{grid-template-columns:50% 50%;}
	.pricia .sym{width:100%;}
	.pricia .card ul.form li .val.usefulLifeBox{width:100%;}
	.btn-group .dropdown{right:-70px;}
	.temp-field .card ul.form li .val .max{padding-top:5px !important;}
	.operstional .btn-group .dropdown{right:-45px;}
	.addSite #txtBranch{width:100% !important;}
	.assetsListing .pageSearch{grid-template-columns:20% 20% 20% 20% 15% 10%;}
	.select-list .select2{width:100% !important;}
	.customerListing .pageSearch, .department .pageSearch, .branchListing .pageSearch{width:100%;}
	.addCategory .radioBtn{margin-right:2px !important;}
	.card-input .auto-input{width:87% !important;}
	.uc-first .select-erro{width:87% !important;}
	.uc-form .enter-valid{width:87% !important;}
	.uc-form .txt-tions{width:87% !important;}
	.uc-form .test-datio{width:87% !important;}
	.uc-form .test{width:87% !important;}

	/* popup notes */
	.noteModelPopup .pop-up-section .details-item{margin:0 auto !important;}	
	.statusBox{
		display:grid;
		grid-template-columns:33% 33% 33%;
		justify-content:center;
	}
}

/* 
	===============================	
	FOR IPAD 768
	===============================	
*/
@media only screen and (max-width:980px)
{	
	/*add assets*/
	.addAssets .card ul.form li .val input.assetCustomer{width:60% !important;}
	.addAssets .card ul.form li .val input.assetStatus{width:60% !important;}
	.addAssets .card ul.form li .val textarea{width: 80% !important;}
	
	/*add category*/
	.addCategory .card ul.form li .val{width:60% !important;}	
}

/* 
	===============================	
	For Mobile
	===============================	
*/
@media only screen and (max-width:767px)
{
	.wrapper{padding:0 20px;}
	.clr{height:0;}
	
	/* commun card / form css */
	.fixInputWidthTwenty input[type="text"],
	.fixInputWidthTwenty input[type="password"],
	.fixInputWidthTwenty input[type="email"],
	.fixInputWidthTwenty input[type="search"],
	.fixInputWidthTwenty select{width:75%;}
	.fixInputWidth input[type="text"],
	.fixInputWidth input[type="password"],
	.fixInputWidth input[type="email"],
	.fixInputWidth input[type="search"],
	.fixInputWidth select{width:100%;}
	.fixInputWidthSixty input[type="text"],
	.fixInputWidthSixty input[type="password"],
	.fixInputWidthSixty input[type="email"],
	.fixInputWidthSixty input[type="search"],
	.fixInputWidthSixty select{width:100%;}
	.widthFortyFiveDiv{width:100%;}
	.card{padding:16px;}
	.form li .lbl{padding:0; margin-top:0;}
	
	/* commun model css */
	.modelWrapper h4{padding:16px;}

	/* login/ register / otp page */	
	.accessSystem{padding:24px 0;}
	.textDiv{padding:0;}
	.textDiv .graphicText{display:block; text-align:center;}
	.accessSystem .graphicText h2{font-size:22px; line-height:28px; padding:0px;}
	.accessSystem .userForm .card{margin:24px 0 0 0; padding:24px;}
	.userForm h3{font-size:26px; line-height:40px;}
	.userForm .loginButtonPanel .submitBtn{width:100%; text-align:center;}
	.userForm .submitBtn .btn{width:100%;}
	.register .card{box-shadow:none; border:none; padding:24px 16px;}
	.register .form li .lbl{margin-bottom:0px;}	
	.accessSystem .graphicText p{font-size:14px; line-height:24px; padding:16px 0px 0px 0px;}
	.accessSystem .card h3{margin:0 auto; max-width:100%; font-size:20px; line-height:30px;}
	.accessSystem .card p{font-size:14px;}
	.mailTab{max-width:80%;}
	.accessSystem .email-code{display:flex; flex-wrap:wrap; justify-content:center; 
	}
	.accessSystem .email-code span{font-size:14px;}
	.accessSystem .card ul.form{padding:24px 0 0 0;}
	.accessSystem .readyBox label{font-size: 14px;}
	.accessSystem .readyBox a{font-size:14px;}	
	.register .form li{display:block;}
	.rightPanel.otp-Box .otp-boxes .otpNumber{width:80%;}
	.accessSystem .cardOtp .codeRec span{left:24px;}
	
	/* assets listing */
	.sort-list-head{float:none;}
	.print-sonic .box-print-organization{display:block;}
	.pageContent.assetsListing{padding:0;}
	.table-filters{flex-wrap:wrap; row-gap:0;}

	/* search page */
	.pageSearch.activeView{background:#f9f8f1;}
	.searchForMobileHeader h2{height:54px; line-height:54px; font-size:18px; font-weight:500;}
	.searchForMobileHeader .back{
		position:absolute;
		top:0px; left:0px; z-index:5;
		width:50px; height:54px;
		border-radius:0px;
		background-image:url('../../images/nav_back.png');
		background-size:50px;
		background-repeat:no-repeat;
		background-position:center;
	}

	/* ============ */
	.pageSearch{		
		position:fixed;
		top:0px; left:0px; z-index:200;
		width:100%!important; height:100%!important;
		display:block; padding:0px;
		background-size: contain;
		background-color:#F8FAFB;
		-webkit-transform: translate3d(105%,0,0);
		-moz-transform: translate3d(105%,0,0);
		transform: translate3d(105%,0,0);
		
		overflow:hidden;
		overflow-y:scroll;
		-webkit-overflow-scrolling: touch;
		
		-webkit-transition: -webkit-transform 350ms ease;
		-moz-transition: -moz-transform 350ms ease;
		transition: transform 350ms ease;	
	}
	
	.pageSearch .searchWrapper{box-shadow:none; display:block!important; padding-right:0px; border-radius:0px;}
	.pageSearch .searchWrapper span{width:100%; border-bottom:1px solid #E8E8E8;}
	.pageSearch input[type="text"]:focus, .pageSearch select:focus{border-color:#297cd3!important;}
	
	.pageSearch .field{display:block; margin-bottom:25px;}
	.pageSearch .searchBtn{position:fixed!important; bottom:0px;}
	.pageSearch .searchBtn .searchLoader{width:100%;}
	.pageSearch .searchBtn .but{width:calc(100% - 32px); margin:auto;}
	.pageSearch .searchBtn input{width:100%; height:55px; border-radius:0px;}
	.pageSearch .clearBtn{text-align:right; width:100%; padding-right:16px;}	
	
	/* ======= */
	.pageTitle{
		border:0px;
		height:54px;
		padding:0px;
	}	
	.pageTitle h1{
		padding:0; 
		line-height:54px; height:54px!important; 
		float:none; width:100%; text-align:left;
		white-space:nowrap;
		/* overflow:hidden; */
		text-overflow:ellipsis;
	}
	/*.pageTitle h1{
		padding:0; 
		line-height:54px; height:60px; 
		float:none; width:100%; text-align:left;
		white-space:nowrap;
		color:#48378a;
	}*/
	.pageTitle .wrapper .addBtn{
		border-radius:0px;
		background-image:url('../../images/btn_add.png');
		background-size:35px; background-repeat:no-repeat;
		background-position:center;
		background-color:#fff;
		text-indent:-500px;
		width:50px; height:58px;
		padding:5px; margin:0px!important;
		box-shadow:none;
		position:fixed; top:0px; right:0px;
		overflow:hidden;
		z-index:1;
	}
	.addBtn.edit{background-image:url('../../images/edit_icon.png');}
	.pageTitle .back{
		background-image:url('../../images/nav_back.png');
		background-size:48px; background-repeat:no-repeat;
		background-position:center;
		text-indent:-500px;
		width:50px; height:54px;
		padding:0px; margin:0px!important;
		box-shadow:none;
		position:fixed; top:0px; left:0px;
		filter:brightness(0.3);
	}
	.menuIcon{
		top:0px; left:0px;
		width:50px; height:60px;
		border-radius:0px;
		padding:15px 10px;
	}
	.menuIcon span{background:#2C406E;}
	.menuIcon span:nth-child(1){width:16px;}
	.menuIcon span:nth-child(2){width:25px;}
	.menuIcon span:nth-child(3){width:18px;}
	.noMenu .menuIcon{display:none;}
	
	/* ======= */
	.pageTitle{padding:0px 50px 0px 50px;}
	
	.menuIcon span:nth-child(1){width:16px;}
	.menuIcon span:nth-child(2){width:25px;}
	.menuIcon span:nth-child(3){width:18px;}
	.menuIcon:hover span{width:25px!important;}
	
	/* =========== */
	.noMenu .menuIcon{display:none;}
	.navMenu{width:90%; max-width:320px;}
	/*.pageTitle a{float:left;}*/
	.pageTitle .addBtn{
		border-radius:0px;
		background-image:url('../../images/add_icon.png');
		background-size:20px; background-repeat:no-repeat;
		background-position:center;
		text-indent:-500px;
		width:50px; height:54px;
		padding:0px; margin:0px!important;
		box-shadow:none;
		position:fixed; top:0px; right:0px;
		overflow:hidden;
		z-index:1;
	}
	.addBtn.edit{background-image:url('../../images/edit_icon.png');}
	
	.pageTitle span{display:none;}
	.modelWrapper{width:100%!important;}
	
	/* =============== */
	.pageContent{padding:15px;}
	.Collection .pageSearch {display:block;}
	.collection .pageSearch .searchBtn{bottom:0px!important;}
	
	/* ===== */
	.pageError .pageTitle{text-align:center;}
	.pageError .clientLogo{float:none; margin:0px;}
	.pageError .clientLogo a{float:none; margin-top:15px;}
	
	/* add assets popup on dashboard , add asset page */
	.popup{width:90%; padding:20px; max-height:90vh; overflow-y: auto; }
	.popup .popup-grid{flex-direction:column;}
	.popup .bg-grid-item{flex:1 !important; width: 100% !important; /* stack full width */}
	
	/* all view page commun first row design and assets listing page */
	.qr-contnet-info{flex-direction:column;}
	.info-text{width:100%;}
	.action-links{flex-direction:column; align-items:flex-start;}
	.line-link{display:none;}
	
	/* view warrnaty page 2nd row design */
	.viewCard-detail-box .grid2{display:flex; flex-direction:column;}
	.viewCard-detail-box .grid2 .info-row .label{width:150px;}
	
	/* all add page commun design */
	.wraper-verify{padding:0;}
	.addCustomField .tooltip{top:0; margin:0;}
	.addCustomField .tooltip .remove{margin-right:0px;}
	.addCustomField .tooltip .edit{margin-right:8px;}
	.addCustomField ul.form li{border-bottom:none; padding-bottom:0;}
	.addCustomField ul li .val .flexDiv{flex-direction:column; row-gap:0;}
	.addCustomField .input{width:auto !important;}
	
	/* add maintenance page */
	.setReminderVal .setReminderValDiv .reminderDiv{display:flex; align-items:center; width:100%;}
	.setReminderValDiv .reminderDiv .reminderDivBox{width:calc(100% - 120px);}
	
	/* view maintenance page */
	.viewCard-detail-box .grid3{display:flex; flex-direction:column;}
	
	/* delete popup */
	.details-item{padding:16px;}
	.details-content p{padding:0 0 16px 0;}
	.details-content .submit-btn{padding:16px 0 0 0; justify-content:center;}	
	
	/* ===== */
	.tableListing td, table.dataTable td{vertical-align:middle;}
	.splitAction .inlineActonLink .makePayment{left:0px!important;}
	.splitAction div:first-child {border-right:none;}
	.btn-group .dropdown{all:unset;}
	.inlineActonLink a{border-right:none !important;}
	.splitAction .inlineActonLink a i{left: -8px;}
	table.dataTable td.action a{padding:2px 25px;}
	.manage-sites table.dataTable td.action a{padding:2px 4px;}
	.manage-sites #delete{margin-left:3px;}
	.branch-manage #delete{margin-left:3px !important;}
	/*.branch-manage .btn-group .dropdown a i{top:9px !important;}*/
	.arhtech #delete{margin-left:3px !important;}
	
	/* ===== */
	.unauthorizedAccess{padding:15px;}
	.unauthorizedAccess h3{font-size:24px; line-height:30px; margin-bottom:20px;}
	.unauthorizedAccess .text{display:block;}
	.unauthorizedAccess .img img{max-width:100px;}
	.unauthorizedAccess p{font-size:15px; line-height:23px;}
	
	/* ===== */
	.underMaintenance{display:block; padding:15px;}
	.underMaintenance .text{padding:0px 0px 25px;}
	.underMaintenance .text h2{font-size:24px; line-height:30px; margin-bottom:20px;}
	.underMaintenance .text h3{font-size:15px; margin-bottom:10px; line-height:30px;}
	.underMaintenance .text p{font-size:15px;}
	.underMaintenance .graphic{background:#f4f7fc; padding:10px; margin-bottom:15px;}
	.underMaintenance .graphic img{max-width:100%;}
	
	/* ===== */
	.contentWrapper .loggedInUser{display:none;}
	
	/* ===== */
	.form li{display:block;}
	.form li .lbl span{top:3px;}
	.inputLoaderWrapper{width:100%!important;}
	.inputLoaderWrapper .inputLoader{right:0px; top:-25px;}
	.inputLoaderWrapper .inputLoader .spinLoader{width:17px; height:17px; border-width:3px;}
	.navForm .form li{display:block;}
	#input:first-child {margin-bottom: 15px;}
	.importBtn{display:none;}
	#addCollectionForm .form li{display: block!important;}

	/* ===== */
	#txtFirstName {margin-bottom: 20px;}
	.addressSameAsBox{margin-left:0px!important;}
	.horizontalField label {margin-right: 36px;width:100%; }
	.inputLoader span{display:none!important;}
	.addLeftTab{display:block;}
	.split{display:block!important;}
	.dateSelections, .multiSuggestion, .passwordField {width:100%!important;}
	.uploadProfilePic{display:block!important;}
	.form.gps{display:block!important;}
	.uploadProfilePic p{text-align:left;}
	#collectionDetails li {width:100%; display:block;}
	.gps span{display:block!important; width:100%!important;margin-bottom: 10px;}
	.gps span input{width:auto;}
	.navigation{
		position:fixed; top:0px; right:0px;
		z-index:20005;
		width:270px; height:100%;
		background-size:contain;
		background-color: #ffffff;
		-webkit-transform:translate3d(105%,0,0);
		-moz-transform:translate3d(105%,0,0);
		transform:translate3d(105%,0,0);
		overflow:hidden; overflow-y:scroll;
		-webkit-overflow-scrolling: touch;
		-webkit-transition: -webkit-transform 350ms ease;
		-moz-transition: -moz-transform 350ms ease;
		transition:transform 350ms ease;
	}
	.navigationForm .navigation .tabs{top:0px;}	
		
	/*====*/
	.overlay{
		background: rgba(1,3,23,0.8);
		position:fixed; top:0px; left:0px;
		z-index: 100;
		width:100%; height:110%;
	}

	/* ===== */
	.quickInfo h2{font-size: 14px;}
	.quickInfo span a, .quickInfo span p{font-size:12px;padding: 5px 8px;}
	.quickInfo p {text-align:left;margin-left: -8px;}
	.button .blue .border{margin-left:0px;}

	/* ========== */
	.importMerchant .importFile .dropArea{display:block;}
	.importMerchant .importFile .dropArea .elementMob{display:none;}
	.wrapImportFile, .importFileSuccessPreview{display:block;margin: 18px 0px;}
	.importFile{margin-bottom:20px;}
	.downloadSampleFile{margin:auto;}
	.viewData li span a{margin-left:0px;}
	.importFileSuccessPreview h4 , .importFileSuccessPreview p{text-align:center;}
	.text{padding-bottom:25px;}
	.viewTasks a{display:none;}
	.DailyCollection a{display:none;}
	
	/* =============== */
	.actionMultiOption {display:block;}
	.actionMultiOption .btn {
		border-radius:0px;
		background: url("../../images/action_more_active.png") no-repeat;
		background-size:45px;background-repeat:no-repeat;
		background-position:center;
		background-color:rgba(0,0,0,0.05);
		text-indent:-500px;
		width:50px; height:70px;
		padding:0px; margin:0px!important;
		box-shadow:none;
		position:fixed; top:0px; right:0px;
		overflow:hidden;
		z-index:1;
	}
	.actionMultiOption .dropdown{
	  background:#fff;
	  border:1px solid rgba(0, 0, 0, 0.15); border-radius:5px;
	  position:absolute; top:5px; right:14px;
	  z-index:1; opacity:0;
	  overflow:hidden;
	  transform:scale(1, 0); transform-origin:top center;
	  box-shadow:0px 5px 10px rgba(0, 0, 0, 0.2);
	  width:160px!important;
	  transition: all 0.3s ease-out;
	}
	.actionMultiOption .dropdown a{
	  padding: 10px 17px 10px 17px;
	  display: block;
	  border-top: 1px solid rgba(0, 0, 0, 0.05);
	  border-bottom:none;
	  color: #646e7c;
	  font-weight: 500;
	}
	.actionMultiOption .dropdown a i{
	  width:25px; height:25px;
	  position:absolute; top:3px; left:5px;
	  text-align:center;
	  line-height:25px;
	}
	.actionMultiOption .dropdown a:hover{background:#f9f9f9;}	
	.actionMultiOption .btn{
		border-radius:0px;
		background: url("../../images/action_more_active.png") no-repeat;
		background-size:45px;
		background-color:rgba(0,0,0,0.05);
		width:50px; height:70px;
		padding:0px; margin:0px!important;
		background-position:center;
	}
	.actionMultiOption:hover .btn:after{opacity:0;}
	.actionMultiOption:hover .dropdown{height: auto; opacity: 1; transform: scale(1, 1);}
	.actionMultiOption:hover .dropdown:after{opacity:0;}
	
	.pageContent .inlineInfo ul li:first-child{width:100%; padding: 15px 25px 5px;}
	.pageContent .inlineInfo li:nth-child(1) label{display:none;}
	.pageContent .inlineInfo li:nth-child(1) span{
		display:block;
		font-size:20px; font-weight:600;
	}
	.pageContent .inlineInfo li:nth-child(2) label{display:none;}
	.pageContent .inlineInfo li:nth-child(3){width:60%;}
	.pageContent .inlineInfo ul li:nth-child(2){width:100%; padding:0px 25px 15px;border-bottom:1px solid #e7e7e7;}
	.pageContent .inlineInfo ul li:last-child{
		border-right:none;
		padding:15px 35px;
		text-align:center;
	}
	.timeline ul li p{text-align:left; padding: 0px;}
	.viewCard{padding:0px;}
	.viewCard li{display:block;}
	.viewData li label {display:block; border:none; padding:8px 14px 0px;}
	.additionalInfo .modelContent{padding:8px;height:calc(100vh - -60px); }
	.additionalInfo .model .modelWrapper{width:100%; margin: 0px; }
	.additionalInfo .scroll{display:none;}
	.modelWrapper h4{text-align:center;}
	#dropdown{display:none;}
	.tooltip {position:absolute; top:-75px; right:0px;}		
	
	/*Assets listing*/
	.assetsListingNewPage .dataTable.asset-menu{padding:0;}
	.content-print-head ul li{display:flex; flex-direction:column;}
	.print-box-scan{display:none;}
	
	/*add assets*/
	.puzzle-tabs{display:block; height:auto; width:90%; background:transparent; position:relative;}
	.puzzle-tabs:after{
		content: "▼";
		position:absolute; right:20px; top:17px;
		font-size:14px;
		color:#fff;
		pointer-events:none;
		z-index:5;
	}
	.puzzle-tabs .tab{
		display:none;
		justify-content:flex-start; align-items:center;
		height:48px;
		padding:0 16px;
		border-bottom:1px solid #eee;
		background:#fff;
	}	
	.puzzle-tabs .tab.selected{display:flex; background:#4285f4; justify-content:center;}
	.forms-heading{margin-top:16px; flex-direction:column; align-items:flex-start;}
	.first-info.grid2{display:block;}
	.first-info .attach-file-text.first{top: -78px;}
	.fixInputWidthSixty input[type="text"], .fixInputWidthSixty input[type="password"], .fixInputWidthSixty input[type="email"], .fixInputWidthSixty select{width:100%;}
	.attachments .assetsAttachment li{
		grid-template-columns:80% 20%;
		border-bottom:1px solid #80808024; padding:5px 0px;
	}
	.attachments .assetsAttachment li:last-child{border:none;}
	.attachments .assetsAttachment li .contain{grid-column:1/3;}
	.attachments .assetsAttachment li .actionPlus{
		display:grid; grid-template-columns:49.5% 49.5%; grid-gap:10%;
	}
	.attachments .assetsAttachment li .actionPlus .plus{padding:0px; margin:0px;}
	.attachments .assetsAttachment li .actionPlus #plus{padding:0px; margin:0px;}
	.attachments .assetsAttachment li .actionPlus .delete{padding:0px; margin:0px;}
	.asset-invoice .amount-number{width: 100% !important;}
	.asset-invoice .actionPlus {margin-top: -10px !important;}
	.attachments .assetsAttachment li .pathContain{margin: 4px 0 0 0;}
	.removeStatusIcon.cross-icon{position:absolute; right:24px; top:9px;} /*cross icon after enter in input*/
	
	.addAssetsButton{margin-bottom:24px;}
	.addAssets .card ul.form li .val{width:100% !important; display:grid !important;}
	.addAssets .card ul.form li .val .input{order:2;}
	.addAssets .card ul.form li .val .validation{order:3;}
	.addAssets .card ul.form li .val.categoryModelLink a{margin-left:auto; margin-top:-35px;}
	.addAssets .card ul.form li .val a{margin-left:auto; margin-top:-34px;}
	.addAssets .card ul.form li .val select{width:100% !important;}
	.addAssets .card ul.form li .val input.assetCustomer{width:100% !important;}
	.addAssets .card ul.form li .val input.assetStatus{width:100% !important;}
	.addAssets .card ul.form li .val.radio{display:inline-block !important;}
	.card ul.form li .val.radio label{display:inline-block !important;}
	.addAssets .removeStatusIcon img{width:28px; margin-top:75px; margin-right:5px;}
	.addAssets .addNewStaffDiv{display:grid;}
	.addAssets .categoryModelLink{display:grid;}
	.flexDiv.grid{display:grid;}	
		
	/*view_asset_ticket page*/
	.viewCard li{display:grid; grid-template-columns:50% 50% !important;}
	.textareaMaxValue{width:100% !important;}
	
	/*view assets page*/
	.viewAssets{grid-template-columns:100%;}
	.viewAssets .assetsStepsNav .tabs{margin-bottom:24px;}
	.information-content-box ul{display:block;}
	.boxs-information .detail-trans-box{display:flex; flex-direction:column;}
	.boxs-information .detail-trans-box .details-boxs{width:100%;}
	
	/*add category*/
	.addTemplateField .modelWrapper .card{padding:0px; box-shadow:none; border:none;}
	
	/*add staff*/
	.addPhotoPanel .photoInfo{padding-top:30px;}
	
	/*Organization Setting page*/
	.addRole .tableListing td, .addRole table.dataTable td{font-size:12px; padding: 5px;}
	.addRole .tableListing th, .addRole table.dataTable th{padding:5px;}
	.pageTitle h1 span{display:inline-block;}	
	
	/*validation (*)*/
	.form li .lbl span{position:relative; right:0px; margin-left:5px;}
	
	/*image upload*/
	.addPhotoPanel{grid-template-columns:100%;}
	.addPhotoPanel .dragPhoto label{width:100px; margin:auto;}
	
	/*Uploaded Images*/
	.uploadedImages ul{grid-template-columns:100%;}
	
	/*submit button*/
	.submitBtn{max-width:100% !important; display:block !important;}
	.submitBtn .btn{width:auto;}
	.signInBtn .btnLoader{width:100% !important;}
	
	/*for model*/
	.model{padding:24px;}
	
	/*print model*/
	.printOptionModel .form{grid-template-columns:50% 50% 100%;}
	.printOptionModel .form .fotmButton{grid-column:1/3;}
	.printOptionModel .btn{background-position:13px 10px;}
	.printOptionModel .form .sectionList{padding-left:15px;}
	
	/*li val div width*/
	#txtFirstName{margin-bottom:0px;}
	.card ul.green li .lbl{margin-bottom:5px;}
	.card ul.form li .val{width:100% !important; display:block;}
	.card ul.form li .val label{display:block !important;}
	
	/*add depriciation page*/
	ul.form li .val.usefulLifeBox{width:100%;}
	
	/*Page search*/
	.pageSearch{padding:0px !important;}
	.searchForMobileHeader{margin-top:0px;}
	.pageSearch .field{padding:0px 24px;}
	.searchForMobileHeader .back{left:10px;}
	.customerListing .pageSearch, .department .pageSearch, .branchListing .pageSearch{padding:24px;}
	
	/*data table design*/
	table.dataTable > tbody > tr.child ul.dtr-details{
		display:grid !important; grid-template-columns:100%;
	}
	.dataTable{padding:10px;}
	.tableListing, table.dataTable{padding:0px; margin-bottom:12px;}
	.dataTable .bottom{display:grid; grid-template-columns:100%; gap:5px;}
	.dataTable .bottom select{width:48px !important;}
	.dropdown{display:block !important;}
	temp-master.textEllipsis{max-width: 100px;}
	.temp-master table.dataTable td.action .dropdown a{padding: 10px 10px 10px 10px;}
	.temp-master .splitAction{
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: flex-start;
	}
	.temp-master table.dataTable td.action a:nth-child(1){margin-right: 35px;}
	.temp-master .splitAction div{padding:0px 18px;}
	.temp-master .splitAction .inlineActonLink a .edit{margin-left: -8px;}
	.temp-master #delete{margin-left: -20px !important;}
	.temp-master .delete{margin-left: -6px !important;}
	.temp-master .dataTable .bottom .dataTables_paginate span a{padding: 3px 10px;}
	.changePasswordField{width:100%;}
	.btn-group .dropdown a:last-child{border-bottom:none;}

	/*footer*/
	.footerMain p{padding:5px 0px;}
	.footerMain span{flex-direction:column; align-items:flex-start;}
	.footerMain span p.version{width:100%; text-align:right;}	
	
	.card ul.form li .val{width:100% !important;}
	
	/* view ticket page */
	.view-ticket .grid2{display:block;}
	.view-ticket .viewCard li{display:flex;}
	.view-ticket .info-row .label{width:148px;}
	.view-ticket .timeline-item{display:flex; margin:0;}
	.view-ticket .timeline-card:before{left:11px; height:100%;}
	.view-ticket .textareaMaxValue{height:100%; flex-direction:column; align-items:flex-start;}
	.view-ticket .noteHeader{align-items:flex-start; flex-direction:column;}
	.replyBox, .editBox{flex-direction:column;}
	.replyBox textarea, .editBox textarea{width:100%;}
	
	
	.addAssetTicketPage .card ul.form li .val{width:100% !important;}	
	.view-ticket .submitBtn .btn{margin-left:0px !important;}
	.reminderDiv{grid-template-columns:50% 50%;}
	.bottomButton{width:100%; margin:0; grid-template-columns:100% 50%;}
	.modelWrapper .button{margin-left:0; margin-right:0;}
	#templateFields_171.max{width:65%!important;}
	.add-organization .select2{width:100% !important;}
	.assetsListing .dataTable .bottom .dataTables_paginate a{margin: 0px 4px 0px 0px ;} 
	#templateFields_160{width: 100% !important;}
	#templateFields_161 {
		width: 100% !important;
	}
	#templateFields_176{width: 100% !important;}
	.attachments .assetsAttachment li .contain {margin: 0px !important;}
	.attachments .assetsAttachment li .actionPlus{
		margin:auto 0px 0px 05px !important;
	}
	.assetsListing .dataTable .bottom .dataTables_paginate a{
		margin:0px 2px 0px 0px;
	}
	.assetsListing .dataTable .bottom .dataTables_paginate span{margin:0px 6px;}
	.asset-menu.dataTable .bottom .dataTables_paginate span a{padding:3px 10px !important;}
	.dataTable .bottom .dataTables_paginate a{margin:0px 4px 0px 0px;}
	.enter-new .enter-pass{width:100% !important;}
	.temp-field .tooltip {
		top: 42px;
	}
	.temp-field #templateFields_li_174{width:45% !important;}
	#templateFields_171{width:100% !important; text-align:center;}
	#templateFields_167{width:100% !important;}
	.asset-invoice .addAssets .card ul.form li .val textarea{
		width: 100% !important;
	}
	.assetsListing.pageSearch{grid-template-columns:25% 20% 20% 20% 5% 10% !important;}
	.assetsListing.comp-page{grid-template-columns: 25% 20% 20% 25% 10% !important;}
	.details #templateFields_171{width:100% !important; text-align:left;}
	.card-input .auto-input{width:100% !important;}
	.btn-check{margin-left:0px;}
	.staticPage .page-verify-content{padding:30px 0 0 0 !important;}
	.ticket-form .page-verify-content{padding:30px 0 0 0 !important;}
	.message-form-page .page-verify-content{padding:30px 0 0 0 !important;}
	.error-spin{margin-top:16px;}
	.staff-thumb .get-txt{width: 100% !important;}
	.category .dataTable .bottom .dataTables_paginate a{margin:0px 3px 0px 2px;}
	.dataTable .bottom .dataTables_paginate span a{padding: 3px 10px !important;}
	.uc-form .enter-valid{width: 100% !important;}.uc-form .txt-tions{width: 100% !important;}
	.uc-form .test-datio{width:100% !important;}
	
	/* verify Email page */
	.E-mail .verifyScreen{width:90%;}
	.E-mail .verifyScreen:after{right:-19px; top: -19px;}
	.E-mail .verifyScreen:before{left:-19px; bottom:-19px;}
	.E-mail .verifyScreen .otpNumber{width:90%; margin:auto;}

	/* */
	table.dataTable td.action a{white-space:nowrap;}
	.temp-master .splitAction{padding:10px 0px;}
	.setReminderVal .setReminderValDiv{display:block;}
	.card ul.form li .val .btnLoader{visibility:hidden;}
	.viewData li label{padding:8px 7px;}
	.alert-error{margin-top:10px;}
	.dataTable .bottom{gap:10px;}
	/*.submitBtn{padding-bottom:20px;}*/
	.ui-widget-content table tr td{text-align:left !important;}
	.currency{padding-left:8px;}
	.card ul.form li .val.amountNumber input{padding-left:27px;}
	.card ul.green li .lbl{display:flex; margin-bottom:0;}
	.addAssets .card ul.form li .val.radio{display:flex;flex-wrap:wrap;}
	.addAssetsPage .flexDiv.grid{display:flex;}
	.addAssets .card ul.form li .val .input{order:inherit;}
	.addAssetsPage .addAssets .card ul.form li .val a{position:absolute;top:-21px;right:0;}
	.addMaintainance .card ul.form li .val.radio label{float:left;width: 39%;margin-left: 0px;}
	.addCategory .card ul.form li .val{width:100% !important;}
	.addCategory .card ul.form li .val label{float:left;width:49%;margin-left: 0px;}

	/* popup notes */
	.noteReminderContent form ul li:nth-child(2) .submit-btn .conform-btn a {
		font-size: 12px;
		line-height: 15px;
		padding: 7px 7px 0px 7px !important;
	}
	.details-item .logo h4 {
		font-size: 18px;
		line-height: 20px;
		padding: 10px 0px 10px 10px;
	}
	.pop-up-section .logo span {
		padding: 12px 10px 10px 0px;
	}
	.pop-up-section .logo span img {
		width: 18px;
		height: 18px;
	}
	.noteReminderContent {
		padding: 12px 10px 0px 10px;
	}
	.noteReminderContent form ul li:nth-child(2) {
		flex-wrap: wrap;
	}
	.noteReminderContent form ul li:nth-child(2) .submit-btn {
		width: 100%;
		justify-content: flex-start;
	}
	.noteReminderContent form ul li:nth-child(2) .submit-btn .conform-btn{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.noteReminderContent form ul li:nth-child(2) .submit-btn .conform-btn a {
		font-size: 14px;
		line-height: 18px;
		padding: 0px !important;
	}
	.noteReminderContent ul .note-box .note-manu .icon {
		column-gap: 12px;
	}
	.note-manu .icon img {
		width: 16px;
	}
	#category_wise_assets{
		width: 200px;
	}
	.assetsDashboardGraph {
		display: grid;
		grid-template-columns: 100%;
	}
	.locateBox{width:96%; margin:0 0 30px;}
	.event-hide.sidebar-hide .calendar-inner{width:64%;}
	.sechduledBox{
		text-align: center;
		border-right: 1px solid #D9D9D9;
		padding-right: 0;
	}	
	.event-hide.sidebar-hide .calendar-inner{width:50%;}
	
	/* onboarding popup */
	.model.onboardingPopup .welcomePopup{padding:24px 16px;}
	.model.onboardingPopup .welcomePopup .onboardingForm .grid2{display:block;}
	.model.onboardingPopup .onboardingForm .grid2 .flex{
		flex-direction:row; gap:0; justify-content:space-between;}
	.model.onboardingPopup .onboardingPopupDiv .grid2 div.flex{padding-bottom:24px;}	
	.model.onboardingPopup .onboardingPopupDiv form{padding:0;}
	.model.onboardingPopup .welcomePopup .start-btn{padding:11px 14px; font-size:14px;}
	.model.onboardingPopup .onboardingForm .grid2 .form li.halfWidth{display:block;}
	.model.onboardingPopup .onboardingForm.category .grid2 li.selectCategoryDiv .flex{
		gap:0; row-gap:10px;
		flex-wrap:wrap; align-items:center;
	}
	.model.onboardingPopup .onboardingForm.category .grid2 li .optionCategory{		margin-bottom:24px;}
	.model.onboardingPopup .onboardingForm.category .grid2 li.allCategoryDiv .selectedValue{gap:8px;}
	
	/* all view table pages */
	.threeDotsColumn{display:none;}
	
	/* qr code scaning flow for mobile only */
	.qrLogin .pageTitle{justify-content:center; gap:8px;}
	.qrLogin .pageTitle h1{width:max-content;}
	.qrLogin .pageContent{padding:24px 16px;}
	.qrLogin h2{
		width:100%;
		font-family:'Poppins'; font-weight:500;
		font-style:italic;
		font-size:16px; line-height:24px;
		text-align:center;
		color: #144F89;
		padding-bottom:24px;
	}
	.qrLogin .form li .lbl{line-height:120%; color:#4383F7;}
	.qrLogin .form li .val input{padding:5px 12px 4px; height:40px; border:1px solid #D0D0D0; border-radius:6px;}
	.qrLogin .submitBtn{width:100%; margin-top:16px;}
	.qrLogin .submitBtn .btn{width:100%;}
	.qrLogin .accessDiv{flex-direction:column; margin-top:30px;}
	.qrLogin .poweredBy{text-align:center; transition:margin-bottom 0.3s ease;}
	
	/* asset record */
	.qrLogin .profileDiv{gap:6px; margin-bottom:16px;}
	.qrLogin .profileDiv span{
		font-family:'Poppins'; font-weight:500;
		font-size:14px; line-height:125%;		
	}
	.qrLogin .profileDiv label{color: #232323;}
	.qrLogin .profileDiv p{color: #4383F7;}
	.qrLogin .card ul{flex-direction:column; align-items:flex-start; gap:10px;}
	.qrLogin .card ul li div{
		font-family:'Poppins'; font-weight: 400;
		font-size:14px; line-height:120%;
		color:#232323;
	}
	.qrLogin .card ul li div.validation{font-size:12px; color:#e94335;}
	.qrLogin .card ul li label{
		font-family:'Poppins'; font-weight:600;
		font-size:14px; line-height:21px;
		color: #232323;
	}
	.qrLogin .card .status{gap:6px;}
	.qrLogin .card .status div.flex{
		justify-content:center;
		padding:4px 12px;
		background:#F5F4EF;
		border-radius:4px;		
	}
	.qrLogin .card ul li div.flex{gap:4px;}
	.qrLogin .card.blue{background:#E5EBF4;}
	.qrLogin .card .underline{width:100%; border:0.5px solid #CDD7E3A6;}
	.qrLogin .resentTicketsDiv{margin-top:24px; margin-bottom:40px;}
	.qrLogin .titleTop{justify-content:space-between; margin-bottom:12px; width:100%;}
	.qrLogin .titleTop .ticketCount{gap:4px;}
	.qrLogin .resentTicketsDiv label{font-weight:600; font-size:15px; line-height:130%; letter-spacing:0.3px; color: #232323;}
	.qrLogin .resentTicketsDiv span.count{color:#4383F7; font-weight:600;}
	.qrLogin .withStatus{justify-content:space-between; width:100%;}
	.qrLogin .withStatus span.flex{gap:4px;}
	.qrLogin .withStatus span.flex img{width:16px;}
	.qrLogin .withStatus .green{color:#5B956A;}
	.qrLogin footer{
		position:fixed; bottom:0; left:0; right:0;
		width:100%; height:64px;
		background:#F5F4EF;
		z-index:5;
		filter:drop-shadow(-1px 0px 11.4px rgba(0, 0, 0, 0.15));
		padding:12px 16px;
	}
	.qrLogin footer .submitBtn{margin-top:0px;}
	.qrLogin footer .submitBtn .btnLoader{border-radius:20px;}
	.qrLogin footer .submitBtn .btn{
		box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25); border-radius:20px;
		gap:6px; justify-content:center;
	}
	.qrLogin footer .submitBtn .btn img{filter: brightness(10);}
	.qrLogin footer .submitBtn input{width:auto; height:auto; color:#fff;}
	
	/* ticket listing */
	.qrLogin.backIcon .pageTitle{justify-content:flex-start;}
	.qrLogin.backIcon .pageTitle h1{font-weight:500; font-size:16px; color:#191717;}
	.qrLogin.backIcon .pageTitle h1 span{color:#144F89;}
	.qrLogin.backIcon .profileDiv span{font-weight:600;}
	.qrLogin.backIcon .grid2{width:100%;}
	.qrLogin.backIcon .card ul li div.title{font-weight:600;}
	.qrLogin.backIcon .status{justify-content:center; padding:4px 12px; background:#F5F4EF; border-radius:4px;}
	.qrLogin.backIcon .tabs-container{
		justify-content:center;
		width:100%; height:44px;
		background:#fff;
		border-radius:8px;
		margin:0; padding:2px; margin-bottom:16px;
		overflow:hidden;
	}
	.qrLogin.backIcon .tabs-container .tab{
		flex:1; justify-content:center;
		font-family: "Poppins", sans-serif; font-weight:400;
		font-size:14px;  
		color:#232323;
		cursor:pointer;
		transition:all 0.3s ease;
		border-radius:6px;
		height:40px;
	}
	.qrLogin.backIcon .tabs-container .tab.active{
		background:#4383F7; color:#fff;
		font-weight:500;
		filter:drop-shadow(0px 3px 8px rgba(0, 0, 0, 0.12));
	}
	.qrLogin.backIcon .tab-content{margin:16px auto; width:100%;}
	.qrLogin.backIcon .tab-content .tab-panel{display:none;}
	.qrLogin.backIcon .tab-content .tab-panel.active{display:block;}
	.qrLogin.backIcon .tab-content .ments-basic{
		width:100%;
		border-bottom:1px solid #e1e1e1;
		margin-bottom:12px; padding-bottom:14px;
	}
	.qrLogin.backIcon .tab-content h2{width:auto; padding-bottom:0; margin-bottom:0}
	.qrLogin.backIcon .card ul li label{font-weight:400; color:#575757;}
	.qrLogin.backIcon .information-content-box ul li{
		grid-template-columns:126px calc(100% - 126px);
		margin-bottom:14px;
	}
	.tab-panel.view-ticket .textareaMaxValue{height:max-content;}
}

/*
	============
	For iphone 5
	============
*/
@media only screen and (max-width:575px)
{
	.textEllipsis{max-width:90px;}
	temp-master table.dataTable td.action .dropdown a{padding: 10px 0px 10px 0px;}
	.arhtech .btn-group .dropdown a i{
		top:15px !important; left:8px !important;
	}
	table.dataTable td.action a{padding:2px 13px;}
	.splitAction .inlineActonLink a i{left:-11px;}
	.flexInputBox{flex-wrap:wrap;}
	.inputLoaderWrapper{margin-top:3px;}
	#templateFields_171 {
		width: 100% !important;
	}
	#templateFields_171 #start_cnt_templateFields_171{width: 100% !important;}
	.listing-staff-page .staffListing .dataTable .bottom .dataTables_paginate a {
		margin: 0px 4px 0px 0px !important;
	}
	.splitAction .inlineActonLink a i{left:-15px;}	
	.temp-master table.dataTable td.action a:nth-child(1){margin-right:-4px;}
	.temp-master .splitAction .inlineActonLink a .edit{margin-left:-3px;}
	.temp-master #delete{margin-left:5px !important;}
	.profile-views .viewCard li {
		grid-template-columns: 40% 50% !important;
	}
	.inlineActonLink a {
		padding-left: 0px;
	}
	.manage-sites i.fa-exchange{padding-right: 10px !important;}
	.manage-sites i.fa-pencil{padding-right: 10px !important;padding-left: 5px;}
	.manage-sites i.fa-trash{padding-right: 10px !important;}
	.manage-sites #status{padding-right: 5px !important;}
	.manage-sites #edit{padding-right: 5px !important;}
	.manage-sites #status{padding-right: 5px !important;}
	.temp-field #tmplateCustomFields.card h2 {
		font-size: 16px;
	}
	.temp-field #templateFields_li_171 {
		width: 100% !important;
	}
	.temp-field #templateFields_li_174 {
		width: 100% !important;
	}
	.temp-field .card ul.form li .val .max {
		text-align: right !important;
	}
	.temp-field .tooltip {
		top: 13px !important;
		width: 100%;
		right: -225px;
	}
	.temp-field .form li {
		padding: 10px 0px;
	}
	
	/* delete-pop-up */
	.delete-pop-up{padding:0 5px;}
    .details-item h4{padding:0;}
    .submit-btn .conform-btn{padding:6px 25px;}
	.details .bottomButton{grid-template-columns:100% 50%;}
	.temp-field .bottomButton{grid-template-columns:100% 50%;}
	.addAssets .card ul.form li .val.categoryModelLink a{margin-left:auto; margin-top:0px;}
	.addAssets .card ul.form li .val a{margin-left:auto; margin-top:0px;}
	.addAssets .card ul.form li .val .cross-icon{margin-top: -105px !important;}
	.ticket-form .fileAttachments {
		padding: 10px;
	}
	.setReminderVal .setReminderValDiv .reminderDiv{
		margin-left: 0px;
    	grid-template-columns: 33% 66px;
		align-items:baseline;
	}
	
	.setReminderVal .setReminderValDiv{align-items:baseline;}
	
	table.dataTable td {
		position: relative;
		padding: 11px 2px;
	}

	.btn-group .dropdown a i{position:absolute; top:0px; left:-5px;}
	.statusBox {
		display: grid;
		grid-template-columns: 50% 50%;
		justify-content: center;
	}
	.submitBtn .btn {
		background-image: none;
		padding: 8px 16px;
		font-size: 14px;
	}
	/*.submitBtn{margin:0 auto;}*/
	.codeBottom {
		width: 100%;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		column-gap: 24%;}
		
	.lebalbox {
		display: block;
	}
	.setReminderVal .setReminderValDiv {
		display: block;
	}
	.setReminderVal .setReminderValDiv .reminderDiv {
		display: block;
	}
}

@media only screen and (max-width:460px){
	/* login page */
	.userForm ul li .validation{height:14px; line-height:12px; font-size:10px;}
	
	.maintence{display:block;}
	.sechduledBox{border-right:none;}
	.statusBox{display:block;}
	.QuickAssetsStates{
		display: grid;
		grid-template-columns: 40% 40%;
		justify-content: center;
		gap: 10px;
	}
	.QuickAssetsStates .value {
		border-right: none;
	}
	.locateBox{
		margin: 0 auto;
		margin-bottom: 24px;
	}
	.sechduledBox p {
		margin: 0 auto;
		text-align: center;
		width: 176px;
	}
	.maintence {
		display: grid;
		grid-template-columns: 45% 45%;
		justify-content: center;
		gap: 10px;
	}
	.sechduledBox span {
		padding: 0px 0px;
	}
	.codeBottom{column-gap:16%;}
	.addAssets .removeStatusIcon img{width:28px; margin-top:32px; margin-right:10px;}
	.grid4{display:block;}
	
	/* notification settings */
	.checkbox .checkmark  {
		position: absolute;
		top: 3px;
		left: 0;
	}	
	.checkbox {
		display: block;
		position: relative;
		padding-left: 25px;
	}
	.printOptionModel .form .printLine{border-left:none;}
}

@media only screen and (max-width:365px)
{
	/* login page */
	.userForm h3{font-size:24px; line-height:36px;}
	.userForm h4{font-size:12px;}
	.submitBtn .btn{padding:11px 14px; font-size:14px;}
	.login .userForm ul li .validation{height:18px; font-size:11px;}
	.loginButtonPanel .buttonLeft a{font-size:12px;}
	.loginButtonPanel .buttonLeft label{font-size:12px;}
	.accessSystem .readyBox label{font-size:12px;}
	.accessSystem .readyBox a{font-size:12px;}
	.pageContent .inlineInfo li:nth-child(3) {width: 55%;}
	.pageContent .inlineInfo ul li:last-child {padding: 15px 30px;}
	.additionalInfo .model .modelWrapper{width:320px; height: 100vh; margin: 0px; }
	
	/*Organization Setting page*/
	.addRole .tableListing td, .addRole table.dataTable td{font-size:12px; padding: 5px 2px;}
	.addRole .tableListing th, .addRole table.dataTable th{padding:5px 0px;}
	.asset-invoice .attachments .assetsAttachment li .pathContain{margin-top: 0px;}
	.details .input #cmt_span_templateFields_171{width: 100%!important;}
	.attachments .assetsAttachment li .actionPlus {
		margin: auto 0px 0px 09px !important;
	}
	.ticket-form ul.form li .radioBtn{margin-right:1px;}
	.temp-field .tooltip{right:-175px;}
	.setReminderVal .setReminderValDiv{grid-template-columns:100%;}
	.locateBox{width:100%;}
	.maintence{gap:25px;}
	.maintence{
		display:grid;
		grid-template-columns:50% 50%}
	.sechduledBox{border-right:none;}
	.grid4{display:grid; grid-template-columns:40% 40%;}

	.printOptionModel .form{display:block;}
	.printOptionModel .form .printLine{border-left:none;}
	.printOptionModel .form .printLine .lbl{margin-left:0;}
	.printOptionModel .form .printLine .val{margin-left:0;}
	.codeBottom{column-gap:7%;}	
}