/* defaults */
.tal{text-align: left !important;} .tar{text-align: right !important;} .tac{text-align: center !important;}
.nm{margin: 0px !important;} .nmt{margin-top: 0px !important;} .nmb{margin-bottom: 0px !important;} .nmr{margin-right: 0px !important;} .nml{margin-left: 0px !important;}
.np{padding: 0px !important;} .npt{padding-top: 0px !important;} .npb{padding-bottom: 0px !important;} .npr{padding-right: 0px !important;} .npl{padding-left: 0px !important;}    
.oh{overflow: hidden !important;}
.nb{border: 0px !important;} .nbb{border-bottom: 0px !important;} .nbl{border-left: 0px !important;} .nbr{border-right: 0px !important;} .nbt{border-top: 0px !important;}
.bpl{background-position: left top;} .bpr{background-position: right top;} .bpc{background-position: center top;}
.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml25{margin-left:25px;}
.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr25{margin-right:25px;}
.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt25{margin-top:25px;}
.p5{padding: 5px !important;}.p10{padding: 10px !important;}
.pt5{padding-top:5px;}.pt10{padding-top:10px !important;}.pt15{padding-top:15px !important;}.pt20{padding-top:20px !important;}.pt25{padding-top:25px !important;}
.lh20{line-height: 20px !important;}
.vam{vertical-align: middle;}
html{height: 100%; min-height: 100%;}

form{margin: 0px;}

a{ outline: 0 !important;}
a:hover,a:focus,a:active{ text-decoration: none;}


    /* eof set bootstrap to responsive */
    body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {margin-right: 17px; overflow: auto;}
    .modal{outline: none !important;}
        .modal.modal-draggable{overflow-y: auto !important;}
            .modal.modal-draggable .modal-header{cursor: pointer;}
/* eof defaults */

/* text shadow */
.navbar li a,.navbar li a,.block .buttons > li > a,.list-group .list-group-item, .nav-tabs > li > a, .list .list-item .list-controls a, address
/* {text-shadow: 1px 1px 2px rgba(0,0,0,0.3);} */

/* .block .user .info .informer, .block .head h2, .block .header h2, .block .head-panel .hp-info */
/* {text-shadow: 1px 1px 1px rgba(0,0,0,0.5);} */
/* eof text shadow */

/* box shadow */
.navbar,.dropdown-menu,.block-drop-shadow,.ui-datepicker,.dropdown-submenu
/* {-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.3);box-shadow: 0px 2px 3px rgba(0,0,0,0.3);} */
.ui-slider .ui-slider-handle,.list-status
/* {-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);box-shadow: 0px 1px 2px rgba(0,0,0,0.3);} */
.select2-container-multi, .select2-container, div.tagsinput
/* {-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);} */
/* eof box shadow */

