body{margin-top:50px;}



 .navbar-right{margin-right:15px;}
.navbar a.navbar-brand
{
    background-color:#1DAF9A; color:#fff;width:250px
}
.navbar a.navbar-brand img
{
    
   position:relative; top : -15px; left:-15px;
   width: 250px; height:50px;    
}
.page-content-wrapper{background-color:#E8E8E8;}

table.table th.fit {white-space: nowrap;}

.panel-footer .btn {margin-bottom:2px;}

/*SidebarLeft*//* Toggle Styles */
#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 250px;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    background: #000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}

/* Sidebar Styles */

.sidebar-nav {
    /*position: absolute;*/
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand 
{
    margin:0;   
    height: 180px;
    font-size: 16px;
    line-height: 15px;
    background-color:#343D46;
    
    
}

.sidebar-nav > .sidebar-brand img
{
   
    width:100px;
    height:100px;
    margin-left:50px; 
    margin-top:10px; 
    border-radius: 50px;   
      
}
 

.sidebar-nav > .sidebar-brand a.identityName {
      position:relative;
      top:10px; left:35%;
      clear:both;
}
.sidebar-nav > .sidebar-brand a span.glyphicon {
    position: relative;
    top: 2px;
    left: -1%;
    display: inline;
}
.sidebar-nav > .sidebar-brand a span 
{
    position: relative;
    top: -30px;
    right: 20px;   
    color: #fff;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

@media(min-width:768px) {
    #wrapper {
        padding-left: 250px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 250px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 20px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}.pagination-container {
    text-align: center;
}

.mb-10 {margin-bottom:10px;}
.mt-10 {margin-top:10px;}

.company-detail-row > div:nth-of-type(odd) {
    color:#999D9D;
    text-align:right;
}

.resize-vertical { resize:vertical;min-height:100px; }


#sidebar-wrapper form 
{
    margin:5px;
    }

#sidebar-wrapper form  div label
{
    color: white;
    display: block;
    font-size:small;
    font-weight:bold;
     margin-left:5px;
    }
    
#sidebar-wrapper form  div input,#sidebar-wrapper form  div select
{
 margin-left:5px;
 width:90%;
}
#selectcat{margin-left:5px;}  
    
 #sidebar-wrapper form  div.form-group
 {
  display:block;
 }
        
 #sidebar-wrapper form  div.form-group input
 {
     height:25px;
 }
#sidebar-wrapper form  div.form-group select
 {
     
     height:34px;
     margin-bottom:2px;
 }
#subcat{width:90%; padding:5px; margin-left:5px;}
#subcat span 
{
   
    font-size: 10px;
}
 #sidebar-wrapper .btn{margin-top:10px; margin-left:5px;}     
 
 
  .navbar-dejan
     {
display:none;         
         }
         
         
/*************************************************************
*               Dashboard                                    *
*                                                            *
**************************************************************/
.Dashboard{margin-top:10px; background-color:#F5F5F5; padding-top:25px;}
.widget {
  width: 100%;
  float: left;
  margin: 0px;
  list-style: none;
  text-decoration: none;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  color: #FFF;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  padding: 15px 10px;
  margin-bottom: 20px;
  min-height: 120px;
  position: relative;
}
.widget.widget-padding-sm,
.widget.widget-item-icon {
  padding: 10px 0px 5px;
}
.widget.widget-np {
  padding: 0px;
}
.widget.widget-no-subtitle {
  padding-top: 25px;
}
.widget.widget-carousel {
  padding-bottom: 0px;
  padding-top: 10px;
}
.widget.widget-default {
  background: #ffffff;
   
   
   
   
   
   
   
}
.widget.widget-primary {
  background: #1b1e24;
  background: -moz-linear-gradient(top, #1b1e24 0%, #101215 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1b1e24), color-stop(100%, #101215));
  background: -webkit-linear-gradient(top, #1b1e24 0%, #101215 100%);
  background: -o-linear-gradient(top, #1b1e24 0%, #101215 100%);
  background: -ms-linear-gradient(top, #1b1e24 0%, #101215 100%);
  background: linear-gradient(to bottom, #1b1e24 0%, #101215 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1b1e24, endColorstr=#101215, GradientType=0);
}
.widget.widget-success {
  background: #95b75d;
  background: -moz-linear-gradient(top, #95b75d 0%, #89ad4d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #95b75d), color-stop(100%, #89ad4d));
  background: -webkit-linear-gradient(top, #95b75d 0%, #89ad4d 100%);
  background: -o-linear-gradient(top, #95b75d 0%, #89ad4d 100%);
  background: -ms-linear-gradient(top, #95b75d 0%, #89ad4d 100%);
  background: linear-gradient(to bottom, #95b75d 0%, #89ad4d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#95b75d, endColorstr=#89ad4d, GradientType=0);
}
.widget.widget-info {
background: #1caf9a !important;  
}
.widget.widget-warning {
  background: #1caf9a;
  background: -moz-linear-gradient(top, #1caf9a 0%, #fe970a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1caf9a), color-stop(100%, #fe970a));
  background: -webkit-linear-gradient(top, #1caf9a 0%, #fe970a 100%);
  background: -o-linear-gradient(top, #1caf9a 0%, #fe970a 100%);
  background: -ms-linear-gradient(top, #1caf9a 0%, #fe970a 100%);
  background: linear-gradient(to bottom, #1caf9a 0%, #fe970a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1caf9a, endColorstr=#fe970a, GradientType=0);
}
.widget.widget-danger {
  background: #E04B4A;
  background: -moz-linear-gradient(top, #E04B4A 0%, #a43f3e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E04B4A), color-stop(100%, #a43f3e));
  background: -webkit-linear-gradient(top, #E04B4A 0%, #a43f3e 100%);
  background: -o-linear-gradient(top, #E04B4A 0%, #a43f3e 100%);
  background: -ms-linear-gradient(top, #E04B4A 0%, #a43f3e 100%);
  background: linear-gradient(to bottom, #E04B4A 0%, #a43f3e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E04B4A, endColorstr=#a43f3e, GradientType=0);
}
.widget .widget-title,
.widget .widget-subtitle,
.widget .widget-int,
.widget .widget-big-int {
  width: 100%;
  float: left;
  text-align: center;
}
.widget .widget-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
  line-height: 20px;
  text-transform: uppercase;
}
.widget .widget-subtitle {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 5px;
  line-height: 15px;
  color: #EEE;
}
.widget .widget-int {
  font-size: 32px;
  line-height: 40px;
  font-weight: bold;
  font-family: arial;
}
.widget .widget-big-int {
  font-size: 42px;
  line-height: 45px;
  font-weight: 300;
}
.widget .widget-item-left {
  margin-left: 10px;
  float: left;
  width: 100px;
}
.widget .widget-item-right {
  margin-right: 10px;
  float: right;
  width: 100px;
}
.widget.widget-item-icon .widget-item-left,
.widget.widget-item-icon .widget-item-right {
  width: 70px;
  padding: 20px 0px;
  text-align: center;
}
.widget.widget-item-icon .widget-item-left {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  margin-right: 10px;
  padding-right: 10px;
}
.widget.widget-item-icon .widget-item-right {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  margin-left: 10px;
  padding-left: 10px;
}
.widget .widget-item-left .fa,
.widget .widget-item-right .fa,
.widget .widget-item-left .glyphicon,
.widget .widget-item-right .glyphicon {
  font-size: 60px;
}
.widget .widget-data {
  padding-left: 120px;
}
.widget .widget-data-left {
  padding-right: 120px;
}
.widget.widget-item-icon .widget-data {
  padding-left: 90px;
}
.widget.widget-item-icon .widget-data-left {
  padding-right: 90px;
  padding-left: 10px;
}
.widget .widget-data .widget-title,
.widget .widget-data-left .widget-title,
.widget .widget-data .widget-subtitle,
.widget .widget-data-left .widget-subtitle,
.widget .widget-data .widget-int,
.widget .widget-data-left .widget-int,
.widget .widget-data .widget-big-int,
.widget .widget-data-left .widget-big-int {
  text-align: left;
}
.widget .widget-controls a {
  position: absolute;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 17px;
  color: #FFF;
  border: 1px solid #FFF;
  -moz-border-radius: 20%;
  -webkit-border-radius: 20%;
  border-radius: 20%;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  opacity: 0.4;
  filter: alpha(opacity = 40);
}

.widget .widget-controls a.widget-control-left {
  left: 10px;
  top: 10px;
}
.widget .widget-controls a.widget-control-right {
  right: 10px;
  top: 10px;
}
.widget .widget-controls a:hover {
  opacity: 1;
  filter: alpha(opacity = 100);
}
.widget .widget-buttons {
  float: left;
  width: 100%;
  text-align: center;
  padding-top: 3px;
  margin-top: 5px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.widget .widget-buttons a {
  position: relative;
  display: inline-block;
  line-height: 30px;
  font-size: 21px;
}
.widget .widget-buttons .col {
  width: 100%;
  float: left;
}
.widget .widget-buttons.widget-c2 .col {
  width: 50%;
}
.widget .widget-buttons.widget-c3 .col {
  width: 33.333333%;
}
.widget .widget-buttons.widget-c4 .col {
  width: 25%;
}
.widget .widget-buttons.widget-c5 .col {
  width: 20%;
}
.widget.widget-primary .widget-buttons a {
  color: #000000;
  border-color: #000000;
}
.widget.widget-primary .widget-buttons a:hover {
  color: #000000;
}
.widget.widget-success .widget-buttons a {
  color: #51672e;
  border-color: #51672e;
}
.widge.widget-success .widget-buttons a:hover {
  color: #435526;
}
.widget.widget-info .widget-buttons a {
  color: #eee;
  border-color: #eee;
}
.widget.widget-info .widget-buttons a:hover {
  color: #fff;
}
.widget.widget-warning .widget-buttons a {
  color: #a15e01;
  border-color: #a15e01;
}
.widget.widget-warning .widget-buttons a:hover {
  color: #874f01;
}
.widget.widget-danger .widget-buttons a {
  color: #5a2222;
  border-color: #5a2222;
}
.widget.widget-danger .widget-buttons a:hover {
  color: #471b1b;
}
.plugin-clock span {
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation: pulsate 1s ease-out;
  -moz-animation-iteration-count: infinite;
  animation: pulsate 1s ease-out;
  animation-iteration-count: infinite;
  opacity: 0.0;
  margin-right: 2px;
}
.widget.widget-default {
  color: #1b1e24;
}
.widget.widget-default .widget-subtitle {
  color: #1b1e24;
}
.widget.widget-default .widget-controls a {
  color: #1b1e24;
  border-color: #1b1e24;
}

.carousel-indicators li.active
{
    background-color:#999;
    
    
}
    
 .carousel-indicators li
{
    background-color:#999;
       
 }
 .carousel-indicators 
{
   
    bottom:-10px;
    
    }
   
/* END WIDGETS */
/* END WIDGETS */

/*compani list*/

.formA{/*height:50%;*/ /*height:500px;*/ height:auto; padding:5px; overflow:auto;margin-bottom:100px;}
::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

/*End compani list*/

a#cwbizpill {background-color:#000000;}
a#cwbizpill > img {height:15px;}
.nav-pills > li.active > a#cwbizpill {background-color: #337ab7;}
.nav-pills > li.divider {
    border-left:2px solid #337AB7;
    border-right:2px solid #337AB7;
    height:40px;
    width:10px;
}
#currentmonthcalendar th.month-title,#currentmonthcalendar th.day-header {color:#ffffff;}
.calendar td.day:not(.disabled),#currentmonthcalendar td.day:not(.disabled):not(.old):not(.new){font-weight:bold;border-radius:15px;background-color:#3c763d;color:#ffffff;}
.singlemonthcalendar table.month td.day > div.day-content {
    padding-bottom:25px;
    padding-top:25px;
}

.singlemonthcalendar table.month td.day.disabled > div.day-content {
    color:#000000;
    padding-bottom:50px;
    padding-top:50px;
}

.singlemonthcalendar table.month td.day > div.day-content > a {
    color:#ffffff;
    text-decoration:underline;
}

.admincalendar div.months-container th.month-title,
.singlemonthcalendar table.month.table th.month-title {
    cursor:pointer;
}

span[class^=bon_] {
    color:#ffffff;
    border:0;
    border-radius:3px;
    font-size:1.1em;
    font-weight:bold;
    padding:1px 6px;
    width:44px;
    -webkit-box-shadow:2px 2px 2px 0 #656D65;
    box-shadow:2px 2px 2px 0 #656D65;
}
span.bon_0 {
    background-color:#DEDEDE;
    padding-left:13px;
    padding-right:13px;
}
span.bon_1 {
    background-color:#FF050A;
    padding-left:9px;
    padding-right:9px;
}
span.bon_2 {
    background-color:#FF6A03;
    padding-left:7px;
    padding-right:7px;
}
span.bon_3 {
    background-color:#FFD400;
    padding-left:6px;
    padding-right:17px;
}
span.bon_4 {
    background-color:#BBDE01;
}
span.bon_5 {
    background-color:#3BB43F;
}

#taskdetailmodal > .modal-dialog {
    width:60% !important;
}

.toggle-name:hover {
    cursor: pointer;
}