body{
    font-family: 'Roboto', sans-serif;
    background-color: rgba(247, 247, 247, 1);
    -webkit-print-color-adjust: exact !important;
}

.border-radius-results {
    border-radius: 12px !important;
}

tbody tr:nth-child(even){ background-color: #f3f4f5; }

.margin_width_210px{ width:200px !important; }
.margin_width2_210px{ max-width:200px !important; }
.margin_left2_210px{ margin-left:215px !important; }

@media (min-width:1360px){
	.margin_left_210px{ margin-left:215px !important; }
	.margin_left_70px{ margin-left:101px !important; }
}
@media (max-width: 1359px) {
	.margin_left_210px{ margin-left:0px !important; }
}
@media print{
	.margin_left_210px{ margin-left:0px !important; }
}


@media print {
	.table-bordered thead td, .table-bordered thead th {
	   border: 1px solid black !important;
	   color: black !important;
	}
	.table-bordered tbody td, .table-bordered tbody tr {
	   border: 1px solid black !important;
	   color: black !important;
	}
}

.main_menu_btn_class_all.main_menu_active  {
    background: rgb(0,92,185) !important;
	color: rgba(255, 255, 255, 1) !important;
	border-radius: 3px !important;
	border-color: rgba(0, 0, 0, 0) !important;
}

.main_menu_btn_class_all:hover{
    background: rgb(0,92,185) !important;
	color: rgba(255, 255, 255, 1) !important;
	border-radius: 3px !important;
	border-color: rgba(0, 0, 0, 0) !important;
}

.prj_menu_btn_class_all.prj_menu_active  {
    background: #007076 !important;
	color: rgba(255, 255, 255, 1) !important;
	border-radius: 3px !important;
	border-color: rgba(0, 0, 0, 0) !important;
}

.prj_menu_btn_class_all:hover{
    background: #007076 !important;
	color: rgba(255, 255, 255, 1) !important;
	border-radius: 3px !important;
	border-color: rgba(0, 0, 0, 0) !important;
}

.mt-05{
	margin-top: .16rem!important;
}

Strong{
    color: rgb(13,110,253) !important;
}

Strong Strong{
    color: rgb(220,53,69) !important;
}
.border_target{ border: 2px solid black !important; }
.border_target_top{ border-top: 2px solid black !important; }
.border_target_bottom{ border-bottom: 2px solid black !important; }
.border_target_left{ border-left: 2px solid black !important; }
.border_target_right{ border-right: 2px solid black !important; }

.border_target_lite{ border: 1px solid #343a40 !important; }
.border_target_top_lite{ border-top: 1px solid #343a40 !important; }
.border_target_bottom_lite{ border-bottom: 1px solid #343a40 !important; }
.border_target_left_lite{ border-left: 1px solid #343a40 !important; }
.border_target_right_lite{ border-right: 1px solid #343a40 !important; }

.bootstrap-select.form-control { padding-top: 4px !important; }

.bg_table_cell_special{
    background-color: rgba( 0, 0, 0, 0.1) !important;
}
.d-flex{
    display: -webkit-box;
}
.min_height {
    min-height: 100vh;
}
.padding_bottom_top {
    padding-top: 10vh;
    padding-bottom: 6vh;
}
.small_custom {
    font-size: 70%;
    font-weight: 400;
}
.cursor-pointer{
    cursor: pointer;
}
.bg-black{
    background-color:#4f6177;

}
.bg-grey{
    background-color:rgba( 0, 0, 0, 0.05);
}
.list-group-item.active  {
    background-color: transparent !important;
    /* border-color: transparent !important; */
    font-size: 12px;
    color: #17a2b8 !important;
}
.list-group-item.active .fas_custom ,.mobile_active.active .fas_custom{
    color: #17a2b8 !important;
}
.list-group-item:hover{
    background-color: rgba(255,255,255,0.1) !important;
}
.active_sample{
    color: #17a2b8 !important;
}
.form-control:focus {
    box-shadow: none !important;
}
.btn-black {
    color: #fff;
    background-color: #000;
    border-color: #000;
}	
.btn-black:hover {
    background-color: rgba(255,255,255,0.1);
}
.custom_btn_red{
    color: #fff;
    background-color: #e60016;
    border-color: #e60016;
}
.custom_btn_red:hover{
    color: #e60016;
    background-color: #fff;
    border-color: #e60016;
}
.custom_btn_green{
    color: #fff;
    background-color: #15bf3c;
    border-color: #15bf3c;
}
.custom_btn_green:hover{
    color: #15bf3c;
    background-color: #fff;
    border-color: #15bf3c;
}
.bootstrap-select .btn-light {
	color: #6c757d !important;
    background-color: #fff !important;
    border-color: #fff !important;
}
.custom_btn_blue{
    color: #fff;
    background-color: #005cb9;
    border-color: #005cb9;
}
.custom_btn_blue:hover{
    color: #0077f7;
    background-color: #fff;
    border-color: #0077f7;
}
.custom_btn_grey2{
    color: #343a40;
    background-color: #dee1e4;
}
.custom_btn_grey2:hover{
    border-color: #6c757d;
    color: #6c757d;
    background-color: #FFFFFF;
}
.shadow_custom{
    border: 1px solid #6e718230;
 }
 /* .red_1 {
    color:#4D4D4D; background-color: rgb(182, 215, 170) !important; border-top: 4px solid rgb(105, 168, 85) !important;
  }
  .red_2 {
    color:#4D4D4D; background-color: rgb(215, 170, 180) !important; border-top: 4px solid rgb(168, 85, 89) !important;
  } */
  .btn-google {
    color: #807d7d;
    background-color: #fff;
    border: 1px solid #cacaca;
}
* {
    scrollbar-width: thin;
    scrollbar-color:  #097ac0  #fff;
  }
  
  /* Works on Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 12px;
  }
  
  *::-webkit-scrollbar-track {
    background:  #fff;
  }
  
  *::-webkit-scrollbar-thumb {
    background-color: #097ac0;
    border-radius: 20px;
    border: 3px solid  #fff;
  }
  .rotated {
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
    
}
@media print {
    div.portrait, div.landscape {
        margin: 0;
        padding: 0;
        border: none;
        background: none;
        
      }
      div.landscape {
        transform: rotate(270deg) translate(-276mm, 0);
        transform-origin: 0 0;
      }
      .report_table_section_seperator {
      	page-break-after: always !important;
    	}

    .my-3 {
        margin: 0 !important;
    }

    .padding_bottom_top {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .col-print-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .min_height {
        min-height: 0vh !important;
    }

    .small_custom {
        font-size: 40%;
        font-weight: 400;
    }
    .table-responsive {
        overflow-x: inherit;
    }
    body {
        zoom: .8
    }
    
}
.height_card{
    height: 113px;
}
.checkbox_height{
    height: 21px !important;
}
.vis-time-axis .vis-text {
    font-size: 0.8rem;
}
.vis-labelset .vis-label {
    text-align: right;
}
.vis-item.vis-range {
    top: 3px !important;
}
.vis-item.vis-range .vis-item-content {
    align-items: center;
    display: flex !important;
    padding: 0 !important;
    padding-left: 5px !important;
}
/* .vis-panel.vis-center, .vis-panel.vis-left, .vis-panel.vis-right ,.vis-itemset{
    height: 80px !important;
}
.vis-panel .vis-bottom {
    top: 137px !important;
}
.vis-panel.vis-top {
    top: 49px !important;
}
*/
div.vis-tooltip{
    color:#000 !important;
    background-color:#dfc715 !important;
    border:1px solid #f77408;
    font-size: 0.7rem !important;
}
.vis_custom_color{
    color: #4d4d4d;
    text-align: left;
    font-size: 0.73rem;
}
.border_vis_bottom{
    border-bottom: 1px solid #bfbfbf85;
}
.border_vis_top{
    border-top: 1px solid #bfbfbf85;
}
.border_vis_left{
    border-left: 1px solid #bfbfbf85;
}
.border_vis_right{
    border-right: 1px solid #bfbfbf85;
}
.border_vis{
    border: 1px solid #bfbfbf85;
}
/* .vis-range {
    height: 18px;
}
.vis-group {
    height: 26px !important;
}
.vis-label {
    height: 26px !important;
} */
.vis-item.standard_yellow {
/*     background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
*/     background-color: #e0c82e !important;
    color: black;
    font-family: monospace;
    z-index:2;
/*    box-shadow: 0 0 10px #fbfbfb;
*/  }
.vis-item.standard_red {
/*     background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
*/     background-color: rgba(220,53,69,0.95) !important;
    color: white;
    font-family: monospace;
    z-index:2;
/*    box-shadow: 0 0 10px #fbfbfb;
*/  }
  .vis-item.actual_green {
/*     background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
*/     background-color: rgba(25,135,84,0.95) !important;
    color: white;
    font-family: monospace;
    z-index:2;
/*    box-shadow: 0 0 10px #d7d4d4;
*/  }
  .vis-item.actual_active {
/*     background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
*/     background-color:rgba(13,110,253,0.95) !important;
    color: white;
    font-family: monospace;
    z-index:3;
/*    box-shadow: 0 0 10px #d7d4d4;
*/  }
  .vis-item.actual_active2 {
/*     background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
*/     background-color:#76a4ff !important;
    color: white;
    font-family: monospace;
    z-index:3;
/*    box-shadow: 0 0 10px #d7d4d4;
*/  }
    .vis-item.actual_active_over_time {
/*     background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
*/     background-color:rgba(255,193,7,0.5) !important;
    color: dark;
    font-family: monospace;
    z-index:4;
  }
    .vis-item.actual_idle {
/*     background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
*/     background-color:rgba(108,117,125,0.6) !important;
    color: white;
    font-family: monospace;
    text-align: right !important;
    z-index:5;
/*    box-shadow: 0 0 10px #d7d4d4;
*/  }
    .vis-item.actual_comming {
/*     background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
*/     background-color:rgba(241,243,244,1) !important;
    color: dark;
    font-family: monospace;
    z-index:2;
/*    box-shadow: 0 0 10px #d7d4d4;
*/  }  
  .vis-item.emergency_alert {
/*     background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
*/     background-color:rgba(13,110,253,1) !important;
    color: white;
    font-family: monospace;
    z-index:2;
/*    box-shadow: 0 0 10px #d7d4d4;
*/  }
  .vis-item.no_work_bg {
/*     background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
*/     background-color:rgba(0,0,0,0) !important;
    color: rgba(0,0,0,0) !important;
    font-family: monospace;
    border-width: 0px;
/*    box-shadow: 0 0 10px #d7d4d4;
*/  }  
      .vis-item.actual_notloaded {
/*     background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
*/     background-color:rgba(108,117,125,0.4) !important;
    color: dark;
    font-family: monospace;
    z-index:2;
/*    box-shadow: 0 0 10px #d7d4d4;
*/  }
  
        .vis-item.holiday {
/*     background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
*/     background-color:rgba(108,117,125,0.8) !important;
    color: white;
    font-family: monospace;
    z-index:5;
  }
  
  .vis-item.actual_border_start {
    border-color:rgba(0,255,0,1) !important;
    border-width: 2px;
  }.vis-item.actual_border_end {
    border-color:rgba(255,0,0,1) !important;
    border-width: 2px;
  }.vis-item.emergency_alert_border {
    border-width: 2px;
  }.vis-item.actual_border {
    border: 1px solid #212529!important;
  }

.vis-item.remove_right_border{
border-right:none !important;
}.vis-item.remove_left_border{
border-left:none !important;
}
 
 
 
 
 
.vis-item.group3{
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-color: rgb(45, 191, 206);
    color: white;
    font-family: monospace;
    box-shadow: 0 0 10px #d7d4d4;

  }
  /* .vis-timeline,.timeline_bg {
    background-color: #dbd8d8 !important;
} */
.vis-item .vis-item-content {
    padding: 1px !important;
    font-size: 12px;
    width: 89px;
}
.padding_icons{
    padding-top: 1rem;
    padding-bottom: 1rem;
}
@media (max-width:1400px){
    .padding_icons{
        padding-top: 0.6rem;
        padding-bottom: 0.6rem;
    }  
}
@media (max-width:1300px){
    .vis_custom_color {
        font-size: 0.63rem;
    }
}
.find_my_class_for_changing_table_responsive .container-fluid .row .col-12 .table-responsive{
    position: relative;
    z-index: 1;
}
.border-dark {
    border-color: rgba(89,120,151,0.4) !important;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    font-size: 100%;
}

.form-control.schedule_period{
	font-size: 80% !important;
	width:140px !important;
	padding-right:0px !important;
}
.form-control.custom_font_size_90{
	font-size: 90% !important;
}
.w-23{
	width:23% !important;
}.w-60{
	width:60% !important;
}.w-40{
	width:40% !important;
}.w-30{
	width:30% !important;
}
.w-70{
	width:70% !important;
}
.py-15{
	padding-top: 0.4rem !important;
	padding-bottom: 0.4rem !important;
}

.width_custom_for_search_left{
	width:60px !important;
}
.text_dates_left_width_custom{
	width:100px !important;
}
.text_dates_left_width_custom2{
	width:36px !important;
}

  


.table-bordered2{
    font-family: Calibri;
    letter-spacing: 0.09rem;
}
@font-face { 
    font-family: Calibri; 
    src: local('Calibri'), url(../fonts/Calibri.ttf) format('truetype'); 
}
.table_background_color{
    background-color: #d9d9d9;
    -webkit-print-color-adjust: exact;
}
.table_red_color{
    color:#ff0000;
}
.table.table-bordered2 > thead > tr > th{
    border:0.2px solid #000000 ;
}
.table.table-bordered2 > thead{
    border:0.2px solid #000000 ;
}
.table.table-bordered2 > tbody > tr > td{
    border:0.2px solid #000000 ;
}
.border-black-custom{
    border:0.2px solid #000000 !important;
}
.border-black-custom_top{
    border-top:0.2px solid #000000 !important;
    border-left:0.2px solid #000000 !important;
    border-right:0.2px solid #000000 !important;
    border-bottom:0.2px solid #fff !important;
}
.border-black-custom_bottom{
    border-bottom:0.2px solid #000000 !important;
    border-left:0.2px solid #000000 !important;
    border-right:0.2px solid #000000 !important;
    border-top:0.2px solid #fff !important;
}
.table-bordered_xoxoa td, .table-bordered_xoxoa th {
    border: 0.2px solid #000000;
}


.table_asnajdbchksfb {
    table-layout: fixed;
    width: 100%;
}
.diagonal-container {
    margin: 0 auto;
    position: relative;
    width:100%;
}
.to-right{
    border-top: 1px solid #000000;
    width: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
}


@media only screen and (min-width:1200px) and (max-width:1450px){
	.custom_mid_font{
	    font-size:0.7rem;
	}
	.custom_mid_font.px-3{
	    padding-left:0.4rem !important;
	    padding-right:0.4rem !important;
	}
}
@media print {
    * {
        color: exact !important;
        -webkit-print-color-adjust: exact;
    }
    div.portrait, div.landscape {
        margin: 0;
        padding: 0;
        border: none;
        background: none;
    }
    div.landscape {
        transform: rotate(270deg) translate(-276mm, 0);
        transform-origin: 0 0;
    }

    .my-3 {
        margin: 0 !important;
    }

    .padding_bottom_top {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .col-print-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .min_height {
        min-height: 0vh !important;
    }

    .small_custom {
        font-size: 40%;
        font-weight: 400;
    }
    .table-responsive {
        overflow-x: inherit;
    }
    body {
        zoom: .8
    }
    td.table_background_color{
        background-color: #d9d9d9 !important;
        -webkit-print-color-adjust: exact !important;
    }
  
}
.table{
    color:#000 !important;
}

.border_special_settings{
	border: 2px solid #0077f7 !important;
}


div.vis-tooltip{
	z-index:100 !important;
}
.vis-timeline{
	overflow:unset !important;
}

.scroll_top{
  text-align: center;
  width: 52px;
  padding: 13px 0px;
  background: #1a181875;
  border-radius: 50%;
  position: fixed;
  right: 20px;
  bottom: 54px;
  z-index: 100;
  cursor:pointer;
}

@keyframes blink { 
	0% { background-color: #3c4e61; } 
   50% { background-color: #ff1414; } 
   100% { background-color: #3c4e61; }
}

.custom_graph_btn2{ /*or other element you want*/
    animation: blink 2s step-end infinite alternate;
}

.custom_graph_btn{
background-color: #3c4e61 ! important;
}
.custom_graph_btn3{
background-color: #3c4e61 ! important;
}

.border_special_report{
	border: 4px solid #dc3545 !important;
}

thead{ background-color: #fff !important; }

.tabel_kpi_border{
	border-top: 1px solid black !important;
    border:1px solid black;
}
.tabel_kpi_border > thead > tr > th{
    border:1px solid black;
    font-weight: 300!important;
}
.tabel_kpi_border > tbody > tr > td{
    border:1px solid black;
    font-weight: 400 !important;
    color: #212529 !important;
}

.bg_muted {
    background-color: rgba( 76, 94, 116, 0.2) !important;
}



.bg_oen {
    background-color: #fff !important;
}

.bg_table_head_oen {
    background-color: #3c4e61 !important;
    color: #fff !important;
}

.bg_table_oen {
    background-color: #fff !important;
}

.max_width_kpi{
	width:15% !important;
}

.bg_rejected_custom_jk {
        background-color: #dc3545 !important;
}

.list-group-item {
    padding: 0.80rem 0.50rem !important;
}

.d-none2 {
    display: none!important;
}


.table > tbody > tr > td {
     vertical-align: middle;
}
.table > thead > tr > td {
     vertical-align: middle;
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
    font-size: 92%;
    margin-top: -4px;
    padding: 2px;
}


.table.table-bordered3 td, .table.table-bordered3 th {
    border-top: 1px solid #000 !important;
    border-right: 1px solid #000 !important;
}
.table.table-bordered3 {
    border:2px solid #000 !important;
}
.table.table-bordered3 > thead{
    border:1px solid #000 !important;
}
.table.table-bordered3 > thead > tr > th{
    border:1px solid #000 !important;
}
.table.table-bordered3 > tbody > tr > td{
    border:1px solid #000 !important;
    vertical-align: middle !important;
}