/* border radius */
.nbr
{-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
.br, .navbar.br,.block.block-drop-shadow,.list-group, .messages .messages-item .messages-item-text,div.tagsinput,.ui-corner-all,.jqstooltip,.timeline .timeline-info-content, .list-default .list-item, .gallery-item
{-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.nbrb,.nav-tabs.nav-justified > li > a,.page-footer-wrap
{-moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px;}

/* custom layout */
.page-container{position: relative; height: 100%; min-height: 100%;}
    .page-sidebar{float: left; width: 230px; padding-right: 1px;}
    .page-content{margin-left: 230px; padding-top: 10px;min-height: 100%;}
        .page-sidebar-narrow .page-sidebar{width: 35px;}            
        .page-sidebar-narrow .page-content{margin-left: 35px;}            
/* eof custom layout */

/* navigations */
    /* horizontal */   
    .navbar{border: 0px; position: relative; display: block; margin: 10px 0px 20px 0px; background: url("/static/templates/css/header_back.jpg") repeat scroll right top #133959;  /* url('../dealer_admin/img/background/bt_cubs.png') left top repeat;*/box-shadow: 0 0 2px 0 #CCCCCC inset;  min-height: 40px; background-color: #133959;}
        .navbar-collapse,.navbar-form{padding: 0px; margin: 0px;}
        .navbar-form{margin: 5px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 0px;} 
        .navbar-nav{position: relative; display: block; list-style: none; padding: 0px; float: left; /* border-right: 1px solid #2B5A74; border-left: 1px solid #0e2c44; */margin-top: 9px;}        
            .navbar-nav > li > a{height: 24px; color: #FFF; /* text-transform: uppercase; */ text-decoration: none; text-align: center; /*display: block; float: left;*/ width: 100%; position: relative;
                                       /* border-left: 1px solid #2B5A74; border-right: 1px solid #0e2c44;*/ padding: 5px 10px 9px 30px; font-size: 11px; font-weight: bold;}                
                .navbar-nav > li > a > span{font-size: 14px; color: #ffffff; position: absolute; left: 9px; top: 3px;}                
                    .navbar-nav > li.active > a, .navbar-nav > li:hover > a, .navbar-nav > li > a:focus,
                    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background: url('/static/img/background/bt_cubs_a.png') left top repeat transparent; /* border-right: 1px solid #0e2c44; border-left-color: #2B5A74;*/}
                    
                        .navbar-nav > li.active > a > span, .navbar-nav > li:hover > a > span, .navbar-nav > li.open > a > span{color: #FFF;}
        .navbar-brand{padding: 6px 15px;}
/*         .navbar button{color: #FFF;} */
        .navbar-toggle{padding: 3px 10px 3px;}
        
        .dropdown-menu, .dropdown-submenu{background: url('/static/img/background/bt_cubs.png') left top repeat #222; border: 0px; padding: 5px;}
            .dropdown-menu li{position: relative;}
            .dropdown-menu > li > a,.dropdown-submenu > li > a{padding: 8px 10px; color: #FFF; position: relative;}       
                .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,
                .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus,
                .dropdown-submenu > li > a:hover, .dropdown-submenu > li > a:focus{background: url('/static/img/background/bt_cubs_a.png') left top repeat transparent; color: #FFF; outline: 0;}
                .dropdown-menu .divider{background-color: rgba(255,255,255,0.1);}        
                
                .dropdown-menu > li > a > i[class^='icon-']{position: absolute; right: 10px; top: 8px;}
                
                .dropdown-submenu{position: absolute; right: 0px; display: none; left: 95%; top: 0px; z-index: 1001; float: left; min-width: 160px; list-style: none;
                                  border-radius: 3px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
                                  background-clip: padding-box;}
                    .dropdown-submenu > li > a{display: block; clear: both; font-weight: normal; line-height: 1.428571429; white-space: nowrap;}
                    
                    .dropdown-menu li:hover > .dropdown-submenu{display: block;}
                    
        .navbar-nav > li:last-child > a{border-right-color: #0e2c44;}
    /* eof horizontal */
    
    /* vertical */            
        .page-navigation{display: block; float: left; width: 100%; list-style: none; padding: 0px 0px 10px 0px;}
            .page-navigation ul{list-style: none; display: block; float: left; padding: 0px; display: none;}
                .page-navigation li{float: left; width: 100%; font-size: 12px; color: #FFF;}                    
                    .page-navigation li a{padding: 10px 20px 10px 15px; float: left; display: block; width: 100%; position: relative; line-height: 15px;}
                    .page-navigation > li > a{padding-left: 35px; background: rgba(0,0,0,0.2); margin-bottom: 1px;}
                        .page-navigation li a span[class^='icon-']{position: absolute; left: 10px; top: 9px; font-size: 16px;}
                        .page-navigation li a i[class^='icon-']{position: absolute; right: 10px; top: 10px; font-size: 12px;}            
                    .page-navigation li a:hover{background: rgba(0,0,0,0.1);}
            .page-navigation li.active > ul{display: block;}
            
            .page-navigation > li > ul > li > a{padding-left: 10px;}
            .page-navigation > li > ul > li > ul > li > a{padding-left: 20px;}
            .page-navigation > li > ul > li > ul > li > ul > li > a{padding-left: 30px;}
            .page-navigation > li > ul > li > ul > li > ul > li > ul > li > a{padding-left: 40px;}
            .page-navigation > li > ul > li > ul > li > ul > li > ul > li > ul > li > a{padding-left: 50px;}
            
        .page-sidebar-narrow .page-sidebar .page-navigation{overflow: hidden;}
        .page-sidebar-narrow .page-sidebar:hover .page-navigation{overflow: auto;}
    /* eof vertical */
    
/* eof navigations */

/* page navigation control panel */
.page-navigation-panel{float: left; background: rgba(0,0,0,0.4); width: 100%; margin-bottom: 1px;}
    .page-navigation-panel .name{font-size: 11px; color: #FFF; font-weight: bold; float: left; line-height: 35px; height: 35px; padding-left: 10px;}
    .page-navigation-panel.search{padding: 0px; background: none;}
    .page-navigation-panel.logo{background: url('../img/logob.png') center top no-repeat transparent; height: 90px; margin: 10px 0px;}
    .page-navigation-panel .control{line-height: 35px; float: right; text-align: center; width: 35px; height: 35px; opacity: 1; filter: alpha(opacity=100);}
        .page-navigation-panel .control span{font-size: 17px; color: #FFF;}
        .page-navigation-panel .control.active{opacity: 0.5; filter: alpha(opacity=50);}
        
.page-sidebar-narrow .page-sidebar .page-navigation-panel .name,
.page-sidebar-narrow .page-sidebar .page-navigation-panel.search,
.page-sidebar-narrow .page-sidebar .page-navigation-hide{display: none;}
.page-sidebar-narrow .page-sidebar .page-navigation-panel.logo{background: url('../img/logo.png') center top no-repeat transparent; height: 28px; margin: 5px 0px;}
    .page-sidebar-narrow .page-sidebar:hover .page-navigation-panel .name,
    .page-sidebar-narrow .page-sidebar:hover .page-navigation-panel.search{display: block;}
    .page-sidebar-narrow .page-sidebar:hover .page-navigation-panel.logo{background: url('../img/logob.png') center top no-repeat transparent; height: 90px; margin: 10px 0px;}
/* eof page navigation control panel*/

/* blocks */
/* .block{margin-bottom: 20px; float: left; width: 100%; position: relative;} */
    .block .header, .block .content, .block .footer, .block .toolbar, 
    .block .header.header-default, .block .content.content-default, .block .toolbar.toolbar-default, .block .footer.footer-defaut
    {background: rgba(0,0,0,0.3); float: left; width: 100%;}    
    .block-white .header, .block-white .content, .block-white .footer, .block-white .toolbar,
    .block .header.header-white, .block .content.content-white, .block .toolbar.toolbar-white, .block .footer.footer-white
    {background: rgba(255,255,255,0.2);}    
    .block-transparent .header, .block-transparent .content, .block-transparent .footer, .block-transparent .toolbar,
    .block .header.header-transparent, .block .content.content-transparent, .block .toolbar.toolbar-transparent, .block .footer.footer-transparent
    {background: transparent;}
    
    .block-fill-white .header, .block-fill-white .content, .block-fill-white .footer, .block-fill-white .toolbar,
    .block .header.header-fill-white, .block .content.content-fill-white, .block .toolbar.toolbar-fill-white, .block .footer.footer-fill-white
    {background: #FFF; color: #333;}
    
    .block .header, .block .footer, .block .toolbar{height: 50px; padding: 10px;}    
    .block .header{height: 40px; padding: 5px 10px;}
    .block .toolbar{margin: 1px 0px;}    
    
        .block.header-clean .header{background: transparent; padding-top: 0px; height: 30px;}
        .block .header h2, .block .head h2{font-size: 12px; color: #FFF; padding: 0px; margin: 0px; display: block; float: left; text-transform: uppercase; font-weight: bold;}        
        .block-fill-white .header h2,.block-fill-white .head h2,.block-fill-white .head .head-subtitle,.block-fill-white .head{color: #333; text-shadow: none;}
        
    .block .content{padding: 10px;}
        .block .content.controls{padding: 0px 0px 10px 0px;}
    .block .footer, .block .header, .block .toolbar, .block .head,.block .header h2, .block .head h2{line-height: 30px;}
    
    .block .buttons{padding: 0px; margin: 0px; list-style: none; padding-top: 2px; float: left;}
        .block .buttons > li{display: block; float: left;}
        .block .buttons > li > a{color: #FFF; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); margin-left: 10px;}
        .block .buttons > li > a [class^='icon-']{font-size: 14px;}
            .block .buttons > li > a:hover, .block .buttons > li.open > a{opacity: 1; filter: aplha(opacity=100);}
        .block .buttons .dropdown-menu{left: auto; right: 0px;}
        .block-fill-white .buttons > li > a{color: #333; text-shadow: none;}
        
    .block .head{padding: 8px 10px; float: left; width: 100%;}
        .head-subtitle{font-size: 11px; color: #DDD; float: left; line-height: 13px; margin-bottom: 5px; width: 100%;}
        .block .head-panel{width: 100%; float: left; margin: 30px 0px 0px; position: relative;}    
            .block .head-panel .hp-info{margin-left: 20px; position: relative;}
                .block .head-panel .hp-info:first-child{margin-left: 0px;}
                .block .head-panel .hp-info.hp-disabled{opacity: 0.5; filter: alpha(opacity=50);}
                .block .head-panel .hp-info .hp-icon{position: absolute; left: 0px; top: 3px; font-size: 24px;}
                .block .head-panel .hp-info .hp-main,
                .block .head-panel .hp-info .hp-sm{display: block; float: left; margin-left: 27px; clear: both; line-height: 14px;}
                    .block .head-panel .hp-info .hp-main{font-size: 14px; margin-top: 2px;}
                    .block .head-panel .hp-info .hp-sm{font-size: 11px; opacity: 0.8; filter: alpha(opacity=80); margin-top: 3px; text-align: center;}    
                        
                        .block .head-panel .hp-info .hp-sm .progress{margin: 3px 0px 2px;}
                    
                    .block .head-panel .hp-info.hp-one{margin-top: 6px;}
                        .block .head-panel .hp-info.hp-one .hp-icon{font-size: 16px; top: -3px;}
                        .block .head-panel .hp-info.hp-one .hp-main{font-size: 12px; margin-left: 21px; margin-top: 6px;}
                    
                    .block .head-panel .hp-info.hp-simple{margin-left: 10px;}
                        .block .head-panel .hp-info.hp-simple .hp-main{margin-left: 0px; font-size: 11px; font-weight: bold;}
                        .block .head-panel .hp-info.hp-simple .hp-sm{margin-left: 0px;}
                    
                    .block .head-panel .hp-info.hp-inline{width: 100%; margin-left: 0px;}
                        .block .head-panel .hp-info.hp-inline .hp-main,
                        .block .head-panel .hp-info.hp-inline .hp-sm{width: 100%; text-align: left;}
                        
                    
                .block .head-panel .side{float: left;}
                    .block .head-panel .left_abs_100{position: absolute; left: 0px; top: 0px; width: 100px;}
                    .block .head-panel .right_abs_100{position: absolute; right: 0px; top: 0px; width: 100px;}

                        
    .block .head .chart{float: left; width: 100%;}
                        
     .block .user{padding: 10px; float: left; width: 100%; position: relative;}
        .block .user .info{margin: 0px auto; width: 100px;}
        .block .user .info .informer{position: absolute; font-size: 9px; text-align: center; line-height: 14px;}        
        .block .user .info .informer.informer-one{left: 10px; top: 10px;}
        .block .user .info .informer.informer-two{right: 10px; top: 10px;}        
        .block .user .info .informer.informer-three{left: 10px; bottom: 10px;}
        .block .user .info .informer.informer-four{right: 10px; bottom: 10px;}
            .block .user .info .informer span{font-size: 12px; font-weight: bold; display: block;}
            
        .block .user .user-change{position: relative;}
        .block .user .user-change-button{width: 96px; height: 96px; font-size: 32px; line-height: 96px; color: #FFF; background: rgba(255,255,255,0.2); 
                                         position: absolute; left: 0px; top: 0px; border-radius: 50%; text-align: center; display: none; cursor: pointer;}
        .block .user .user-change:hover .user-change-button{display: block;}
            .block .user-change-row{display: none;}                
      /*div > .block:last-child{margin-bottom: 0px;}*/      
      
      .contact-images img{margin-bottom: 5px;}
/* eof blocks */

/* page-footer */
	.page-footer{
/* 	width: 100%; */
	 padding: 0px 10px; 
/* 	 float: left; */
	 }
    .page-footer-wrap{background: rgba(0,0,0,0.2);
/*     float: left; width: 100%;  */
    padding: 8px 10px;}
/* eof page-footer */


     /*labels and badges*/
        /* label{margin-bottom: 0px;} */
        .badge{border-radius: 3px;}
        .label.label-default{background: rgba(255,255,255,0.2);}
/*         .help-block{color: #FFF;line-height: 12px;margin-bottom: 5px;} */
    /* eof labels and badges*/
    
    /* group addons */
    /* .input-group{line-height: 28px;} */
        .input-group-addon{background: rgba(0,0,0,0.7); color: #FFF; border: 0px; padding: 7px 12px 5px;min-width: 38px;}
    /* eof group addons */
    
    .img-thumbnail{border: 3px solid rgba(255,255,255,0.3); background: none; padding: 0px;}
    
    .btn-group-vertical .btn-group .btn{margin-top: -1px; width: 100%;}

/* eof form elements */



/* typography */
.typhography{text-shadow: 1px 2px 2px rgba(0,0,0,0.2);}
    .typhography p{line-height: 19px;}
   
/* h1{font-size: 27px;}
h2{font-size: 23px;} */
/* h3{font-size: 21px;} */
/* h4{font-size: 19px;}
h5{font-size: 17px;} */
/* h6{font-size: 15px;} */

/* h1,h2,h3,h4,h5,h6{margin-top: 0px; margin-bottom: 10px;} */

.text-muted{color: #ccc;}
.text-primary{color: #41A6FF;}
.text-success{color: #59AD2F;}
.text-info{color: #5396b5;}
.text-warning{color: #FFA91F;}
.text-danger{color: #b26e6e;}

/* .well{background: rgba(0,0,0,0.2); border: 0px;} */
.well.well-lg{padding: 15px;}

blockquote{border-color: rgba(0,0,0,0.2);}
    blockquote small{color: #DDD;}
    
.badge{background: rgba(0,0,0,0.2);}

/* dt{text-transform: uppercase;}
dd{padding: 5px 0px;} */
/* eof typography */


/* tabs */
    .tabs{float: left; width: 100%; position: relative;}
    .nav-tabs{border-color: rgba(0,0,0,0.3);}

        .nav-tabs > li{margin-bottom: 0px;}
            .nav-tabs > li > a{display:block;  margin-right: 0px;}
    
/*         .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active>a:focus,.nav-tabs > .dropdown.active.open > a:hover */
/*         {border-color: transparent; color: #FFF; background: rgba(0,0,0,0.3);} */
        .nav-tabs > li > a:hover,.nav-tabs > .dropdown.open > a,.nav-tabs > .dropdown.open > a:hover
        {background: rgba(0,0,0,0.1); border-color: transparent; color: #FFF;}
    
        .nav-tabs.nav-justified > li > a{border-bottom-color: rgba(0,0,0,0.3);}
            .nav-tabs.nav-justified > .active > a{border-bottom-color: transparent;}                        
        
        .nav-tabs a .caret,.nav-tabs a:hover .caret{border-top-color: #FFF;border-bottom-color: #FFF;}    
            
        .head .nav-tabs{border-color: transparent; border-bottom: 0px;}
        
         .nav-tabs-vertical .nav-tabs{float: left; width: 150px; position: absolute; left: 0px; border-bottom: 0px;}
            .nav-tabs-vertical .nav-tabs > li{width: 100%;}
                .nav-tabs-vertical .nav-tabs > li > a{width: 100%; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
                .nav-tabs-vertical .nav-tabs > li:first-child > a{-moz-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px;}
                .nav-tabs-vertical .nav-tabs > li:last-child > a{-moz-border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;}
                
        .nav-tabs-vertical .tab-content{width: auto; margin-left: 150px;}
        .tabs .nav-tabs > li:first-child > a,
        .tabs .nav-tabs > li:last-child > a{-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
/* eof tabs */

/* modal */
    /*.modal-content{background: url('../img/background/bt_cubs.png') left top repeat #222; border-width: 3px; border: 1px solid #1B1B1B;}*/
    .modal-header{border-bottom-color: #1B1B1B; padding: 10px 15px;}    
        .modal-title{line-height: 30px; font-size: 12px; font-weight: bold; text-transform: uppercase;}
        .modal-header .close{margin-top: 5px;}
    .modal-footer{border-top-color: #1B1B1B;  padding: 10px 15px; margin-top: 0px;}
        .close,.close:hover,.close:focus{color: #FFF;}
    
    .modal.modal-white .modal-content{background: #FFF; color: #333; border: 1px solid #EEE;}
        .modal.modal-white .modal-content .modal-header{border-bottom-color: #EEE;}
        .modal.modal-white .modal-content .modal-footer{border-top-color: #EEE;}
            .modal.modal-white .close,.modal.modal-white .close:hover,.modal.modal-white .close:focus{color: #333;}
        
/*     .modal-backdrop.in{opacity: 0.3; filter: alpha(opacity=30);} */
    
    .modal.modal-success .modal-content{background: url('../img/background/bt_cubs.png') left top repeat #59AD2F; border: 1px solid #4F9B2B;}
        .modal-success .modal-header{border-bottom-color: #4F9B2B;}
        .modal-success .modal-footer{border-top-color: #4F9B2B;}
    .modal.modal-warning .modal-content{background: url('../img/background/bt_cubs.png') left top repeat #FFA91F; border: 1px solid #db860f;}
        .modal-warning .modal-header{border-bottom-color: #db860f;}
        .modal-warning .modal-footer{border-top-color: #db860f;}    
    .modal.modal-danger .modal-content{background: url('../img/background/bt_cubs.png') left top repeat #AF2F2F; border: 1px solid #A62D2D;}
        .modal-danger .modal-header{border-bottom-color: #A62D2D;}
        .modal-danger .modal-footer{border-top-color: #A62D2D;}      
    .modal.modal-info .modal-content{background: url('../img/background/bt_cubs.png') left top repeat #2F84B1; border: 1px solid #25678B;}
        .modal-info .modal-header{border-bottom-color: #25678B;}
        .modal-info .modal-footer{border-top-color: #25678B;}      
/* eof modal */

/* statusbar */
    .statusbar{position: fixed; bottom: 0px; width: 100%; padding: 10px; background: rgba(0,0,0,0.90); display: none;left:0;z-index: 5;}
        .statusbar .statusbar-icon{float: left; margin-right: 10px; padding: 3px 0px;}
            .statusbar .statusbar-icon [class^=icon]{font-size: 20px; line-height: 24px;}
        .statusbar .statusbar-text{font-size: 12px; font-weight: bold; color: #FFF; float: left; padding-right: 30px; line-height: 30px;}
        .statusbar .statusbar-body{float: left; padding-right: 30px;}
        .statusbar .statusbar-close{position: absolute; right: 15px; top: 50%; margin-top: -8px; cursor: pointer; opacity: 0.2; filter: alpha(opacity=20);}
            .statusbar .statusbar-close:hover{ opacity: 0.5; filter: alpha(opacity=50);}
        
    .statusbar.statusbar-info{background: rgba(47,132,177,0.70);} /* #2F84B1 */
    .statusbar.statusbar-danger{background: rgba(175,47,47,0.70);}/* #AF2F2F */
    .statusbar.statusbar-success{background: rgba(89,173,47,0.70);} /* #FFA91F */
    .statusbar.statusbar-warning{background: rgba(255,169,31,0.70);} /* #59AD2F */        
/* eof statusbar */

/* pagination */

.pagination > li > a, .pagination > li > span{background: rgba(0,0,0,0.3); border: 1px solid #e3e3e3; line-height: 15px; margin-left: 1px; color: #888888;}
/* .pagination > li > a, .pagination > li > span{background: rgba(0,0,0,0.3); border-color: transparent; line-height: 15px; margin-left: 1px; color:#FFFFFF;} */
    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .pagination > li > a:hover, .pagination > li > span:hover
    {background: rgba(0,0,0,0.5); border-color: transparent;}    
    .pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus
    {background: rgba(0,0,0,0.3); border-color: transparent;}  
    .pagination [class^='icon-']{line-height: 14px;}
/* eof pagination */

/* breadcrumb */
.breadcrumb{background: rgba(0,0,0,0.2); color: #FFF;}
    .breadcrumb > li+li:before{content: "\f105"; font-family: 'FontAwesome'; padding: 0px 8px;}
    .breadcrumb > li{color: #FFF; opacity: 0.6; filter: alpha(opacity=60);}
    .breadcrumb > li.active{opacity: 1; filter: alpha(opacity=100); color: #FFF;}
    .breadcrumb > li:hover{opacity: 1; filter: alpha(opacity=100);}

/* eof breadcrumb */

/* buttons */


/*.btn:hover,.btn.btn-default.btn-clean:hover,.btn.btn-primary.btn-clean:hover,.btn.btn-success.btn-clean:hover,
.btn.btn-info.btn-clean:hover,.btn.btn-warning.btn-clean:hover, .btn.btn-danger.btn-clean:hover, .btn.btn-clean:hover,
.btn.btn-clean.active, .btn.btn-default.btn-clean.active,.btn.btn-primary.btn-clean.active,.btn.btn-success.btn-clean.active,
.btn.btn-info.btn-clean.active,.btn.btn-warning.btn-clean.active,.btn.btn-danger.btn-clean.active
{background: rgba(0,0,0,0.2); color: #FFF;}
    .btn.btn-clean{border-color: #111; background: transparent; color: #FFF;}
    .btn .caret{border-top-color: #FFF;}
    .dropup .btn .caret{border-bottom-color: #FFF;}
    
*/

.btn.btn-success{border-color: #59AD2F; background: #59AD2F;}
.btn.btn-success:hover{background-color: #4F9B2B; background-image: none;}
.btn.btn-success.btn-clean{border-color: #59AD2F; background: transparent; color: #59AD2F;}

.btn.btn-info{border-color: #2F84B1; background: #2F84B1;}
.btn.btn-info:hover{background-color: #25678B; background-image: none;}
.btn.btn-info.btn-clean{border-color: #2F84B1; background: transparent; color: #2F84B1;}

.btn.btn-warning{border-color: #FFA91F; background: #FFA91F;}
.btn.btn-warning:hover{background-color: #FF9806; background-image: none;}
.btn.btn-warning.btn-clean{border-color: #FFA91F; background: transparent; color: #FFA91F;}

.btn.btn-danger{border-color: #a92627;background: #db2d2e;}
.btn.btn-danger:hover{background-color: #A62D2D; background-image: none;}
.btn.btn-danger.btn-clean{border-color: #AF2F2F; background: transparent; color: #AF2F2F;}

.btn.btn-link{background: transparent; border-color: transparent; color: #FFF;}
.btn.btn-link:hover{background: transparent; background-image: none;}
.btn.btn-link.btn-clean{border-color: transparent;}
/* eof buttons */

/* list group */
.list-group{float: left; padding: 0px; border: 0px; width: 100%; list-style: none;}
    .block .list-group{margin: 0px; padding: 0px; background: transparent;}
        .list-group .list-group-item{background: rgba(0,0,0,0.2); border: 0px; color: #FFF; position: relative; padding: 10px 10px 10px 15px;}
            .list-group.list-group-icons .list-group-item{padding: 10px 10px 10px 27px;}
                .list-group.list-group-icons .list-group-item span[class^='icon-'],
                .list-group.list-group-icons .list-group-item span[class^='glyphicon']{position: absolute; top: 10px; left: 10px; opacity: 0.6; filter: alpha(opacity=60);}
            .list-group .list-group-item:hover,.list-group .list-group-item:focus,.list-group .list-group-item:active
            {background: rgba(0,0,0,0.1); color: #FFF;}
                .list-group.list-group-icons .list-group-item:hover span[class^='icon-'],
                .list-group.list-group-icons .list-group-item:hover span[class^='glyphicon']{opacity: 1; filter: alpha(opacity=100);}
            .block .content .list-group-item:first-child{border-top-right-radius: 0px; border-top-left-radius: 0px;}
            .list-group .list-group-item .label{float: right; padding: 4px 5px;}
    .list-group > li{margin-bottom: -1px;}
    .list-group .dropdown-menu{left: auto; right: 0px;}
    
.page-content-white{background: #F0F0F0; color: #333;}
    .page-content-white a{color: #333;}
        .page-content-white a:hover{color: #333;}
        
    .page-content-white .breadcrumb{background: #FFF; color: #333;}
        .page-content-white .breadcrumb > li, .page-content-white .breadcrumb > li.active{color: #333;}    
    
/* list group */
/* list */
    .list, .block .content.list{padding: 0px; list-style: none;}
        .list,.list .list-item,.list .list-title{display: block; width: 100%; float: left;}
        .list .list-title{color: #FFF; font-weight: bold; font-size: 12px; text-transform: uppercase; text-decoration: none; padding: 10px;}
        .list .list-item{background: #E7EBEC; color: #333; position: relative; overflow: hidden;}
            .list .list-item:nth-child(2n+1){background: #DEE4E5;}
            .list .list-item:hover{background: #FFF;}            
        
        .list-default .list-item{background: rgba(0,0,0,0.2); color: #FFF; margin-bottom: 3px; overflow: auto;}    
            .list-default .list-item:nth-child(2n+1){background: rgba(0,0,0,0.3);}
            .list-default .list-item:hover{background: rgba(0,0,0,0.1);}
            .list-default .list-item .list-text{float: left;}
            .list-default .list-item .list-title{padding-bottom: 0px;}
                .list-default .list-item .list-text img{margin: 0px 5px 0px 0px;}                
            
            .list .list-item .list-datetime,
            .list .list-item .list-info{float: left; padding: 8px 10px 8px 10px;}
                .list .list-item .list-datetime{width: 65px;}
                .list .list-item .list-datetime .date{font-size: 14px; color: #BA3450; text-align: center; font-weight: bold;}
                .list .list-item .list-datetime .time{font-size: 11px; color: #8F95A1; text-align: center; line-height: 16px;}
                
            .list .list-item .list-text{padding: 8px 15px 8px 10px;}
                .list .list-item .list-text .list-text-name{font-size: 14px; color: #333;}
                .list .list-item .list-text p{margin: 5px 0px; font-size: 11px; color: #888D9A; line-height: 16px;}
                .list .list-item .list-text .list-text-info{font-size: 11px; color: #666; margin-top: 3px; line-height: 14px;}
                
                
            .list .list-item .list-controls{position: absolute; width: 50%; height: 80px; right: -50%; top: 0px; padding: 5px 10px; background: rgba(225,90,0,0.9); transition: 200ms; line-height: 64px;}
                .list .list-item:hover .list-controls{transition: 200ms; right: 0;}
                .list .list-item .list-controls a{margin-right: 10px;}                        
                
                .list.list-contacts .list-controls{height: 56px; line-height: 48px;}
                
            .list-default .list-item .list-text p{font-size: 12px; color: #FFF; margin-bottom: 3px; margin-top: 0px; padding-top: 0px;}        
                
        .list.list-contacts{background: transparent;}
            .list.list-contacts .list-item{background: rgba(0,0,0,0.2); margin-bottom: 1px; color: #FFF; margin-bottom: -1px;}
                .list.list-contacts .list-item:hover,
                .list.list-contacts .list-item.active{background: rgba(0,0,0,0.1);}
                .list.list-contacts .list-item .list-text .list-text-name{color: #FFF;}
                .list.list-contacts .list-item .list-text p,.list.list-contacts .list-item .list-text .list-text-info{color: #EEE;}
                .list.list-contacts .list-item:last-child{margin-bottom: 0px;}
                
         .list-status{width: 10px; height: 10px; position: absolute; right: 10px; top: 50%; margin-top: -5px;
                      -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}       
            .list-status-online{background: #86D435;}
            .list-status-offline{background: #EF372E;}
            .list-status-away{background: #FF9806;}
            
            
            .list .list-item .progress{margin: 3px 0px 2px;}
/* eof list */



/* popovers */
/*.popover{background: url('../img/background/bt_cubs.png') left top repeat #222; border-width: 3px; border: 3px solid #1B1B1B;}*/
.popover.left .arrow:after{border-left-color: #1B1B1B;}
.popover.right .arrow:after{border-right-color: #1B1B1B;}
.popover.top .arrow:after{border-top-color: #1B1B1B;}
.popover.bottom .arrow:after{border-bottom-color: #1B1B1B;}
/* eof popovers */

/* alerts */
.alert{padding: 10px; color: #FFF; border: 1px solid rgba(0,0,0,0.1);}
    .alert.alert-success{background: #59AD2F;}
    .alert.alert-info{background: #2F84B1;}
    .alert.alert-warning{background: #FFA91F;}
    .alert.alert-danger{background: #AF2F2F;}
/* eof alerts */


/* panels */
/* .panel{color: #FFF; background: rgba(0,0,0,0.2); border-color: rgba(0,0,0,0.1);} */
	.panel{font-family:"Roboto";}
    .panel .panel-heading{color: #FFF; background: transparent; padding-left: 10px; border-color: rgba(0,0,0,0.1);}
    .panel .panel-body{padding: 10px; background: transparent;}
    .panel .panel-footer{background: transparent; padding-left: 10px; border-color: rgba(0,0,0,0.1);}
    
    .panel.panel-success{background: url('../img/background/bt_cubs.png') left top repeat #59AD2F; border-color: #4F9B2B;}
        .panel.panel-success .panel-heading,.panel.panel-success .panel-footer{border-color: #4F9B2B;}
    .panel.panel-warning{background: url('../img/background/bt_cubs.png') left top repeat #FFA91F; border-color: #FF9806;}
        .panel.panel-warning .panel-heading,.panel.panel-warning .panel-footer{border-color: #FF9806;}
    .panel.panel-info{background: url('../img/background/bt_cubs.png') left top repeat #2F84B1; border-color: #2F84B1;}
        .panel.panel-info .panel-heading,.panel.panel-info .panel-footer{border-color: #2F84B1;}
    .panel.panel-danger{background: url('../img/background/bt_cubs.png') left top repeat #AF2F2F; border-color: #A62D2D;}
        .panel.panel-danger .panel-heading,.panel.panel-danger .panel-footer{border-color: #A62D2D;}
    .panel.panel-primary{background: url('../img/background/bt_cubs.png') left top repeat #41A6FF; border-color: #3F97FE;}
        .panel.panel-primary .panel-heading,.panel.panel-primary .panel-footer{border-color: #3F97FE;}        
/* eof panels */

/* carousel */
.carousel-content{width: 100%; padding: 10px 25px 5px;}
.carousel-control{width: 20px;}
.carousel-control.left,.carousel-control.right{background: none;}
.carousel-control span{position: absolute; top: 50%; margin-left: -7px; margin-top: -10px; left: 50%;}
/* eof carousel */

/* jQuery UI */
.ui-widget-content{background: url('../img/background/bt_cubs.png') left top repeat #222; border-width: 3px; border: 3px solid #1B1B1B; color: #FFF;}
.ui-widget-header{background: transparent; border: 0px;}
.ui-widget-content a{color: #FFF;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{background: rgba(0,0,0,0.1); border: 0px; color: #FFF;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
{background: transparent; border-color: transparent;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight,
.ui-state-highlight.ui-state-hover
{background: rgba(0,0,0,0.2);}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
{background: rgba(0,0,0,0.4);}

.list-group .list-group-item.ui-selected{background: rgba(0,0,0,0.4);}
.list-group .helper{background: rgba(225,90,0,0.2);}


    
    /* spinner */
    .ui-spinner{padding: 0px; margin: 0px; background: transparent; width: 100%; border: 0px;}
        .ui-spinner .ui-spinner-input{margin: 0px; padding: 6px 12px;}
        .ui-spinner .ui-spinner-button{width: 30px; height: 15px; font-size: 13px;}
        .ui-spinner .ui-spinner-button span{background: rgba(0,0,0,0.4); text-indent: 0px !important; position: relative; opacity: 0.6; filter: alpha(opacity=60); color: #FFF; line-height: 15px; width: 30px; height: 15px; cursor: pointer;}
            .ui-spinner .ui-spinner-up span:before{position: absolute; content: "\f106"; font-family: 'FontAwesome'; left: 12px;}
            .ui-spinner .ui-spinner-down span:before{position: absolute; content: "\f107"; font-family: 'FontAwesome'; left: 12px;}
        .ui-spinner .ui-spinner-button span:hover{background: rgba(0,0,0,0.6);}
    /* eof spinner */
    
    /* accordion */
    .ui-accordion .ui-accordion-content{padding: 10px; border-width: 1px;}
    .ui-accordion .ui-state-default .ui-icon{background: none; text-indent: 0;}        
        .accordion.accordion-transparent .ui-widget-content{background: transparent; border: 0px;}
        
        .ui-accordion .ui-state-default .ui-icon-triangle-1-s:before{position: absolute; content: "\f107"; font-family: 'FontAwesome';}
        .ui-accordion .ui-state-default .ui-icon-triangle-1-e:before{position: absolute; content: "\f105"; font-family: 'FontAwesome';}
    /* eof accordion */
/* eof jQuery UI */


/* login-block */
.login-block{width: 300px; margin: 100px auto 0px;}
.registration-block{width: 600px; margin: 100px auto 0px;}
/* eof login-block */

/* error block */ 
.block-error{width: 300px; margin: 100px auto 0px;}
    .block-error .error-logo{margin-bottom: 20px; float: left; width: 100%; text-align: center;}
        .block-error .error-code,.block-error .error-text{font-size: 24px; color: #FFF; text-align: center; text-shadow: 3px 3px 3px rgba(0,0,0,0.4); 
                                                          width: 100%; float: left; margin-bottom: 10px;}
        .block-error .error-text{font-size: 14px;margin-bottom: 20px;}
/* eof error block */





/* icons list */
    .icons-list .col-md-3{padding-top: 10px; padding-bottom: 10px; color: #f0f0f0;}
        .icons-list .col-md-3:hover{background: rgba(0,0,0,0.1); color: #FFF; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
        .icons-list .col-md-3 [class^="icon-"]{font-size: 16px; color: #FFF;}
        .icons-list-icon{font-size: 72px; line-height: 114px; text-align: center;}
/* eof icons list */