/* body {
    font-family: Tahoma, Geneva, sans-serif;
    margin: 0;
}

header {
    background-color: antiquewhite;
    padding: 5px;
}

#main{
    background-color: cornsilk;
    padding: 10px;
}

footer {
    background-color: aliceblue;
    padding: 5px;
}

*/

 body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* cuttings */
.mt-50
{
    margin-top: 50px;
}
.mb-50
{
    margin-bottom: 50px;
}

/* cuttings */

.dataTables_length{
    float:left;
}

.navbar-white {
    background: #2F6FBA !important;
}

.widget_scroll{
	height:280px;
	overflow-y: scroll;
	
}
.status_m2{
	background: white;
    border: solid 1px #e8e8e88f;
    padding: 20px;
    border-radius: 5px;
    box-shadow: -1px 1px 5px 3px #ecececcc;
    text-align: left;
}



/* 1-23-2021 */

.list_m5 {
    padding: 10px;
    background: #f6f6f6;
    font-weight: 500;
}
.list_m5 span {
    font-weight: 200;
    }
.bg1
{
    background: #fff7da
}
.tab_m1
{
        margin: 25px 0;
        border: solid 1px #ccc;
}
.tab_m1 .nav-tabs{
    margin-top: -1px;
}
.tab_m1 .nav-item a
{
    border: solid 1px #ccc; 
    border-radius: 0px;
    font-weight: 300 !important;
    color: #000;
        margin-left: -1px;
}
.tab_m1 .nav-item a.active{
    border-top: solid 1px #01519a;
}
.tab_m1 .tab-content
{
 padding: 15px;
 min-height: 300px;
}
.user_pic
{
    background: #e5e6e8;
    padding: 8px;
    border-radius: 4px;
}
.status_graph
{
  position: relative;
}
.status_graph:before
{
  content: '';
  position: absolute;
  width: 100%;
  height: 8px;
 
  bottom: 135px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eff1f7+0,76c29b+8,1d7ea9+92,f2f7f7+100&0.92+0,0.84+100 */
background: -moz-linear-gradient(left,  rgba(239,241,247,0.92) 0%, rgba(118,194,155,0.91) 8%, rgba(29,126,169,0.85) 92%, rgba(242,247,247,0.84) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(239,241,247,0.92) 0%,rgba(118,194,155,0.91) 8%,rgba(29,126,169,0.85) 92%,rgba(242,247,247,0.84) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(239,241,247,0.92) 0%,rgba(118,194,155,0.91) 8%,rgba(29,126,169,0.85) 92%,rgba(242,247,247,0.84) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebeff1f7', endColorstr='#d6f2f7f7',GradientType=1 ); /* IE6-9 */

}
.status_graph ul
{
    padding: 0px;
    margin: 0px;
        display: flex;
    width: 100%;
    overflow-x: auto;
     min-height: 250px;
}
.status_graph ul 
{
    padding-bottom: 20px;
        padding-top: 10px;
}
.status_graph ul p
{
    margin: 0px;
}
.status_graph ul li
{ 
   list-style: none;
   display: inline-block;
   margin:0px 25px;
   min-width: 150px;
   background: #f5f5f5;
   padding: 5px;
   border-radius: 4px;
    height: max-content;
        position: relative;
}

.status_graph ul li
{

}
.status_graph ul li h5{
    font-size: 16px;
    margin: 0;
}

.status_graph .dir_bottom{
        position: relative;
    top: 130px;
   
}
.status_graph .dir_top
{
   box-shadow:0px -2px 5px #cccccc9c; 
       min-height: 75px;
}
.status_graph .dir_top:before{
 content: '';
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 15px solid whitesmoke;
    position: absolute;
    bottom: -14px;
    left: 50%;
    transform: translateX(-50%);
}

.status_graph .dir_bottom:before{
 content: '';
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom:  15px solid whitesmoke;
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
}

.status_graph .dir_bottom:after
{
      content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: -39px;
    left: 50%;
    transform: translateX(-50%);
    background: #ffffff;
    border-radius: 100%;
    border: solid 2px #4a9ab3;
}

.status_graph .dir_top:after
{
      content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    bottom:  -35px;
    left: 50%;
    transform: translateX(-50%);
    background: #ffffff;
    border-radius: 100%;
    border: solid 2px #4a9ab3;
}
.table_m1
{
    vertical-align: middle;
}
.btn_m4
{
    padding: 6px 10px;
    font-size: 17px;
}
/* 1-23-2021 */

/* 2-09-2021 */
.short_menu
{
    display: none;
}
.long_menu{
 
}
.sidebar-collapse .long_menu
{
   display: none;
}
.sidebar-collapse .short_menu
{
    display: block;
}
.sidebar-mini.sidebar-collapse .main-sidebar:hover .long_menu,
.main-sidebar.sidebar-focused .long_menu{
  display: block;
}



.sidebar-mini.sidebar-collapse .main-sidebar:hover .short_menu,
.main-sidebar.sidebar-focused .short_menu{
  display: none;
}
.menu_head a
{
        padding: 17px;
}

.main-sidebar.sidebar-focused .short_menu
{
   
}
table.table-bordered.dataTable {
   
    min-width: 100%;
}
/* 2-09-2021 */