@charset "UTF-8";.h1,.h2,.h3,.h4,.h5,.h6,body,h1,h2,h3,h4,h5,h6{font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}#note-list li,.list-group-item,.noscrolllist,.switch{cursor:pointer}.switchr-label,.text-uc{text-transform:uppercase}body{font-size:14px;color:#717171;letter-spacing: 0.25;background:#f7f7f7;}}.h1{font-size:34px}.hiddenspan{display:none}.fllogo{display:block;background-image:url(fleetlogo.png);width:90px;height:50px;background-size:contain;background-repeat:no-repeat}.fllogotxt{padding:4px 10px;font-size:30px;color:#fff}.w-40{width:40px;height:40px;line-height:40px;display:inline-block}.item .bottom{bottom:0;left:0}.item .bottom,.item .center,.item .top,.item-overlay{position:absolute}.badge.up,.item{position:relative}.inputflag_ind{background:url(flag/ind.png) 7px 7px no-repeat;padding-left:40px}.inputflag_fr{background:url(flag/fr.png) 7px 7px no-repeat;padding-left:40px}.inputflag_uk{background:url(flag/uk.png) 7px 7px no-repeat;padding-left:40px}.distance_icon,.duration_icon,.fuel_icon,.parked_icon{display:block;height:50px;padding-left:62px;margin:10px;font-size:20px}.fuel_icon{background:url(fuel_icon.png) no-repeat}.duration_icon{background:url(duration_icon.png) no-repeat}.distance_icon{background:url(distance_icon.png) no-repeat}.parked_icon{background:url(parked_icon.png) no-repeat}a{color:#575757;text-decoration:none}.h4{font-weight:400}a:focus,a:hover{color:#7d7d7d;text-decoration:none}.leftmenumap{border-left:6px solid #fff}.leftmenumap:hover{border-left:6px solid #FFBF00}.badge{background-color:#a7b4d3}.badge.up{top:-10px;padding:3px 6px}.item{text-align:center}label{font-weight:600}.label-sm{padding-top:0;padding-bottom:0}.text-primary{color:#594f8d}.text-blue{color:#08B2FC}.text-red{color:#FF8903}.text-purple{color:#EF8CFF}.text-mac{color:#08FAC3}.text-info{color:#2196f3}.text-left{text-align:left}.text-info2{color:#D032EA}.text-yellow{color:#F9E517}.text-success{color:#92cf5c}.text-green2{color:#A0FA05}.text-warning{color:#fcc44d}.text-danger{color:#bb0000}.text-white{color:#fff}.text-muted{color:#979797}small{font-size:75%}.darkblue{background:#3f71ad}.copyrightlogo,.diagnosticsimg{background-repeat:no-repeat;display:block}.badge-hollow,.badge-white{background-color:transparent}.copyrightlogo{width:200px;height:81px;background-image:url(poweredby.png)}.diagnosticsimg{position:absolute;width:400px;height:600px;background-image:url(car_diagnostic.png);background-size:contain;bottom:-800px;left:50px}.dropdown-submenu,.open{position:relative}.badge-white{border:1px solid rgba(255,255,255,.35);padding:2px 6px}.badge-hollow{border:1px solid rgba(0,0,0,.15);color:inherit}.caret-white{border-top-color:#fff;border-top-color:rgba(255,255,255,.65)}a:hover .caret-white{border-top-color:#fff}.tooltip-inner{background-color:#222;max-width:400px;display:block}.tooltip.top .tooltip-arrow{border-top-color:#222}.tooltip.right .tooltip-arrow{border-right-color:#222}.tooltip.bottom .tooltip-arrow{border-bottom-color:#222}.tooltip.left .tooltip-arrow{border-left-color:#222}.hbox{display:table;table-layout:fixed;border-spacing:0;width:100%}.popover-content{font-size:12px;line-height:1.5}.progress-xs{height:6px}.progress-sm{height:10px}.progress-sm .progress-bar{font-size:10px;line-height:1em}.breadcrumb{background-color:#fff;border:1px solid #ebeff6;padding-left:10px;font-size:12px}.accordion-group,.accordion-inner{border-color:#ebeff6;border-radius:2px}.form-control,.input-group-addon{border-color:#d8dde5}.alert{font-size:85%;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}.tabmainhome:hover{background-color:#f3f5f9}.alert .close i{font-size:12px;font-weight:400;display:block}.divtable tD,.divtable th,.dropdown-menu{font-size:14px;margin:0px;}.form-control,.form-control:focus{-webkit-box-shadow:none;box-shadow:none}.input-s-sm{width:120px}.input-s{width:200px}.input-s-lg{width:250px}.input-group-addon{background-color:#f5f7fa}.list-group{border-radius:2px}.list-group.no-radius .list-group-item{border-radius:0!important}.list-group.no-borders .list-group-item{border:none}.list-group.no-border .list-group-item{border-width:1px 0}.list-group.no-bg .list-group-item{background-color:transparent}.list-group-item{border-color:#ebeff6;padding-right:15px}.list-group-item.media{margin-top:0}.list-group-item.active{border-color:#5dcff3!important;background-color:#5dcff3!important}.notehover:hover{background-color:#DBDFE0;border-color:#DBDFE0}.list-group-item.active,.list-group-item.active .text-muted{color:#ebf9fe}.list-group-item.active a{color:#fff}.list-group-alt .list-group-item:nth-child(2n+2){background-color:rgba(0,0,0,.02)}.list-group-lg .list-group-item{padding-top:15px;padding-bottom:15px}.list-group-sp .list-group-item{margin-bottom:5px;border-radius:3px}.list-group-item>.badge{margin-right:0}.list-group-item>.icon-chevron-right{float:right;margin-top:4px;margin-right:-5px}.list-group-item>.icon-chevron-right+.badge{margin-right:5px}.nav-pills.no-radius>li>a{border-radius:0}.nav-pills>li.active>a{color:#000!important;background-color:#fff6b8!important}.nav.nav-sm>li>a{padding:6px 8px}.nav>li>a .avatar{width:30px}.panel{border-radius:2px;border-color:#ebeff6}.panel.no-borders,.panel.no-borders .panel-footer,.panel.no-borders .panel-heading{border-width:0}.panel .table-responsive{border-color:#e0e4e8}.panel .table td,.panel .table th{padding:6px 15px;border-top:1px solid #eaedef}.dropdown-header,.dropdown-menu>li>a{padding:10px 15px}.panel .table thead>tr>th{border-bottom:1px solid #e0e4e8}.panel .table-striped>tbody>tr:nth-child(odd)>td,.panel .table-striped>tbody>tr:nth-child(odd)>th{background-color:#fcfdfe}.panel .table-striped>thead th{background:#fafbfc;border-right:1px solid #e0e4e8}.panel .table-striped>thead th:last-child{border-right:none}.panel-heading{border-color:#ebeff6;background-color:#fff;border-radius:2px 2px 0 0}.panel-heading.bg{margin:-1px -1px 0;border:none}.panel-heading.bg .list-group-item{border-color:transparent}.panel-heading.bg .list-group-item>a{color:#fff}.panel-heading .nav{font-size:13px;margin:-10px -15px -11px;border:none}.panel-heading .nav>li>a{border-radius:0;margin:0;border-width:0}.panel-heading .nav-tabs.nav-justified{width:auto}.panel-heading .nav-tabs.nav-justified>li:first-child>a,.panel-heading .nav-tabs.pull-left>li:first-child>a{border-radius:2px 0 0}.panel-heading .nav-tabs.nav-justified>li:last-child>a,.panel-heading .nav-tabs.pull-right>li:last-child>a{border-radius:0 2px 0 0}.panel-heading .nav-tabs>li>a{line-height:1.5}.panel-heading .nav-tabs>li>a:focus,.panel-heading .nav-tabs>li>a:hover{border-width:0;background:0 0;border-color:transparent}.panel-heading .nav-tabs>li.active>a,.panel-heading .nav-tabs>li.active>a:focus,.panel-heading .nav-tabs>li.active>a:hover{color:#717171;background:#fff}.panel-heading .list-group{background:0 0}.panel-footer{border-color:#ebeff6;background-color:#fff;border-radius:0 0 2px 2px}.panel-group .panel-heading+.panel-collapse .panel-body{border-top:1px solid #eaedef}.open{z-index:1050}.dropdown-menu{border-radius:2px;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.1);box-shadow:0 2px 6px rgba(0,0,0,.1);border:1px solid #ddd;border:1px solid rgba(0,0,0,.1)}.dropdown-menu.pull-left{left:100%}.dropdown-menu>.panel{border:none;margin:-5px 0}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{background-image:none;filter:none;background-color:#fff1aa;color:#000}.dropdown-menu>li>.signindiv:hover{filter:none;background-color:#ffe895;cursor:pointer}.dropdown-submenu:focus>a,.dropdown-submenu:hover>a{background-color:#4c5566;color:#fff}.dropdown-submenu:focus>.dropdown-menu,.dropdown-submenu:hover>.dropdown-menu{display:block}.dropdown-submenu.pull-left{float:none!important}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px}.dropdown-submenu .dropdown-menu{left:100%;top:0;margin-top:0;margin-left:-1px}.dropup .dropdown-submenu>.dropdown-menu{top:auto;bottom:0}.dropdown-select>li>a input{position:absolute;left:-9999em}.carousel-control{width:40px;color:#999;text-shadow:none}.carousel-control:focus,.carousel-control:hover{color:#ccc;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control.left,.carousel-control.right{background-image:none;filter:none}.carousel-control i{position:absolute;top:50%;left:50%;z-index:5;display:inline-block;width:20px;height:20px;margin-top:-10px;margin-left:-10px}.carousel-indicators.out{bottom:-5px}.carousel-indicators li{-webkit-transition:background-color .25s;transition:background-color .25s;background:#ddd;background-color:rgba(0,0,0,.2);border:none}.carousel-indicators .active{background:#92cf5c;width:10px;height:10px;margin:1px}.carousel.carousel-fade .item{-webkit-transition:opacity .25s;transition:opacity .25s;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;opacity:0;filter:alpha(opacity=0)}.carousel.carousel-fade .active{opacity:1;filter:alpha(opacity=1)}.carousel.carousel-fade .active.left,.carousel.carousel-fade .active.right{left:0;z-index:2;opacity:0;filter:alpha(opacity=0)}.carousel.carousel-fade .next,.carousel.carousel-fade .prev{left:0;z-index:1}.carousel.carousel-fade .carousel-control{z-index:3}.col-lg-2-4{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-0{clear:left}.chat-item:after,.nav-primary:after{clear:both}.row.no-gutter{margin-left:0;margin-right:0}.no-gutter [class*=col]{padding:0}.modal-backdrop{background-color:#4c5566}.modal-backdrop.in{opacity:.8;filter:alpha(opacity=80)}.modal-over{width:100%;height:100%;position:relative;background:#4c5566}.btn-danger.active,.btn-danger:active,.btn-default.active,.btn-default:active,.btn-facebook.active,.btn-facebook:active,.btn-gplus.active,.btn-gplus:active,.btn-info.active,.btn-info:active,.btn-primary.active,.btn-primary:active,.btn-success.active,.btn-success:active,.btn-twitter.active,.btn-twitter:active,.btn-warning.active,.btn-warning:active,.open .dropdown-toggle.btn-danger,.open .dropdown-toggle.btn-default,.open .dropdown-toggle.btn-facebook,.open .dropdown-toggle.btn-gplus,.open .dropdown-toggle.btn-info,.open .dropdown-toggle.btn-primary,.open .dropdown-toggle.btn-success,.open .dropdown-toggle.btn-twitter,.open .dropdown-toggle.btn-warning{background-image:none}.modal-center{position:absolute;left:50%;top:50%}.modal-content{-webkit-box-shadow:0 2px 10px rgba(0,0,0,.25);box-shadow:0 2px 10px rgba(0,0,0,.25)}.icon-lg:before{vertical-align:-10%;font-size:1.3333333333333333em}.icon-muted{color:#d9d9d9;text-shadow:0 1px 1px #fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:transparent}@media (min-width:768px){.hbox,.vbox{border-spacing:0;width:100%}.hbox,.vbox,body,html{width:100%}body,html{height:100%;overflow-x:hidden}.hbox{display:table;table-layout:fixed}.hbox>aside,.hbox>section{display:table-cell;vertical-align:top;height:100%;padding:0;float:none}.hbox>aside.hidden-sm,.hbox>aside.show,.hbox>section.hidden-sm,.hbox>section.show{display:table-cell!important}.hbox.stretch{height:100%}.vbox{display:table;position:relative;height:100%}.vbox>footer,.vbox>section{position:absolute;top:0;bottom:0;width:100%}.vbox>footer~section,.vbox>section.w-f{bottom:50px}.vbox>header~section{top:50px}.vbox>footer{top:auto;z-index:1000}.vbox.flex>footer,.vbox.flex>header,.vbox.flex>section{position:inherit}.vbox.flex>section{display:table-row;height:100%}.vbox.flex>section>section{position:relative;height:100%;overflow:auto}.ie .vbox.flex>section>section{display:table-cell}.vbox.flex>section>section>section{position:absolute;top:0;bottom:0;left:0;right:0}.aside-xs{width:48px}.aside{width:180px}.aside-sm{width:170px}.aside-md{width:200px}.aside-lg{width:250px}.aside-xl{width:300px}.scrollable{-webkit-overflow-scrolling:touch}}.hbox>aside,.hbox>section{padding:0!important}.footer,.header{min-height:50px;padding:0 15px}.footer>p,.header>p{margin-top:15px;display:inline-block}.footer>.btn,.footer>.btn-group,.footer>.btn-toolbar,.header>.btn,.header>.btn-group,.header>.btn-toolbar{margin-top:10px}.footer>.btn-lg,.header>.btn-lg{margin-top:0}.footer .nav-tabs,.header .nav-tabs{border:none;margin-left:-15px;margin-right:-15px}.footer .nav-tabs>li a,.header .nav-tabs>li a{border:none!important;border-radius:0;padding-top:15px;padding-bottom:15px;line-height:20px}.footer .nav-tabs>li a:focus,.footer .nav-tabs>li a:hover,.header .nav-tabs>li a:focus,.header .nav-tabs>li a:hover{background-color:transparent}.footer .nav-tabs>li.active a,.header .nav-tabs>li.active a{color:#717171}.footer .nav-tabs>li.active a,.footer .nav-tabs>li.active a:hover,.header .nav-tabs>li.active a,.header .nav-tabs>li.active a:hover{background-color:#fff;color:#000;}.footer .nav-tabs.nav-white>li.active a,.footer .nav-tabs.nav-white>li.active a:hover,.header .nav-tabs.nav-white>li.active a,.header .nav-tabs.nav-white>li.active a:hover{background-color:#fff}.top{position:absolute;top:0;left:0}.text-right{text-align:right}.w-full{width:100%}.footer.navbar,.header.navbar{min-height:0;border-radius:0;border:none;margin-bottom:0}.scrollable{overflow-x:hidden;overflow-y:auto}.no-touch .scrollable.hover{overflow-y:hidden}.no-touch .scrollable.hover:hover{overflow:visible;overflow-y:auto}@media print{.hbox,.vbox,body,html{height:auto}.vbox>footer,.vbox>section{position:relative}}html.layout-box{padding:30px;background-color:#161719}html.layout-box,html.layout-box .hbox,html.layout-box .vbox,html.layout-box body{height:auto}html.layout-box .vbox>footer,html.layout-box .vbox>section{position:static}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{border-radius:1em;background-color:rgba(50,50,50,.3)}::-webkit-scrollbar-thumb:hover{background-color:rgba(50,50,50,.6)}::-webkit-scrollbar-track{border-radius:1em;background-color:rgba(50,50,50,.1)}::-webkit-scrollbar-track:hover{background-color:rgba(50,50,50,.2)}.nav-bar{position:relative}.nav-bar>.btn{position:absolute;font-size:1.3em;padding:9px 12px;line-height:30px}.nav-bar .nav-brand+.btn{right:0;top:0}.nav-brand{text-align:center;font-size:25px;line-height:50px;display:block}.nav-brand:hover{text-decoration:none}.nav-brand img{max-height:20px;margin-top:-7px;vertical-align:middle}.nav-msg{position:absolute;z-index:1000;top:10px;right:10px;padding:5px}.nav-msg .dropdown-menu{top:-13px;margin-left:9px;width:300px}.nav-msg .arrow.left{top:25px}.nav-user{padding:10px 15px}.nav-user a:focus{outline:0}.nav-primary:after,.nav-primary:before{content:" ";display:table}.nav-primary li{line-height:1.5}.nav-primary li a i{margin-right:.5em;font-size:14px}.nav-primary>ul>li>a{padding:15px;position:relative;text-shadow:0 1px 1px rgba(0,0,0,.2);border-bottom:1px solid rgba(0,0,0,.05)!important;border-top:1px solid rgba(255,255,255,.05)!important;transition:color .3s ease-in-out 0s}.no-borders .nav-primary>ul>li>a{border-width:0!important}.nav-primary>ul>li>a>.badge{font-size:11px;padding:3px 6px}.bg-light .nav-primary>ul>li>a{text-shadow:0 1px 1px #fff}.bg-light .nav-primary>ul>li>a:hover{background-color:#4c5566!important}.nav-primary>ul>li:first-child>a{border-top-width:0}.nav-primary>ul>li.active>a,.nav-primary>ul>li.dropdown-submenu:focus>a,.nav-primary>ul>li.dropdown-submenu:hover>a,.nav-primary>ul>li>a:active,.nav-primary>ul>li>a:focus,.nav-primary>ul>li>a:hover{color:#000;background-color:inherit;background-color:#ddd;text-shadow:none}.bg-light .nav-primary>ul>li.active>a,.bg-light .nav-primary>ul>li.dropdown-submenu:focus>a,.bg-light .nav-primary>ul>li.dropdown-submenu:hover>a{background-color:#4c5566!important}.nav-primary>ul>li.dropdown-submenu>a:after{display:none}.nav-primary>ul>li>.dropdown-menu{border-radius:0}@media (max-width:750px){.classhidr{display:none}}@media (min-width:768px){#nav.nav-vertical .nav-avatar .caret,#nav.nav-vertical.only-icon .nav-primary>ul>li>a span{display:block;}#nav{z-index:1000;-webkit-transition:width .25s;transition:width .25s;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}#nav .nav-avatar .thumb-sm{width:30px}#nav .nav-avatar .arrow{left:15px}#nav>.vbox>.footer{box-shadow:inset 0 1px 0 rgba(40,50,60,.15)}#nav.nav-vertical,#nav.nav-vertical.only-icon{width:60px}#nav.nav-vertical.only-icon .nav-primary>ul>li>a i{margin:5px 0}#nav.nav-vertical.only-icon .nav-avatar .arrow{left:12px!important}#nav.nav-vertical .nav-avatar>.thumb-sm{width:100%}#nav.nav-vertical .nav-avatar .arrow{left:27px!important}#nav.nav-vertical .nav-msg{top:5px}#nav.nav-vertical .nav-msg .arrow.left{top:20px}#nav.nav-vertical .nav-msg .dropdown-menu{top:-8px}#nav.nav-vertical .nav-brand{font-size:20px;padding-left:0;padding-right:0}#nav.nav-vertical .nav-primary>ul>li>a{position:relative;padding:12px 20px!important;letter-spacing: 0.5px;}#nav.nav-vertical .nav-primary>ul>li>a span{display:block}#nav.nav-vertical .nav-primary>ul>li>a i{font-size:15px;margin:4px 10px; width:14px;}#nav.nav-vertical .nav-primary>ul>li>a .badge{position:absolute;right:10px;top:10px}#nav.nav-vertical>.vbox>.footer{padding-left:10px;padding-right:10px}#nav.nav-vertical .hidden-vertical{display:none}}@media (max-width:767px){.nav-user{text-align:center}.nav-user .nav-avatar{margin-top:20px;display:inline-block}.nav-user .nav-avatar .thumb-sm{position:relative;width:160px;background-color:rgba(255,255,255,.15);padding:5px}.nav-user .nav-avatar .thumb-sm:before{content:"";position:absolute;left:5px;right:5px;bottom:5px;top:5px;border:4px solid #fff;border-radius:500px}.nav-user .nav-avatar .thumb-sm .caret{display:none}.nav-user .dropdown-menu{text-align:left;margin-top:0}.nav-user .nav-msg{right:auto;left:10px}.nav-user .nav-msg .dropdown-menu{top:-6px;width:260px}.nav-user .nav-msg .arrow.left{top:20px}.nav-bar-fixed-top{position:fixed;left:0;width:100%;z-index:1100}.nav-bar-fixed-top+*{padding-top:50px}body,html{overflow-x:hidden;min-height:100%}.nav-primary .dropdown-menu{position:relative;float:none;left:0;margin-left:0;padding:0}.nav-primary .dropdown-menu a{padding:15px;border-bottom:1px solid #eee}.nav-primary .dropdown-menu li:last-child a{border-bottom:none}.nav-off-screen{position:absolute;left:0;top:0;bottom:0;width:75%;visibility:visible;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.nav-off-screen .nav-primary{display:block!important}.nav-off-screen .nav-bar-fixed-top{width:75%}.nav-off-screen.push-right{left:auto;right:0}.nav-off-screen.push-right+*{-webkit-transform:translate3d(-75%,0,0);transform:translate3d(-75%,0,0)}.nav-off-screen+*{background-color:#f3f5f9;-webkit-transition:-webkit-transform .2s ease-in-out;-moz-transition:-moz-transform .2s ease-in-out;-o-transition:-o-transform .2s ease-in-out;transition:transform .2s ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(75%,0,0);transform:translate3d(75%,0,0);overflow:hidden;position:absolute;height:100%;top:0;left:0;z-index:2}.nav-off-screen+* .nav-off-screen-block{display:block!important;position:absolute;left:0;right:0;top:0;bottom:0;z-index:1950}}.btn-icon,.divtable tD,.divtable th{text-align:center}.clear,.line,.scroll-x,.scroll-y,.text-ellipsis{overflow:hidden}.arrow{border-width:8px;z-index:10}.arrow,.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.arrow:after{border-width:7px;content:""}.arrow.bottom:after,.arrow.left:after,.arrow.right:after,.arrow.top:after,.chat-item:after,.chat-item:before{content:" "}.arrow.top{left:50%;margin-left:-8px;border-top-width:0;border-bottom-color:#eee;border-bottom-color:rgba(0,0,0,.1);top:-8px}.arrow.top:after{top:1px;margin-left:-7px;border-top-width:0;border-bottom-color:#fff}.arrow.right{top:50%;right:-8px;margin-top:-8px;border-right-width:0;border-left-color:#eee;border-left-color:rgba(0,0,0,.1)}.arrow.right:after{right:1px;border-right-width:0;border-left-color:#fff;bottom:-7px}.arrow.bottom{left:50%;margin-left:-8px;border-bottom-width:0;border-top-color:#eee;border-top-color:rgba(0,0,0,.1);bottom:-8px}.arrow.bottom:after,.btn-default .caret{border-top-color:#fff}.arrow.bottom:after{bottom:1px;margin-left:-7px;border-bottom-width:0}.arrow.left{top:50%;left:-8px;margin-top:-8px;border-left-width:0;border-right-color:#eee;border-right-color:rgba(0,0,0,.1)}.arrow.left:after{left:1px;border-left-width:0;border-right-color:#fff;bottom:-7px}.btn-default{color:#fff!important;background-color:#95a0bb;border-color:#8994b3}.divtable th{font-weight:400;color:#666}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover,.open .dropdown-toggle.btn-default{color:#fff!important;background-color:#78829b;border-color:#78829b}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#aeb6cb;border-color:#aeb6cb}.btn-twitter{color:#fff!important;background-color:#00c7f7;border-color:#00c7f7}.btn-twitter.active,.btn-twitter:active,.btn-twitter:focus,.btn-twitter:hover,.open .dropdown-toggle.btn-twitter{color:#fff!important;background-color:#00a6ce;border-color:#0096ba}.btn-twitter.disabled,.btn-twitter.disabled.active,.btn-twitter.disabled:active,.btn-twitter.disabled:focus,.btn-twitter.disabled:hover,.btn-twitter[disabled],.btn-twitter[disabled].active,.btn-twitter[disabled]:active,.btn-twitter[disabled]:focus,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter,fieldset[disabled] .btn-twitter.active,fieldset[disabled] .btn-twitter:active,fieldset[disabled] .btn-twitter:focus,fieldset[disabled] .btn-twitter:hover{background-color:#00c7f7;border-color:#00c7f7}.btn-white.active,.btn-white:active,.btn-white:focus,.btn-white:hover{background-color:#fcfcfe}.btn-link{color:#717171}.btn-link.active{webkit-box-shadow:none;box-shadow:none}.btn-primary{color:#fff!important;background-color:#594f8d;border-color:#594f8d}.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary{color:#fff!important;background-color:#484073;border-color:#403966}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#594f8d;border-color:#594f8d}.btn-success{color:#037239;background-color:#FFF;border-color:#037239}.btn-success.active,.btn-success:active,.btn-success:focus,.btn-success:hover,.open .dropdown-toggle.btn-success{color:#fff!important;background-color:#328c02;border-color:#328c02}.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#92cf5c;border-color:#92cf5c}.btn-info{background-color: #fff;color: #10579d;border-color: #10579d;}.btn-info.active,.btn-info:active,.btn-info:focus,.btn-info:hover,.open .dropdown-toggle.btn-info{color:#fff!important;background-color:#2682cd;border-color:#2682cd}.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5dcff3;border-color:#5dcff3}.btn-warning{color:#fff!important;background-color:#fcc44d;border-color:#d1a23c}.btn-warning.active,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.open .dropdown-toggle.btn-warning{color:#fff!important;background-color:#fbb725;border-color:#fbb011}.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#fcc44d;border-color:#fcc44d}.btn-danger{background-color: #fff;border-color: #bd4538;color: #bd4538;}.btn-danger.active,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open .dropdown-toggle.btn-danger{color:#fff!important;background-color: #c92e1d;border-color: #883e36;}.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#fb6b5b;border-color:#fb6b5b}.btn-facebook{color:#fff!important;background-color:#335397;border-color:#335397;font-size:12px}.btn-facebook.active,.btn-facebook:active,.btn-facebook:focus,.btn-facebook:hover,.open .dropdown-toggle.btn-facebook{color:#fff!important;background-color:#294279;border-color:#243a69}.btn-facebook.disabled,.btn-facebook.disabled.active,.btn-facebook.disabled:active,.btn-facebook.disabled:focus,.btn-facebook.disabled:hover,.btn-facebook[disabled],.btn-facebook[disabled].active,.btn-facebook[disabled]:active,.btn-facebook[disabled]:focus,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook,fieldset[disabled] .btn-facebook.active,fieldset[disabled] .btn-facebook:active,fieldset[disabled] .btn-facebook:focus,fieldset[disabled] .btn-facebook:hover{background-color:#335397;border-color:#335397}.btn-gplus{color:#fff!important;background-color:#dd4a38;border-color:#dd4a38}.btn-gplus.active,.btn-gplus:active,.btn-gplus:focus,.btn-gplus:hover,.open .dropdown-toggle.btn-gplus{color:#fff!important;background-color:#ca3522;border-color:#b8301f}.btn-gplus.disabled,.btn-gplus.disabled.active,.btn-gplus.disabled:active,.btn-gplus.disabled:focus,.btn-gplus.disabled:hover,.btn-gplus[disabled],.btn-gplus[disabled].active,.btn-gplus[disabled]:active,.btn-gplus[disabled]:focus,.btn-gplus[disabled]:hover,fieldset[disabled] .btn-gplus,fieldset[disabled] .btn-gplus.active,fieldset[disabled] .btn-gplus:active,fieldset[disabled] .btn-gplus:focus,fieldset[disabled] .btn-gplus:hover{background-color:#dd4a38;border-color:#dd4a38}.btn-white{border-color:#dae0ed;border-color:rgba(150,160,180,.3);color:#717171!important;background-color:#fff;box-shadow:inset 0 -1px 1px rgba(0,0,0,.05);background-clip:padding-box}.btn{font-weight:500;border-radius:4px;-webkit-font-smoothing:antialiased;transition:all .15s}.bg .btn-white{border-color:rgba(0,0,0,.1)}.btn-white .caret{border-top-color:#656565}.dropup .btn-white .caret{border-bottom-color:#656565}.btn-icon{padding-left:0;padding-right:0;width:34px}.btn-sm.btn-icon{width:30px}.active>.text,.text-active{display:none!important}.active>.text-active{display:inline-block!important}[class*=" icon-"]:before,[class^=icon-]:before{text-decoration:none;margin-left:.2em;margin-right:.2em}.icon-stack [class*=" icon-"]:before,.icon-stack [class^=icon-]:before{margin:0}.icon-xlarge:before{font-size:1.5em;vertical-align:-14%}.btn-group-justified{border-collapse:separate}.timeline,.timeline2{border-spacing:0;table-layout:fixed;border-collapse:collapse}.btn-rounded{border-radius:50px}.btn>i.pull-left,.btn>i.pull-right{line-height:1.428571429}.btn-block{padding-left:12px;padding-right:12px}.chat-item:after,.chat-item:before{display:table}.chat-item .arrow{top:20px}.chat-item .arrow.right:after{border-left-color:#92cf5c}.chat-item .chat-body{position:relative;margin-left:45px;min-height:30px}.chat-item .chat-body .panel{margin:0 -1px}.chat-item.right .chat-body{margin-left:0;margin-right:45px}.comment-list .comment-item .comment-body,.comment-list .comment-reply{margin-left:46px}.chat-item+.chat-item{margin-top:15px}.comment-list{position:relative}.comment-list .comment-item{margin-top:0;position:relative}.comment-list .comment-item>.thumb-sm{width:36px}.comment-list .comment-item .arrow.left{top:20px;left:39px}.comment-list .comment-item .panel-body{padding:10px 15px}.comment-list .comment-item .panel-footer,.comment-list .comment-item .panel-heading{position:relative;font-size:12px}.comment-list:before{position:absolute;top:0;bottom:35px;left:18px;width:1px;background:#e0e4e8;content:''}.timeline2:before,.timeline:before{content:""}.timeline{display:table;width:100%;position:relative}.timeline:before{width:6px;margin-left:-4px;position:absolute;left:50%;top:0;bottom:30px;background-color:#ddd;z-index:0}.timeline .timeline-date{position:absolute;width:150px;left:-200px;text-align:right;top:32px}.timeline .timeline-icon{position:absolute;left:-41px;top:-2px;top:50%;margin-top:-15px}.timeline .time-icon{width:30px;height:30px;display:inline-block!important;z-index:10;border:2px solid #fff;border-radius:20px;text-align:center;padding-top:5px}.timeline .time-icon:before{font-size:16px;margin-top:5px}.timeline-item{display:table-row}.timeline-item.alt:after,.timeline-item:before{content:"";display:block;width:50%}.timeline-item.alt{text-align:right}.timeline-item.alt:before{display:none}.timeline-item.alt .panel{margin-right:25px;margin-left:0}.timeline-item.alt .timeline-date{left:auto;right:-200px;text-align:left}.timeline-item.alt .timeline-icon{left:auto;right:-41px}.timeline-item.active{display:table-caption;text-align:center}.timeline-item.active:before{width:1%}.timeline-item.active .timeline-caption{display:inline-block;width:auto}.timeline-item.active .timeline-caption h5 span{color:#fff}.timeline-item.active .panel{margin-left:0}.timeline-item.active .timeline-date,.timeline-item.active .timeline-icon{position:static;margin-bottom:10px;display:inline-block;width:auto}.timeline-caption{display:table-cell;vertical-align:top;width:50%}.timeline-caption .panel{display:inline-block;position:relative;margin-left:25px;text-align:left}.timeline-caption h5{margin:0}.timeline-caption h5 span{display:block;color:#999;margin-bottom:4px;font-size:12px}.timeline-caption p{font-size:12px;margin-bottom:0;margin-top:10px}.timeline-footer{display:table-row}.timeline-footer a{display:table-cell;text-align:right}.buscmid,.greenbtnsubmit,.infobox,.infobox .colour,.markerlabel,.post-item .post-media,div.makerdetail{text-align:center}.timeline-footer .time-icon{margin-right:-15px;z-index:5}.timeline2{display:table;width:100%;position:relative}.timeline2:before{width:5px;margin-left:-15px;position:absolute;left:45px;top:25px;bottom:30px;background-color:#ddd;z-index:0}.timeline2 .timeline-icon{position:absolute;left:-30px;top:-2px;top:50%;margin-top:-15px}#task-list .edit,#task-list li{position:relative}.timeline2 .time-icon{width:25px;height:25px;display:inline-block!important;z-index:10;border-radius:20px;text-align:center;padding-top:5px}.timeline2 .time-icon:before{font-size:16px;margin-top:5px}#note-list .note-desc,#note-list .note-name{height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#note-list .note-desc{height:16px;font-size:11px}#task-list .edit{display:none;float:left;left:0;top:-8px;border-width:0;background:0 0;box-shadow:none;padding:0 30px 0 0;font-size:13px;color:#fff}#task-list .editing .task-name{display:none}#task-list .editing .edit{display:block}#task-list .checkbox{margin:4px 0}#task-list li .close{position:absolute;top:13px;right:15px;z-index:1}#task-list li.done .task-name{text-decoration:line-through}#task-detail textarea{height:60px;font-size:12px;border-radius:0}.paper{position:relative;background:-webkit-linear-gradient(top,#f0f0f0 0,#fff 5%);background:-moz-linear-gradient(top,#f0f0f0 0,#fff 5%);background:linear-gradient(top,#f0f0f0 0,#fff 5%);-webkit-background-size:100% 30px;-moz-background-size:100% 30px;-ms-background-size:100% 30px;background-size:100% 30px}.paper:before{content:'';position:absolute;width:0;top:0;left:39px;bottom:0;border-left:1px solid #F9D3D3}.paper textarea{border:none;background-color:transparent;height:100%;padding:30px 0 0 55px;line-height:30px;min-height:210px}.tags .label{font-size:1em;display:inline-block;padding:6px 10px;margin-bottom:3px}.post-item{border-radius:3px;background-color:#fff;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:0 1px 2px rgba(0,0,0,.15);margin-bottom:15px}.post-item .post-title{margin-top:0}.post-item .post-media img{border-radius:3px 3px 0 0}.switch{position:relative}.switch input{position:absolute;opacity:0;filter:alpha(opacity=0)}.switch input:checked+span{background-color:#92cf5c}.switch input:checked+span:after{left:15px}.switch span{position:relative;width:37px;height:20px;border-radius:30px;background-color:#fff;border:1px solid #eee;border-color:rgba(0,0,0,.1);display:inline-block;-webkit-transition:background-color .2s;transition:background-color .2s}.switch span:after{content:"";position:absolute;background-color:#fff;width:20px;top:1px;bottom:1px;border-radius:20px;-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.25);box-shadow:1px 1px 3px rgba(0,0,0,.25);-webkit-transition:left .2s;transition:left .2s}.bg-gradient{background-image:-webkit-gradient(linear,left 0,left 100%,from(rgba(40,50,60,0)),to(rgba(40,50,60,.05)));background-image:-webkit-linear-gradient(top,rgba(40,50,60,0),0,rgba(40,50,60,.05),100%);background-image:-moz-linear-gradient(top,rgba(40,50,60,0) 0,rgba(40,50,60,.05) 100%);background-image:linear-gradient(to bottom,rgba(40,50,60,0) 0,rgba(40,50,60,.05) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0028323c', endColorstr='#0c28323c', GradientType=0);filter:none}.bg-light{background-color:#e0e0e0;color:#717171}.bg-light .lt,.bg-light.lt{background-color:#f2f4f8}.bg-light .lter,.bg-light.lter{background-color:#f9fafc}.bg-light .dk,.bg-light.dk{background-color:#e4e8f2}.bg-light .dker,.bg-light.dker{background-color:#B8BECD;color:#fff}.bg-dark{background-color:#4c5566;color:#c4c9d3}.bg-dark .lt,.bg-dark.lt{background-color:#545e70}.bg-dark .lter,.bg-dark.lter{background-color:#5c677c}.bg-dark .dk,.bg-dark.dk{background-color:#444c5c}.bg-dark .dker,.bg-dark.dker{background-color:#3d4452}.bg-dark a{color:#d3d7de}.bg-dark a:hover{color:#fff}.bg-dark a.list-group-item:focus,.bg-dark a.list-group-item:hover{background-color:inherit}.bg-dark .nav .open>a,.bg-dark .nav li>a:hover{background-color:#414957}.bg-dark .nav li>a{color:#a7afbd}.bg-dark .nav li>ul.dropdown-menu>li>a{color:#626d83}.bg-dark .nav li>ul.dropdown-menu>li>a:hover,.bg-dark .open>a,.bg-dark .open>a:focus,.bg-dark .open>a:hover{color:#fff}.bg-dark.navbar .nav>li.active>a{color:#fff;background-color:#414957}.bg-dark .text-muted{color:#b6bcc8}.bg-black{background-color:#000;color:#9aa1b1}.bg-black .lt,.bg-black.lt{background-color:#1c1f27;}.bg-black .lter,.bg-black.lter{background-color:#3d424f}.bg-black .dk,.bg-black.dk{background-color:#24282f}.bg-black .dker,.bg-black.dker{background-color:#1c1f25}.bg-black a{color:#a8aebc}.bg-black a:hover{color:#fff}.bg-black a.list-group-item:focus,.bg-black a.list-group-item:hover{background-color:inherit}.bg-black .nav .open>a,.bg-black .nav li>a:hover{background-color:#21242b;color:#fff;}.bg-black .nav li>a{color:#7d869b}.bg-black .nav li>ul.dropdown-menu>li>a{color:#424856}.bg-black .nav li>ul.dropdown-menu>li>a:hover,.bg-black .open>a,.bg-black .open>a:focus,.bg-black .open>a:hover{color:#fff}.bg-black.navbar .nav>li.active>a{color:#fff;background-color:#21242b}.bg-black .text-muted{color:#8b93a6}.bg-primary{background-color:#4f628d;color:#dbd8e9}.bg-primary .lt,.bg-primary.lt{background-color:#605598}.bg-primary .lter,.bg-primary.lter{background-color:#695ea5}.bg-primary .dk,.bg-primary.dk{background-color:#524982}.bg-primary .dker,.bg-primary.dker{background-color:#4b4276}.bg-primary a{color:#eae9f2}.bg-primary a:hover{color:#fff}.bg-primary a.list-group-item:focus,.bg-primary a.list-group-item:hover{background-color:inherit}.bg-primary .nav .open>a,.bg-primary .nav li>a:hover{background-color:#4f467d}.bg-primary .nav li>a{color:#bdb8d7}.bg-primary .nav li>ul.dropdown-menu>li>a{color:#7166a9}.bg-primary .nav li>ul.dropdown-menu>li>a:hover,.bg-primary .open>a,.bg-primary .open>a:focus,.bg-primary .open>a:hover{color:#fff}.bg-primary.navbar .nav>li.active>a{color:#fff;background-color:#4f467d}.bg-primary .text-muted{color:#ccc8e0}.bg-success{background-color:#92cf5c;color:#fbfdfa}.bg-success .lt,.bg-success.lt{background-color:#9bd36a}.bg-success .lter,.bg-success.lter{background-color:#a6d87a}.bg-success .dk,.bg-success.dk{background-color:#89cb4e}.bg-success .dker,.bg-success.dker{background-color:#80c740}.bg-success a,.bg-success a:hover{color:#fff}.bg-success a.list-group-item:focus,.bg-success a.list-group-item:hover{background-color:inherit}.bg-success .nav .open>a,.bg-success .nav li>a:hover{background-color:#85c948}.bg-success .nav li>a{color:#eef8e6}.bg-success .nav li>ul.dropdown-menu>li>a{color:#5f982d}.bg-success .nav li>ul.dropdown-menu>li>a:hover,.bg-success .open>a,.bg-success .open>a:focus,.bg-success .open>a:hover{color:#fff}.bg-success.navbar .nav>li.active>a{color:#fff;background-color:#85c948}.bg-info,.bg-info .lt,.bg-info.lt{background-color:#2196f3}.bg-success .text-muted{color:#eef8e6}.bg-info,.bg-info .nav li>a,.bg-info a,.bg-info a:hover{color:#fff}.bg-info .lter,.bg-info.lter{background-color:#40b2de}.bg-info .dk,.bg-info.dk{background-color:#4ccaf2}.bg-info .dker,.bg-info.dker{background-color:#2196f3}.bg-info a.list-group-item:focus,.bg-info a.list-group-item:hover{background-color:inherit}.bg-info .nav .open>a,.bg-info .nav li>a:hover{background-color:#45c8f1}.bg-info .nav li>ul.dropdown-menu>li>a{color:#10a9da}.bg-info .nav li>ul.dropdown-menu>li>a:hover,.bg-info .open>a,.bg-info .open>a:focus,.bg-info .open>a:hover,.bg-info .text-muted,.bg-warning,.bg-warning a,.bg-warning a:hover{color:#fff}.bg-info.navbar .nav>li.active>a{color:#fff;background-color:#45c8f1}.bg-warning{background-color:#fcc44d}.bg-warning .lt,.bg-warning.lt{background-color:#fcca5f}.bg-warning .lter,.bg-warning.lter{background-color:#fdd073}.bg-warning .dk,.bg-warning.dk{background-color:#fcbe3b}.bg-warning .dker,.bg-warning.dker{background-color:#fbb82a}.bg-warning a.list-group-item:focus,.bg-warning a.list-group-item:hover{background-color:inherit}.bg-warning .nav .open>a,.bg-warning .nav li>a:hover{background-color:#fcbc34}.bg-warning .nav li>a{color:#fffefd}.bg-warning .nav li>ul.dropdown-menu>li>a{color:#df9904}.bg-warning .nav li>ul.dropdown-menu>li>a:hover,.bg-warning .open>a,.bg-warning .open>a:focus,.bg-warning .open>a:hover{color:#fff}.bg-warning.navbar .nav>li.active>a{color:#fff;background-color:#fcbc34}.bg-warning .text-muted{color:#fffefd}.bg-danger,.bg-danger .nav li>a,.bg-danger a,.bg-danger a:hover{color:#fff}.bg-danger{background-color:#fb6b5b}.bg-danger .lt,.bg-danger.lt{background-color:#FF5541}.bg-danger .lter,.bg-danger.lter{background-color:#fc8d80}.bg-danger .dk,.bg-danger.dk{background-color:#fb5b4a}.bg-danger .dker,.bg-danger.dker{background-color:#fa4c38}.bg-danger a.list-group-item:focus,.bg-danger a.list-group-item:hover{background-color:inherit}.bg-danger .nav .open>a,.bg-danger .nav li>a:hover{background-color:#fa5542}.bg-danger .nav li>ul.dropdown-menu>li>a{color:#ea1d06}.bg-danger .nav li>ul.dropdown-menu>li>a:hover,.bg-danger .open>a,.bg-danger .open>a:focus,.bg-danger .open>a:hover,.bg-danger .text-muted{color:#fff}.bg-danger.navbar .nav>li.active>a{color:#fff;background-color:#fa5542}.bg-white{background-color:#fff;color:#717171}.bg-white a{color:#575757}.bg-white a:hover{color:#3e3e3e}.bg-white .text-muted{color:#979797}.bg,.bg a,.bg a:hover{color:#fff}.pos-rlt{position:relative}.pos-stc{position:static}.pos-abt{position:absolute}.line{height:2px;margin:10px 0;font-size:0;background-color:transparent;border-width:0;border-top:1px solid #eaedef}.line-xs{margin:0}.line-lg{margin-top:15px;margin-bottom:15px}.line-dashed{border-style:dashed;background:0 0}.no-line{border-width:0}.no-border,.no-borders{border-color:transparent!important;border-width:0}.no-radius{border-radius:0}.block{display:block}.block.hide{display:none}.inline{display:inline-block}.pull-right-lg{float:right}.pull-none{float:none}.form-control-trans{border:none;background:0 0}.bg-white-only{background-color:#fff}.rounded{border-radius:500px}.btn-s-xs{min-width:90px}.btn-s-sm{min-width:100px}.btn-s-md{min-width:120px}.btn-s-lg{min-width:150px}.btn-s-xl{min-width:200px}.l-h-2x{line-height:2em}.l-h-1x{line-height:1.2}.v-middle{vertical-align:middle!important}.v-top{vertical-align:top}.v-bottom{vertical-align:bottom}.font-thin{font-weight:300}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-bold{font-weight:700}um{font-size:12px}.text-xs{font-size:11px}.text-ellipsis{display:block;white-space:nowrap;width:100%;text-overflow:ellipsis}.thumb,.thumb-lg,.thumb-md,.thumb-sm,.thumb-xs{display:inline-block}.wrapper{padding:15px}.wrapper-lg{padding:30px}.wrapper-xl{padding:50px}.padder{padding-left:15px;padding-right:15px}.padder-v{padding-top:15px;padding-bottom:15px}.no-padder{padding:0!important}.pull-in{margin-left:-15px;margin-right:-15px}.pull-out{margin:-10px -15px}.b-t{border-top:1px solid #e0e4e8}.b-r{border-right:1px solid #e0e4e8}.b-b{border-bottom:1px solid #e0e4e8}.b-l{border-left:1px solid #e0e4e8}.r{border-radius:2px}.r-l{border-radius:2px 0 0 2px}.r-r{border-radius:0 2px 2px 0}.r-t{border-radius:2px 2px 0 0}.r-b{border-radius:0 0 2px 2px}.m{margin:15px}.m-n{margin:0}.m-l{margin-left:15px}.m-l-none{margin-left:0}.m-l-xs{margin-left:5px}.m-l-sm{margin-left:10px}.m-l-lg{margin-left:20px}.m-l-n{margin-left:-15px}.m-l-n-xxs{margin-left:-1px}.m-l-n-xs{margin-left:-5px}.m-l-n-sm{margin-left:-10px}.m-l-n-lg{margin-left:-20px}.m-t{margin-top:15px}.m-t-none{margin-top:0}.m-t-xxs{margin-top:1px}.m-t-xs{margin-top:5px}.m-t-sm{margin-top:10px}.m-t-lg{margin-top:20px}.m-t-n{margin-top:-15px!important}.m-t-n-xxs{margin-top:-1px}.m-t-n-xs{margin-top:-5px}.m-t-n-sm{margin-top:-10px}.m-t-n-lg{margin-top:-20px}.m-r{margin-right:15px}.m-r-none{margin-right:0}.m-r-xs{margin-right:5px}.m-r-sm{margin-right:10px}.m-r-lg{margin-right:20px}.m-r-n{margin-right:-15px}.m-r-n-xxs{margin-right:-1px}.m-r-n-xs{margin-right:-5px}.m-r-n-sm{margin-right:-10px}.m-r-n-lg{margin-right:-20px}.m-b{margin-bottom:15px}.m-b-none{margin-bottom:0}.m-b-xs{margin-bottom:5px}.m-b-sm{margin-bottom:10px}.m-b-lg{margin-bottom:20px}.m-b-n{margin-bottom:-15px}.m-b-n-xxs{margin-bottom:-1px}.m-b-n-xs{margin-bottom:-5px}.m-b-n-sm{margin-bottom:-10px}.m-b-n-lg{margin-bottom:-20px}.media-xs{min-width:50px}.media-sm{min-width:80px}.media-md{min-width:90px}.media-lg{min-width:120px}.thumb{width:64px}.thumb-lg{width:128px}.thumb-md{width:90px}.thumb-xs{width:18px}.thumb-sm{width:36px}.thumb img,.thumb-lg img,.thumb-md img,.thumb-sm img,.thumb-xs img{height:auto;max-width:100%;vertical-align:middle}.img-full,.img-full>img{max-width:100%}.avatar{border:1px solid rgba(255,255,255,.2);display:block;border-radius:500px;white-space:nowrap}.avatar img{border-radius:500px}.avatar.border{border:3px solid #fff;border-color:rgba(255,255,255,.5)}.clear{display:block}.scroll-x,.scroll-y{-webkit-overflow-scrolling:touch}.scroll-y{overflow-y:auto}.scroll-x{overflow-x:auto}.no-touch .scroll-x,.no-touch .scroll-y{overflow:hidden}.no-touch .scroll-x:active,.no-touch .scroll-x:focus,.no-touch .scroll-x:hover{overflow-x:auto}.no-touch .scroll-y:active,.no-touch .scroll-y:focus,.no-touch .scroll-y:hover{overflow-y:auto}.no-touch .hover-action{display:none}.no-touch .hover:hover .hover-action{display:inherit}.h{font-size:170px;font-weight:300;background-image:-webkit-linear-gradient(92deg,#fb83fa,#00aced);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media screen and (min-width:992px){.col-lg-2-4{width:20%;float:left}}@media (max-width:767px){.shift{display:none!important}.shift.in{display:block!important}.row-2 [class*=col]{width:50%;float:left}.row-2 .col-0{clear:none}.row-2 li:nth-child(odd){clear:left;margin-left:0}.text-center-xs{text-align:center}.pull-none-xs{float:none!important}.hidden-xs.show{display:inherit!important}}.loadingtext{color:#FFF;font-size:10px;font-weight:400}.loading{display:none;z-index:5000;-moz-border-radius:4px;-webkit-border-radius:4px;position:fixed;top:-2px;left:50%;margin-left:-45px;background-color:#000;padding:5px 10px;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.drvimgdiv,.facimgdiv,.stdimgdiv{width:90px;height:90px;position:relative}.photo_icon,.photo_icon input{position:absolute;cursor:pointer}.drvimgdiv:hover .photo_icon,.vhimgdiv:hover .photo_icon{display:block}.photo_icon{display:none;font-size:12px;color:#888;font-weight:500;margin-bottom:20px;bottom:0;background-image:url(upldimg.png);background-repeat:no-repeat;width:90px;height:90px}.photo_icon input{top:0;right:0;margin:0;opacity:0;filter:alpha(opacity=0);font-size:65px;direction:ltr}.divobject>.switchr{display:block;margin:12px auto}.switchr{position:relative;display:inline-block;vertical-align:top;width:56px;height:20px;padding:0;background-color:#fff;border-radius:8px;cursor:pointer}.switchr-input{position:absolute;top:0;left:0;opacity:0}.switchr-label{position:relative;display:block;height:inherit;font-size:10px;background:#eee;border-radius:inherit;-o-transition:.15s ease-out;transition:.15s ease-out;-webkit-transition-property:opacity background;-moz-transition-property:opacity background;-o-transition-property:opacity background;transition-property:opacity background}[class*=" newicon-"],[class^=newicon-],[data-icon]:before{font-family:feather;font-style:normal;font-variant:normal;text-transform:none;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.switchr-label:after,.switchr-label:before{position:absolute;top:50%;margin-top:-.5em;line-height:1;-webkit-transition:inherit;-moz-transition:inherit;-o-transition:inherit;transition:inherit}.switchr-label:before{content:attr(data-off);right:11px;color:#aaa;text-shadow:0 1px rgba(255,255,255,.5)}.switchr-label:after{content:attr(data-on);left:11px;color:#fff;text-shadow:0 1px rgba(0,0,0,.2);opacity:0}.switchr-input:checked~.switchr-label{background:#47a8d8}.switchr-input:checked~.switchr-label:before{opacity:0}.switchr-input:checked~.switchr-label:after{opacity:1}.switchr-handle{position:absolute;top:2px;left:4px;width:16px;height:16px;background:#fff;border-radius:50%;-o-transition:left .15s ease-out;transition:left .15s ease-out}.switchr-handle:before{content:'';position:absolute;top:50%;left:50%;margin:-6px 0 0 -6px;width:12px;height:12px;border-radius:50%}.switchr-input:checked~.switchr-handle{left:35px}.switchr-green>.switchr-input:checked~.switchr-label{background:#4fb845}.logofl{display:block;height:50px;background-color:#000;color:#6FD7FD;background-position-x:-30px;background-position-y:6px}.logofl:hover{background-color:#4487fa;color:#fff}.greenbtnsubmit{position:relative;overflow:hidden;color:#fff;background-color:#5cb85c;display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;white-space:nowrap;vertical-align:middle;cursor:pointer;border:1px solid transparent;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.greenbtnsubmit:hover{background-color:#47a447;border-color:#398439}.greenbtnsubmit input{position:absolute;top:0;right:0;margin:0;opacity:0;filter:alpha(opacity=0);transform:translate(-300px,0) scale(4);font-size:23px;direction:ltr;cursor:pointer}#progress{position:relative;width:400px;border:1px solid #285e8e;padding:1px;border-radius:3px;display:none}#bar{background-color:#428bca;width:0;height:20px;border-radius:3px}#percent{position:absolute;display:inline-block;top:3px;left:48%}.lefthelp1{display:block;width:300px;height:300px;background-image:url(lefthelp1.png);background-repeat:no-repeat}.lefthelp2,.lefthelp3,.lefthelp4,.lefthelp5,.lefthelp6{width:250px;height:300px;background-repeat:no-repeat;display:block}.lefthelp2{background-image:url(lefthelp2.png)}.lefthelp3{background-image:url(lefthelp3.png)}.lefthelp4{background-image:url(lefthelp4.png)}.lefthelp5{background-image:url(lefthelp5.png)}.lefthelp6{background-image:url(lefthelp6.png)}.lefthelp7{display:block;width:350px;height:300px;background-image:url(lefthelp7.png);background-repeat:no-repeat}.lefthelp1_fr{display:block;width:300px;height:300px;background-image:url(lefthelp1_fr.png);background-repeat:no-repeat}.lefthelp4_fr,.lefthelp5_fr{width:250px;display:block;height:300px;background-repeat:no-repeat}.lefthelp4_fr{background-image:url(lefthelp4_fr.png)}.lefthelp5_fr{background-image:url(lefthelp5_fr.png)}.lefthelp7_fr{display:block;width:350px;height:300px;background-image:url(lefthelp7.png);background-repeat:no-repeat}.buscmid{opacity:1;padding:2px;color:#fff;font-size:10px;background:#666}.closeboxpop,.closeboxpop:hover{float:right;font-size:21px;font-weight:700;line-height:1}.camexndr,.dev_img{background-repeat:no-repeat}.camimgstrtr{position:absolute;top:5px;right:5px;display:none}.camimgdiv:hover .camimgstrtr{display:block}.camimgdiv{position:relative}.camimgextandr{position:absolute;bottom:0;right:0;display:none}.camexndr,.camimgdiv:hover .camimgextandr{display:block}.camexndr{width:31px;height:21px;background-image:url(expnd3.png)}.closeboxpop{color:#999}.closeboxpop:hover{color:#fff;cursor:pointer}.news_items li{padding:5px}li.devlist,li.devlist2{padding:6px}.mapiframe{border:0;width:100%;height:100%}#map_side_div_main{position:absolute;top:20px;left:20px}li.devlist{border-bottom:1px solid #E5E7E8;font-size:14px;color:#629ddd;cursor:pointer}.infobox,.infobox p{font-size:13px;font-weight:400}li.devlist:hover{color:#000}.dev_img{width:430px;height:500px;background-size:contain;background-image:url(api_gateway.png);display:inline-block}@font-face{font-family:feather;src:url(../font/feather-webfont.eot);src:url(../font/feather-webfont.eot?#iefix) format("embedded-opentype"),url(../font/feather-webfont.woff) format("woff"),url(../font/feather-webfont.ttf) format("truetype"),url(../font/feather-webfont.svg#feather) format("svg");font-weight:400;font-style:normal}[data-icon]:before{display:inline-block;content:attr(data-icon);font-weight:400;line-height:1}[class*=" newicon-"],[class^=newicon-]{display:inline-block;font-weight:400;line-height:1}.newicon-eye:before{content:"\e000"}.newicon-paper-clip:before{content:"\e001"}.newicon-mail:before{content:"\e002"}.newicon-toggle:before{content:"\e003"}.newicon-layout:before{content:"\e004"}.newicon-link:before{content:"\e005"}.newicon-bell:before{content:"\e006"}.newicon-lock:before{content:"\e007"}.newicon-unlock:before{content:"\e008"}.newicon-ribbon:before{content:"\e009"}.newicon-image:before{content:"\e010"}.newicon-signal:before{content:"\e011"}.newicon-target:before{content:"\e012"}.newicon-clipboard:before{content:"\e013"}.newicon-clock:before{content:"\e014"}.newicon-watch:before{content:"\e015"}.newicon-air-play:before{content:"\e016"}.newicon-camera:before{content:"\e017"}.newicon-video:before{content:"\e018"}.newicon-disc:before{content:"\e019"}.newicon-printer:before{content:"\e020"}.newicon-monitor:before{content:"\e021"}.newicon-server:before{content:"\e022"}.newicon-cog:before{content:"\e023"}.newicon-heart:before{content:"\e024"}.newicon-paragraph:before{content:"\e025"}.newicon-align-justify:before{content:"\e026"}.newicon-align-left:before{content:"\e027"}.newicon-align-center:before{content:"\e028"}.newicon-align-right:before{content:"\e029"}.newicon-book:before{content:"\e030"}.newicon-layers:before{content:"\e031"}.newicon-stack:before{content:"\e032"}.newicon-stack-2:before{content:"\e033"}.newicon-paper:before{content:"\e034"}.newicon-paper-stack:before{content:"\e035"}.newicon-search:before{content:"\e036"}.newicon-zoom-in:before{content:"\e037"}.newicon-zoom-out:before{content:"\e038"}.newicon-reply:before{content:"\e039"}.newicon-circle-plus:before{content:"\e040"}.newicon-circle-minus:before{content:"\e041"}.newicon-circle-check:before{content:"\e042"}.newicon-circle-cross:before{content:"\e043"}.newicon-square-plus:before{content:"\e044"}.newicon-square-minus:before{content:"\e045"}.newicon-square-check:before{content:"\e046"}.newicon-square-cross:before{content:"\e047"}.newicon-microphone:before{content:"\e048"}.newicon-record:before{content:"\e049"}.newicon-skip-back:before{content:"\e050"}.newicon-rewind:before{content:"\e051"}.newicon-play:before{content:"\e052"}.newicon-pause:before{content:"\e053"}.newicon-stop:before{content:"\e054"}.newicon-fast-forward:before{content:"\e055"}.newicon-skip-forward:before{content:"\e056"}.newicon-shuffle:before{content:"\e057"}.newicon-repeat:before{content:"\e058"}.newicon-folder:before{content:"\e059"}.newicon-umbrella:before{content:"\e060"}.newicon-moon:before{content:"\e061"}.newicon-thermometer:before{content:"\e062"}.newicon-drop:before{content:"\e063"}.newicon-sun:before{content:"\e064"}.newicon-cloud:before{content:"\e065"}.newicon-cloud-upload:before{content:"\e066"}.newicon-cloud-download:before{content:"\e067"}.newicon-upload:before{content:"\e068"}.newicon-download:before{content:"\e069"}.newicon-location:before{content:"\e070"}.newicon-location-2:before{content:"\e071"}.newicon-map:before{content:"\e072"}.newicon-battery:before{content:"\e073"}.newicon-head:before{content:"\e074"}.newicon-briefcase:before{content:"\e075"}.newicon-speech-bubble:before{content:"\e076"}.newicon-anchor:before{content:"\e077"}.newicon-globe:before{content:"\e078"}.newicon-box:before{content:"\e079"}.newicon-reload:before{content:"\e080"}.newicon-share:before{content:"\e081"}.newicon-marquee:before{content:"\e082"}.newicon-marquee-plus:before{content:"\e083"}.newicon-marquee-minus:before{content:"\e084"}.newicon-tag:before{content:"\e085"}.newicon-power:before{content:"\e086"}.newicon-command:before{content:"\e087"}.newicon-alt:before{content:"\e088"}.newicon-esc:before{content:"\e089"}.newicon-bar-graph:before{content:"\e090"}.newicon-bar-graph-2:before{content:"\e091"}.newicon-pie-graph:before{content:"\e092"}.newicon-star:before{content:"\e093"}.newicon-arrow-left:before{content:"\e094"}.newicon-arrow-right:before{content:"\e095"}.newicon-arrow-up:before{content:"\e096"}.newicon-arrow-down:before{content:"\e097"}.newicon-volume:before{content:"\e098"}.newicon-mute:before{content:"\e099"}.newicon-content-right:before{content:"\e100"}.newicon-content-left:before{content:"\e101"}.newicon-grid:before{content:"\e102"}.newicon-grid-2:before{content:"\e103"}.newicon-columns:before{content:"\e104"}.newicon-loader:before{content:"\e105"}.newicon-bag:before{content:"\e106"}.newicon-ban:before{content:"\e107"}.newicon-flag:before{content:"\e108"}.newicon-trash:before{content:"\e109"}.newicon-expand:before{content:"\e110"}.newicon-contract:before{content:"\e111"}.newicon-maximize:before{content:"\e112"}.newicon-minimize:before{content:"\e113"}.newicon-plus:before{content:"\e114"}.newicon-minus:before{content:"\e115"}.newicon-check:before{content:"\e116"}.newicon-cross:before{content:"\e117"}.newicon-move:before{content:"\e118"}.newicon-delete:before{content:"\e119"}.newicon-menu:before{content:"\e120"}.newicon-archive:before{content:"\e121"}.newicon-inbox:before{content:"\e122"}.newicon-outbox:before{content:"\e123"}.newicon-file:before{content:"\e124"}.newicon-file-add:before{content:"\e125"}.newicon-file-subtract:before{content:"\e126"}.newicon-help:before{content:"\e127"}.newicon-open:before{content:"\e128"}.newicon-ellipsis:before{content:"\e129"}.infobox{position:absolute;left:-9999px;z-index:10000;color:#222;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:16px;width:178px;padding:10px 0;border-radius:3px;box-shadow:0 3px 12px -4px #444;box-shadow:0 8px 15px -3px rgba(0,0,0,.5);background:#fff}.infobox p{line-height:16px;margin:3px 0;padding:3px 10px}.infobox p:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.infobox .colour{color:#fff;padding:6px 5px 5px;margin:3px 0 5px}.blinkermap{margin-left:24px;margin-top:-14px;border-radius:50%}@-webkit-keyframes bgblinker{0%,100%{opacity:.1}40%,60%{opacity:1}}@-moz-keyframes bgblinker{0%,100%{opacity:.1}40%,60%{opacity:1}}@keyframes bgblinker{0%,100%{opacity:.1}40%,60%{opacity:1}}.geoalertclass{background-color:#FF4D4D;border:3px solid #fff;-webkit-animation:bgblinker 1s infinite;-moz-animation:bgblinker 1s infinite;animation:bgblinker 1s infinite;margin-left:25px;margin-top:-30px;border-radius:50%}.geoalertclasssmall{background-color:red;-webkit-animation:bgblinker 1s infinite;-moz-animation:bgblinker 1s infinite;animation:bgblinker 1s infinite;display:block;width:14px;height:14px;border-radius:50%}.markerlabel{z-index:9010;font-size:14px;width:98px;border:none;white-space:nowrap;padding:8px 3px 6px;border-radius:3px}.markerlabel p{margin:0}.markerlabel.hide{display:none!important}div.makerdetail{display:none;position:absolute;top:8px;left:-40px;color:#222;font-size:14px;line-height:16px;width:178px;padding:10px 0;border-radius:3px;box-shadow:0 3px 12px -4px #444;box-shadow:0 8px 15px -3px rgba(0,0,0,.5);background:#fff}.makerdetailsub p{font-size:14px;font-weight:400;padding:8px 10px;white-space:normal;border-bottom:1px solid #eee}.makerdetailsub p:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.markerlabel:hover div.makerdetail{display:block}.box-shadow2{box-shadow:0 2px 4px rgba(0,0,0,.1),0 -1px 0 rgba(0,0,0,.02)}.markerlabel.show{display:block!important}.bg-lock-bg{background:url(lockbg.jpg) center center no-repeat!important;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.box-shadow{box-shadow:0 2px 2px rgba(0,0,0,.05),0 1px 0 rgba(0,0,0,.05)} .close { font-size: 19px !important; } .close2 { float: right; font-size: 19px; font-weight: bold; line-height: 1; color: #ffffff; text-shadow: 0 1px 0 #000000; filter: alpha(opacity = 20);background: transparent; border: 0px; } .avatar_bg { width: 42px; height: 42px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; text-transform: uppercase; background: #dbeafe; color: #1d4ed8; } .div_article_customer:hover,.div_article_supplier:hover,.div_article_inventory:hover,.div_article_report:hover,div_article_report:hover {box-shadow: 0 2px 6px rgba(0, 0, 0, .05), 0 -2px 4px rgba(0, 0, 0, .05);} #customer_list article:nth-child(4n+1) .avatar_bg { background: radial-gradient(circle at 30% 30%, #eff6ff 0%, #dbeafe 70%); color: #1d4ed8; } #customer_list article:nth-child(4n+2) .avatar_bg { background: radial-gradient(circle at 30% 30%, #f0fdf4 0%, #dcfce7 70%); color: #166534; } #customer_list article:nth-child(4n+3) .avatar_bg { background: radial-gradient(circle at 30% 30%, #f5f3ff 0%, #ede9fe 70%); color: #5b21b6; } #customer_list article:nth-child(4n+4) .avatar_bg { background: radial-gradient(circle at 30% 30%, #fef2f2 0%, #fee2e2 70%); color: #991b1b; } .sale_avatar_bg { width: 45px; height: 45px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; text-transform: uppercase; background: radial-gradient(circle at 30% 30%, #eff6ff 0%, #e1e6ec 70%); overflow: hidden; position: relative;} .receipt_avatar_bg {width: 45px; height: 45px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; text-transform: uppercase; background: radial-gradient(circle at 30% 30%, #fffce7 0%, #ece1e1 70%); overflow: hidden; position: relative; } .sale_avatar_salebg { width: 29px; height: 29px; background-image: url(icon_sale.png); background-size: contain; position: absolute; bottom: 6px; } .sale_avatar_inv { width: 29px; height: 29px; background-image: url(icon_sale.png); background-size: contain; position: absolute; bottom: 6px; } .sale_avatar_inv_gst { width: 29px; height: 29px; background-image: url(icon_gst_inv.png); background-size: contain; position: absolute; bottom: 6px; } .lucide { width: 14px; height: 14px; stroke-width: 1.8; } .erp-nav-link .lucide { width: 18px !important; height: 18px !important; stroke-width: 1.8; } .xls_import { width: 45px; height: 45px; background-image: url(icon_xls.png); background-size: contain; display:inline-block; position: absolute; } .sale_avatar_paymentbg { width: 29px; height: 29px; background-image: url(icon_payment.png); background-size: contain; position: absolute; bottom: 1px; } .customer_list_articleName,.supplier_list_articleName,.inventory_list_articleName { font-size: 16px; color: #000; text-transform: capitalize; max-width: 25ch; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .report_list_articleName { font-size: 16px; color: #000; text-transform: capitalize; max-width: 25ch; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sales_list_articleName { font-size: 17px; color: #000; text-transform: capitalize; max-width: 25ch; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .customer_list_articleName2 { font-size: 18px; color: #000; text-transform: capitalize; max-width: 35ch; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .div_article_highlight { background: #fff8d2; border-bottom: 1px solid #e3e3e3 !important; } .inventory_bg { width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; text-transform: uppercase; background: #dbeafe; color: #1d4ed8; } .customer_bg { width: 350px; height: 250px; background: url(customers.png) no-repeat center 12px; background-size: contain; position: absolute; bottom: 0px; right: -20px; display: block;transform: scaleX(-1); } .cabCustomer_bg { width: 350px; height: 188px; background: url(cabCustomers.png) no-repeat center 12px; background-size: contain; position: absolute; bottom: 0px; right: 0px; display: block; } .booking_bg { width: 350px; height: 250px; background: url(booking.png) no-repeat center 12px; background-size: contain; position: absolute; bottom: 0px; right: 0px; display: block; } .icon_invoice { width: 36px; height: 46px; background-image: url(icon_invoice.png); background-size: contain; position: absolute; bottom: -18px; } .reports_bg { width: 320px; height: 194px; background: url(report_img.png) no-repeat center 12px; background-size: contain; position: absolute; bottom: 0px; right: 10px; display: block; } .icon_cust_new { width: 50px; height: 70px; background: url(new_cust_logo.png) no-repeat center 12px; background-size: contain; display: block; position: absolute; right: 15px; top: -20px; } .icon_cust_total { width: 50px; height: 70px; background: url(total_cust_logo.png) no-repeat center 12px; background-size: contain; display: block; position: absolute; right: 15px; top: -20px; } .icon_book_new { width: 60px; height: 80px; background: url(new_book_logo1.png) no-repeat center 12px; background-size: contain; display: block; position: absolute; right: 15px; top: -20px; } .icon_book_total { width: 60px; height: 80px; background: url(total_book_logo1.png) no-repeat center 12px; background-size: contain; display: block; position: absolute; right: 15px; top: -20px; } .avatar_bg_booked { width: 42px; height: 42px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; text-transform: uppercase; background: #13a258; color: #fff; } .avatar_bg_completed { width: 42px; height: 42px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; text-transform: uppercase; background: #78829b; color: #fff; } .avatar_bg_ongoing { width: 42px; height: 42px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; text-transform: uppercase; background: #3987c4; color: #fff; } .avatar_bg_assigned { width: 42px; height: 42px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; text-transform: uppercase; background: #594f8d; color: #fff; } .avatar_bg_cancel { width: 42px; height: 42px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; text-transform: uppercase; background: #000; color: #fff; } .list-group-item:hover { background-color: #fff1aa; } .card { background: var(--card); box-shadow: 0 1px 2px rgba(15,23,42,.04), 0 4px 16px rgba(15,23,42,.06); padding: 20px 22px 14px; max-width: 760px; } .card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 14px; color:#333; } .title { font-size: 15px; font-weight: 600; color: var(--ink); margin: 0; letter-spacing: -0.01em; } .subtitle { font-size: 12px; color: var(--muted); margin-top: 2px; } .stats { display: flex; gap: 18px; align-items: baseline; } .stat-val { font-size: 22px; font-weight: 700; color: var(--ink); letter-spacing: -0.02em; } .stat-lbl { font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); } .seg { display: inline-flex; padding: 3px; background: #f1f3f6; border-radius: 8px; font-size: 12px; } .seg button { border: 0; background: transparent; padding: 5px 10px; border-radius: 6px; color: var(--muted); cursor: pointer; font-weight: 500; } .seg button.active { background: #fff; color: var(--ink); box-shadow: 0 1px 2px rgba(0,0,0,.06); } .chart-box { position: relative; height: 230px; } .rightAligndate .dtp-wrapper .dtp-picker { left:auto !important; right:0 !important; } .carousel-wrapper { width: 100%; position: relative; overflow: hidden; padding: 0 45px; margin: 25px auto; } .carousel { display: flex; gap: 15px; overflow-x: auto; scroll-behavior: smooth; white-space: nowrap; scrollbar-width: none; } .carousel::-webkit-scrollbar { display: none; } .carousel img { width: 180px; height: 120px; object-fit: cover; flex: 0 0 auto; cursor: pointer; border-radius:4px; } .carousel img:hover { transform: scale(1.05); } .btnCrs { position: absolute; top: 50%; transform: translateY(-50%); background: transparent; color: #464646; border: none; font-size: 28px; width: 42px; height: 42px; border-radius: 50%; cursor: pointer; z-index: 2; } .btnCrs.left { left: 5px; } .btnCrs.right { right: 5px; } .popup { display: none; position: fixed; z-index: 9999; inset: 0; background: rgba(0,0,0,0.85); justify-content: center; align-items: center; } .popup img { max-width: 90%; max-height: 85%; border-radius: 12px; box-shadow: 0 0 25px rgba(255,255,255,0.2); } .close { position: absolute; top: 25px; right: 35px; color: #fff; font-size: 40px; cursor: pointer; font-weight: bold; } .invoiceSelector { height:200px;border:1px solid #ddd;border-radius:6px;padding:15px; } .invoiceSelector:hover { height:200px;border:1px solid #1f8eba;border-radius:6px;padding:15px;cursor:pointer; } .invoiceSelectorCheck { display:none; position: absolute; top: 15px; font-size: 20px; right: 30px; color: #0966b6; } .invoiceSelector:hover .invoiceSelectorCheck { display:block; } .fileUploader { margin-bottom: 15px; } .fileUploader .selectFileBtn { border: 1px solid #ddd; background: #fff; padding: 9px 15px; border-radius: 6px; cursor: pointer; font-size: 13px; } .fileUploader .selectFileBtn:hover { background: #f7f7f7; } .fileUploader .selectFileBtn:disabled { opacity: .5; cursor: not-allowed; } .fileUploader .uploadStatus { margin-top: 7px; font-size: 12px; } .fileUploader .upload-success { color: #198754; } .fileUploader .upload-error { color: #dc3545; } .fileUploader .upload-progress { color: #555; } /* ========================================================= RECEIPT MODAL ========================================================= */ .receipt-popup { width: 500px; max-width: calc(100vw - 30px); background: #ffffff; border-radius: 12px; overflow: hidden; box-shadow: 0 18px 55px rgba(0,0,0,0.18); font-family: Arial, sans-serif; } /* ========================================================= HEADER ========================================================= */ .receipt-header { position: relative; background: #123f75; padding: 18px 22px 17px; color: #ffffff; } .receipt-number { font-size: 20px; font-weight: 500; line-height: 1.2; } .receipt-date { margin-top: 6px; font-size: 12px; color: rgba(255,255,255,0.62); } .receipt-close { position: absolute; right: 18px; top: 18px; border: 0; background: transparent; color: #ffffff; font-size: 20px; cursor: pointer; padding: 5px; opacity: 0.9; } .receipt-close:hover { opacity: 1; } /* ========================================================= PAYMENT BADGE BAR ========================================================= */ .receipt-type { padding: 8px 22px; background: #07956d; color: #ffffff; font-size: 12px; font-weight: 600; letter-spacing: 1.2px; } /* ========================================================= BILL REFERENCE ========================================================= */ .receipt-bill-reference { padding: 18px 22px; background: #f8fafc; border-bottom: 1px solid #e8edf3; color: #17202a; font-size: 15px; font-weight: 600; } /* ========================================================= INFORMATION GRID ========================================================= */ .receipt-info-grid { display: grid; grid-template-columns: 1fr 160px; border-bottom: 1px solid #e8edf3; } .receipt-info-cell { padding: 15px 22px; } .receipt-info-cell + .receipt-info-cell { border-left: 1px solid #e8edf3; } .receipt-label { font-size: 10px; text-transform: uppercase; letter-spacing: 0.7px; color: #98a1ab; margin-bottom: 7px; } .receipt-value { font-size: 14px; line-height: 1.4; color: #17202a; font-weight: 500; } /* ========================================================= NOTE / AMOUNT AREA ========================================================= */ .receipt-detail-grid { display: grid; grid-template-columns: 1fr 160px; min-height: 135px; border-bottom: 1px solid #e8edf3; } .receipt-note { padding: 16px 22px; } .receipt-amount-box { padding: 16px 22px; border-left: 1px solid #e8edf3; background: #fbfcfd; } .receipt-main-amount { margin-top: 8px; font-size: 22px; font-weight: 600; color: #111827; } .receipt-main-amount .currency { font-size: 13px; font-weight: 500; color: #6b7280; margin-right: 3px; } /* ========================================================= TOTAL ========================================================= */ .receipt-total { display: grid; grid-template-columns: 1fr 160px; background: #ffffff; } .receipt-total-words { padding: 17px 22px; font-size: 13px; color: #39414b; } .receipt-total-amount { padding: 17px 22px; border-left: 1px solid #e8edf3; background: #f8fafc; } .receipt-total-label { font-size: 9px; text-transform: uppercase; letter-spacing: 0.7px; color: #999; margin-bottom: 3px; } .receipt-total-value { color: #123f75; font-size: 18px; font-weight: 700; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 550px) { .receipt-popup { width: calc(100vw - 20px); } .receipt-info-grid, .receipt-detail-grid, .receipt-total { grid-template-columns: 1fr; } .receipt-info-cell + .receipt-info-cell, .receipt-amount-box, .receipt-total-amount { border-left: 0; border-top: 1px solid #e8edf3; } } /* ========================================================================== CABBR ERP - COMPACT ICON NAV COMPATIBILITY PATCH Added for the new ERP icon-only main navigation. This patch intentionally isolates #nav.erp-icon-rail from the legacy #nav.nav-vertical and .aside-sm rules already present in this stylesheet. ========================================================================== */ @media (min-width: 768px) { /* ---------------------------------------------------------------------- Main rail sizing ---------------------------------------------------------------------- */ .hbox > aside#nav.erp-icon-rail, #nav.erp-icon-rail { width: 70px !important; min-width: 70px !important; max-width: 70px !important; table-layout: fixed !important; overflow: visible !important; z-index: 1002 !important; } #nav.erp-icon-rail > .erp-icon-rail-inner { position: fixed !important; top: 0 !important; bottom: 0 !important; left: 0 !important; width: 70px !important; min-width: 70px !important; max-width: 70px !important; height: 100vh !important; overflow: visible !important; z-index: 1002 !important; } #nav.erp-icon-rail .erp-icon-rail-content, #nav.erp-icon-rail .erp-main-nav, #nav.erp-icon-rail .erp-main-nav > ul.nav { width: 70px !important; min-width: 70px !important; max-width: 70px !important; overflow: visible !important; } /* ---------------------------------------------------------------------- Neutralise legacy nav-vertical behaviour if that class still exists ---------------------------------------------------------------------- */ #nav.erp-icon-rail.nav-vertical, #nav.erp-icon-rail.nav-vertical.only-icon, #nav.erp-icon-rail.aside-sm { width: 70px !important; min-width: 70px !important; max-width: 70px !important; } #nav.erp-icon-rail.nav-vertical .nav-primary > ul > li > a, #nav.erp-icon-rail.nav-vertical.only-icon .nav-primary > ul > li > a, #nav.erp-icon-rail .nav-primary > ul > li > a { width: 70px !important; min-width: 70px !important; max-width: 70px !important; height: 58px !important; min-height: 58px !important; max-height: 58px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; position: relative !important; overflow: visible !important; text-indent: 0 !important; white-space: normal !important; background: transparent !important; border-top: 0 !important; border-bottom: 0 !important; text-shadow: none !important; } #nav.erp-icon-rail.nav-vertical .nav-primary > ul > li > a span, #nav.erp-icon-rail.nav-vertical.only-icon .nav-primary > ul > li > a span { display: block !important; } #nav.erp-icon-rail .nav-primary > ul > li { position: relative !important; width: 70px !important; min-width: 70px !important; max-width: 70px !important; height: 58px !important; min-height: 58px !important; max-height: 58px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; border: 0 !important; } #nav.erp-icon-rail .nav-primary > ul > li > a > i, #nav.erp-icon-rail.nav-vertical .nav-primary > ul > li > a > i, #nav.erp-icon-rail.nav-vertical.only-icon .nav-primary > ul > li > a > i { position: relative !important; float: none !important; width: 42px !important; min-width: 42px !important; max-width: 42px !important; height: 42px !important; min-height: 42px !important; max-height: 42px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 17px !important; line-height: 42px !important; text-align: center !important; color: inherit !important; border-radius: 8px !important; } /* Remove old full-row active/hover background */ #nav.erp-icon-rail .nav-primary > ul > li.active > a, #nav.erp-icon-rail .nav-primary > ul > li > a:hover, #nav.erp-icon-rail .nav-primary > ul > li > a:focus, #nav.erp-icon-rail .nav-primary > ul > li > a:active { background: transparent !important; color: #ffffff !important; outline: none !important; box-shadow: none !important; -webkit-tap-highlight-color: transparent; } #nav.erp-icon-rail .nav-primary > ul > li:hover > a > i { background: #1b2635 !important; color: #ffffff !important; } #nav.erp-icon-rail .nav-primary > ul > li.active > a > i { background: #1267d7 !important; color: #ffffff !important; box-shadow: 0 5px 14px rgba(18,103,215,.26) !important; } /* ---------------------------------------------------------------------- Floating hover cards ---------------------------------------------------------------------- */ #nav.erp-icon-rail .erp-hover-card { position: absolute !important; display: block !important; left: 85px !important; right: auto !important; top: 50% !important; bottom: auto !important; width: 205px !important; min-width: 205px !important; max-width: 245px !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 10px 12px !important; border: 0 !important; border-radius: 8px !important; background: #1d2a3b !important; color: #ffffff !important; box-shadow: 0 10px 28px rgba(8,17,31,.28) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translate(8px,-50%) !important; text-align: left !important; text-indent: 0 !important; white-space: normal !important; line-height: 1.35 !important; z-index: 99999 !important; } #nav.erp-icon-rail .erp-hover-card::before { content: "" !important; position: absolute !important; left: -6px !important; top: 50% !important; width: 12px !important; height: 12px !important; background: #1d2a3b !important; transform: translateY(-50%) rotate(45deg) !important; } #nav.erp-icon-rail .erp-hover-card strong, #nav.erp-icon-rail .erp-hover-card small, #nav.erp-icon-rail .erp-hover-card em { position: relative !important; z-index: 1 !important; display: block !important; float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; text-indent: 0 !important; white-space: normal !important; } #nav.erp-icon-rail .erp-hover-card strong { color: #ffffff !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.25 !important; } #nav.erp-icon-rail .erp-hover-card small { margin-top: 4px !important; color: #b8c3d2 !important; font-size: 10px !important; line-height: 1.45 !important; } #nav.erp-icon-rail .erp-hover-card em { margin-top: 6px !important; color: #8fa4bf !important; font-size: 9px !important; font-style: normal !important; line-height: 1.3 !important; } #nav.erp-icon-rail .nav-primary > ul > li:hover .erp-hover-card, #nav.erp-icon-rail .erp-company-button:hover .erp-hover-card, #nav.erp-icon-rail .erp-power-button:hover .erp-hover-card, #nav.erp-icon-rail .erp-hover-card.is-keyboard-visible { opacity: 1 !important; visibility: visible !important; transform: translate(0,-50%) !important; } /* ---------------------------------------------------------------------- Company/account area ---------------------------------------------------------------------- */ #nav.erp-icon-rail .erp-company-wrap { width: 70px !important; min-width: 70px !important; max-width: 70px !important; height: 72px !important; overflow: visible !important; } #nav.erp-icon-rail .erp-company-button { position: relative !important; width: 70px !important; min-width: 70px !important; max-width: 70px !important; height: 72px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; display: flex !important; align-items: center !important; justify-content: center !important; } #nav.erp-icon-rail .erp-company-button > .erp-hover-card { left: 85px !important; } /* ---------------------------------------------------------------------- Footer ---------------------------------------------------------------------- */ #nav.erp-icon-rail > .vbox > .footer.erp-icon-footer { width: 70px !important; min-width: 70px !important; max-width: 70px !important; padding: 0 !important; } #nav.erp-icon-rail .erp-power-button { position: relative !important; width: 70px !important; height: 47px !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: visible !important; } #nav.erp-icon-rail .erp-power-button > .erp-hover-card { left: 61px !important; } /* Prevent legacy pseudo content from appearing */ #nav.erp-icon-rail .nav-primary > ul > li > a::before, #nav.erp-icon-rail .nav-primary > ul > li > a::after { content: none !important; } } /* Mobile keeps your existing off-canvas behaviour */ @media (max-width: 767px) { #nav.erp-icon-rail { width: 0 !important; min-width: 0 !important; max-width: 0 !important; } }