main > .container {
    padding: 15px 15px 20px;
}

main > .container-fluid {
  padding: 70px 15px 20px;
}

.footer {
    background-color: #f5f5f5;
    font-size: .9em;
    height: 60px;
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

#header{
  min-height: 55px;
}

.breadcrumb{
  margin-left: 20px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

.block-table-deviation{
  display: grid;
  height: 100vh;
  grid-template-rows: 1fr;
  justify-items: center; 
  align-items: center;
}

/*--- СТРАНИЦА ПЛАН МЕНЕДЖЕРОВ НАЧАЛО----*/


.main-wrapper-block{
  background-color: #f5f5f5;
  margin-bottom: 40px;
}

.block-items{
  background-color: #fff;
  border: 1px solid #f5f5f5;
  padding: 15px;
  margin-top: 20px;
}

.block-items h3 {
  margin-bottom: 20px;
}


.btn-toolbar{
  margin-top: 20px;
}

.save-info{
  display: none;
}

.plan-sum-day{
  padding-top:38px
}

#block-unidentified-work{
  display: none;
  margin-top: 25px;
}

.unidentified-work-item{
    display: flex;
    min-height: 50px;
}

.unidentified-work-name{
    font-size: 16px;
    min-width: 300px;
    
}

.unidentified-work-active{
  margin-left: 35px;
}

/*--- СТРАНИЦА ПЛАН МЕНЕДЖЕРОВ КОНЕЦ----*/

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    content: '';
    left: 3px;
    display: inline-block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    margin: 4px 4px 2px 4px;
    background: transparent;
}

a.asc:after {
    border-bottom: solid 7px #212529;
    border-top-width: 0;
}

a.desc:after {
    border-top: solid 7px #212529;
    border-bottom-width: 0;
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding-top: 7px;
    color: rgba(255, 255, 255, 0.5);
}

/*----ВОРОНКА------*/

.funnels{
  text-align: center;
  margin-top: 25px;
  margin-bottom: 35px;
  color: gray;
}


.hr-dashed {
  border-bottom: 1px solid gray;
}


.stage_1{
  height: 0;
  width: 300px;
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
    }

  .stage_1 {
    margin-left: 0px;
    
  }

  .stage_1 > .title-stege{
    width: 265px;
    border-bottom: 1px dashed gray;
    text-align: right;
    margin-left: 110px;
    margin-top: -90px;
  }



  .stage_2 > .title-stege{
    width: 300px;
    margin-left: 60px;
    border-bottom: 1px dashed gray;
    text-align: right;
    
  }


  .d3{
    height: 0;
    margin-left: 100px;
    width: 100px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;

  }
  

  .standard_stage{
    height: 40px;
    margin-left: 120px;
    width: 60px;
  }

  .standard_stage > .title-stege{
    width: 300px;
    margin-left: 60px;
    border-bottom: 1px dashed gray;
    text-align: right;
  }
 
  .stage_2{
    background-color: #a9a9a9;
    margin-left: 120px;
    width: 60px;
    height:40px;
 
  }


  .stage_3{
    background-color: #c0c0c0;
  
  }

  .stage_4{
    background-color: #d3d3d3;
  }

  .stage_5 {
    background-color: #dcdcdc;
  }

  .stage_6{
    background-color: #f08080;
  }

  .stage_7{
    background-color: #fa8072;
  }

  .stage_8{
    background-color: #fd4d4d;
  }

  .stage_8_5{
    background-color: #fa4545;
  }

  .stage_9{
    background-color: #ff3939;
  }

  .stage_10{
    background-color:  	#ff0000;
    border-radius: 0px 0px 15px 15px;
 
  }


  .ff0000{
    border-top: 100px solid #808080;
  }

  .d3{
    border-top: 30px solid #a9a9a9;
  }


  .title-stege{
    position: absolute;
    z-index: 99;
    cursor: pointer;
  }


  .block-funnels div{
    margin-bottom: 1px;
  }


  .d2 {
    width: 305px;
    height: 40px;
    background: #808080;
    border-radius: 200px/25px;
    margin-left: -2px;
    margin-top: -22px;
    position: absolute;
    border: 3px solid #fff;
}


.d2-sm {
  width: 311px;
  height: 50px;
  background: #ff0000;
  border-radius: 165px/27px;
  margin-left: 94px;
  margin-top: -30px;
  position: absolute;
  border: 3px solid #fff;
}
 
