@charset "UTF-8";
.h1,.h2,.h3,.h4,.h5,.h6,body,h1,h2,h3,h4,h5,h6{
    font-family:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif
}
#note-list li,.list-group-item,.noscrolllist,.switch{
    cursor:pointer
}
.switchr-label,.text-uc{
    text-transform:uppercase
}
body{
    color:#717171;
    background-color:#f3f5f9
    font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
}
.btn{
    border-radius:2px;
    -webkit-box-shadow:0 1px 6px rgba(57,73,76,.35);
    box-shadow:0 1px 6px rgba(57,73,76,.35);
    border-color:transparent;
    -webkit-font-smoothing:antialiased;
    transition:all .15s
}
.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:#fb6b5b
}
.text-white{
    color:#fff
}
.text-muted{
    color:#979797
}
small{
    font-size:90%
}
.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:#fff
}
.alert .close i{
    font-size:12px;
    font-weight:400;
    display:block
}
.divtable tD,.divtable th,.dropdown-menu{
    font-size:13px
}
.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:5px 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
}
.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:#fff;
    background-color:inherit;
    background-color:rgba(0,0,0,.075)!important;
    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:none
    }
    #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 0;
        font-size:11px;
        text-align:center
    }
    #nav.nav-vertical .nav-primary>ul>li>a span{
        display:block
    }
    #nav.nav-vertical .nav-primary>ul>li>a i{
        display:block;
        font-size:19px;
        margin:4px 0
    }
    #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:#fff!important;
    background-color:#37a000;
    border-color:#37a000
}
.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{
    color:#fff!important;
    background-color:#2196f3;
    border-color:#2196f3
}
.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:#fcc44d
}
.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{
    color:#fff!important;
    background-color:#fb6b5b;
    border-color:#fb6b5b
}
.btn-danger.active,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open .dropdown-toggle.btn-danger{
    color:#fff!important;
    background-color:#fa4733;
    border-color:#fa351f
}
.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
}
.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:#2c3039;
    color:#9aa1b1
}
.bg-black .lt,.bg-black.lt{
    background-color:#343843
}
.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
}
.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:12px;
    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:-36px;
    background-color:#549FF5;
    padding:8px 18px;
    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
}
.infobox.places{
    width:267px
}
.c0_bg .mrkericon,.c1_bg .mrkericon,.c2_bg .mrkericon,.c3_bg .mrkericon,.c4_bg .mrkericon,.c5_bg .mrkericon,.c6_bg .mrkericon,.c7_bg .mrkericon{
    z-index:9010;
    margin-top:-20px;
    margin-left:38px;
    width:20px;
    height:20px;
    position:absolute;
    display:block;
    background-size:contain;
    background-repeat:no-repeat
}
.progress-bar-success:hover{
    background-color:#8BD22A
}
.progress-bar-dark{
    background-color:#122239
}
.progress-bar-dark:hover{
    cursor:pointer;
    background-color:#3d4452
}
.progress-bar-info{
    background-color:#4C94E3
}
.progress-bar-info:hover{
    cursor:pointer;
    background-color:#61AAFA
}
.progress-bar-danger{
    background-color:#F94F57
}
.progress-bar-danger:hover{
    cursor:pointer;
    background-color:#FF283C
}
.c0_bg{
    background-color:#001932;
    color:#D9E1EF
}
.c1_bg,.c2_bg,.c3_bg,.c4_bg,.c5_bg,.c6_bg,.c7_bg{
    color:#fff
}
.c1_bg{
    background-color:#FF283C
}
.c2_bg{
    background-color:#F1D02D
}
.c3_bg{
    background-color:#8cd12a
}
.c4_bg{
    background-color:#5185ff
}
.c5_bg{
    background-color:#8926fa
}
.c6_bg{
    background-color:#828282
}
.c7_bg{
    background-color:#6bb2ff
}
.c0_bg .mrkericon{
    background-image:url(b0.png)
}
.c1_bg .mrkericon{
    background-image:url(b1.png)
}
.c2_bg .mrkericon{
    background-image:url(b2.png)
}
.c3_bg .mrkericon{
    background-image:url(b3.png)
}
.c4_bg .mrkericon{
    background-image:url(b4.png)
}
.c5_bg .mrkericon{
    background-image:url(b5.png)
}
.c6_bg .mrkericon{
    background-image:url(b6.png)
}
.c7_bg .mrkericon{
    background-image:url(b7.png)
}
.mrkericon_base{
    z-index:9011;
    position:absolute;
    margin-top:-15px;
    margin-left:43px;
    display:block;
    width:10px;
    height:10px;
    background-size:contain;
    background-repeat:no-repeat
}
.blinkermap,.geoalertclass{
    width:50px;
    height:50px;
    z-index:-1;
    display:block;
    position:absolute
}
.mrkericon_a_0{
    background-image:url(arrow/a_0.png)
}
.mrkericon_a_0_45{
    background-image:url(arrow/a_0_45.png)
}
.mrkericon_a_45_90{
    background-image:url(arrow/a_45_90.png)
}
.mrkericon_a_45{
    background-image:url(arrow/a_45.png)
}
.mrkericon_a_90_135{
    background-image:url(arrow/a_90_135.png)
}
.mrkericon_a_90{
    background-image:url(arrow/a_90.png)
}
.mrkericon_a_135_180{
    background-image:url(arrow/a_135_180.png)
}
.mrkericon_a_135{
    background-image:url(arrow/a_135.png)
}
.mrkericon_a_180_225{
    background-image:url(arrow/a_180_225.png)
}
.mrkericon_a_180{
    background-image:url(arrow/a_180.png)
}
.mrkericon_a_225_270{
    background-image:url(arrow/a_225_270.png)
}
.mrkericon_a_225{
    background-image:url(arrow/a_225.png)
}
.mrkericon_a_270_315{
    background-image:url(arrow/a_270_315.png)
}
.mrkericon_a_270{
    background-image:url(arrow/a_270.png)
}
.mrkericon_a_315_350{
    background-image:url(arrow/a_315_350.png)
}
.mrkericon_a_315{
    background-image:url(arrow/a_315.png)
}
.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)
}