/*НАЧАЛО------ КАДРОВЫЕ ИЗМЕНЕНИЯ --------*/
.personnel_changes{
  background-color: #e1e6f2;
  color: #456c7c;
  text-align: center;
  font-weight: 600;
}


.form-group{

  margin-top:15px;

}

#table-competitors-salaries{
  display: none;
}

#button-competitors-salaries{
  padding: 7px 7px;
  width: 100%;
}


/*КОНЕЦ------ КАДРОВЫЕ ИЗМЕНЕНИЯ --------*/




/*НАЧАЛО------ multiselect --------*/
#my-multiselect{
  height: 300px;
  overflow-y: auto;
  display: none;
  background-color: #fff;
  position: absolute;
  z-index: 99;
  border: 1px solid #999;
  padding: 6px;
  width: 250px;
  margin-top: -15px;

}
/*КОНЕЦ------ multiselect --------*/



/*------ ДАШБОРТ МЕНЕДЖЕРЫ НАЧАЛО--------*/
.block-dashboard-managers{
  display: grid;
  grid-template-columns: 200px 1fr 1fr 1fr 1fr 1fr 1fr auto;
  gap: 20px;
  

  align-items: center;
  border-bottom: 1px dashed #d6d6d6;

}

.header-block-dashboard-managers{
  background-color: #f5f5f5;
  height: 35px;
}


.bar-managers{

  position: relative;
  height: 30px;
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  
}

.bar-managers-colors{

  background: -webkit-gradient(linear,left top,right top,color-stop(0,#ff1744),color-stop(33.33%,#ffea00),color-stop(66.66%,#64dd17));
  background: linear-gradient(90deg,#ff1744,#ffea00 33.33%,#64dd17 66.66%);

}

.bar-managers-monochrome{
  background: -webkit-gradient(linear,left top,right top,from(#f1f1f1),color-stop(33.33%,#bbb),color-stop(66.66%,#505050));
  background: linear-gradient(90deg,#f1f1f1,#bbb 33.33%,#505050 66.66%);
}



.header-row-dashboard-managers{
  color: #2c3e50;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
}

.col-dashboard-managers{
  color: #2c3e50;
  font-weight: 700;
  font-size: 18px;
  text-align: center;
  
}


.block-diagram-dashboard-managers{
  display: grid;
  grid-template-columns: 100px 100px;;
  gap: 20px;
  justify-items: center;
  align-items: center;
  width: 245px;
 
}

.tabble-active-manager{
  color: #fff;
  font-weight: 600;
  margin-top: 12px;
}

.tabble-active-manager td{
  text-align: center;
  min-width: 40px;
}


.mid-label {
  color: #fff;
  right: 65px;
  position: absolute;

}

.dash-legend {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  display: flex;
}

.penalty{
  font-size: 24px;
  color: #f14668;
}


.result-manager-calls{
  width: 35px;
  line-height: 35px;
  text-align: center;
  display: block;
  border-radius: 5px;
}

.table-calls-manager td{
    padding: 3px 3px;
    cursor: pointer;
}

.table-calls-manager th{
  text-align: center;
}


/*------ ДАШБОРТ МЕНЕДЖЕРЫ КОНЕЦ--------*/

/*------ ДАШБОРТ ПРОИЗВОДСТВА НАЧАЛО -------*/

#block-factory-dashboard{

  background: url(/images/fon-dashboard-factory.jpg);
  background-color: rgba(0, 0, 0, 0);
  background-repeat: repeat;
  background-size: auto;
  background-color: #323130;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;

}

.in-production{
  margin-top: 1px;
  padding: 5px 20px;
  background: #b27620;
  color: #fff;
  display: inline-block;
  font-weight: 700;

}

.table-deviation{
  background-color: #2b2a28;
  padding: 20px;
  color: #fff;
  font-size: 28px;
}

.table-deviation td{
  text-align: center;
  padding: 1rem 0.5rem;
  font-weight: 700;
}

.block-deviation{

  background: url(/images/fon-dashboard-factory.jpg);
  background-color: rgba(0, 0, 0, 0);
  background-repeat: repeat;
  background-size: auto;
  background-color: #323130;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}



/*------ ДАШБОРТ ПРОИЗВОДСТВА КОНЕЦ--------*/



@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 0;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.75);
}

.nav > li > form > button.logout:focus {
    outline: none;
}