html, body {
  height: 100%;
}

#wrap {
  min-height: 100%;
}

#main {
  overflow:auto;
  padding-bottom:150px; /* this needs to be bigger than footer height*/
}



.header .menu-toggler {
    filter: brightness(0) invert(1);
}

.header .logout {
    margin-left: auto;
    margin-right: 0;
    margin-top: 0;
}

.header {
   display: flex;
    gap: 3rem;
    align-items: center;
    justify-content: space-between;
    padding-inline: 20px;
  height: 130px; 
  background: #a7a7a7;
  border-bottom: 3px solid #ccc;
}
.header img.logo{}
.header img.info{}
.login hr{margin-top: 41px; border-color: #d8d8d8}

.content{border: 1px solid #f19125;margin-top: 15px;background: #fafafa;}
.content h1{ height: 74px; line-height: 74px; text-indent: 28px; font-size: 16px; font-weight: 600; font-style: italic; margin: 0px; border-bottom: 1px solid #f19125}
.form-group{}
.control-label{}
.input-icon{}

.forget-form{display: none}
.submit_signin{
  background-color: #111236;
}

.login-info{border: 1px solid #f19125; background: #11123618; border-radius: 3px;padding: 35px; font-style: italic; margin-right: 30px}
.form-signin{margin: 38px 0px}

.footer{height: 89px; background: #111236; 
  position: relative;
  margin-top: -89px; /* negative value of footer height */
  clear:both;
  padding-top:20px;
  color: #ffffff;
}

.footer .container{ line-height: 40px; font-size: 11px}

.help-block{text-align: right; margin-right: 30px; display: none}
.rules{color: #3566cc}
a{color: #2d70b4; font-size: 12px} 
.header .logo {margin-left: 20px}
.header .container .logo{margin-left:0px}
.logout{margin-right: 350px;margin-top: 20px;text-align: center; color: #ffffff; cursor: pointer}
.logout a{color: #ffffff}
.logout:hover{}
.username{position: absolute;right: 50px;top:50px;z-index: 1000;font-size: 18px; font-weight: 600; font-style: italic}
@media (max-width: 767px) {
	img.info{display:none}
	.logout{margin-right: 10px;margin-top: 20px;text-align: center}
	.content h1{ height: 37px; line-height: 37px; text-indent: 0px; text-align: center; font-size: 16px; font-weight: 600; font-style: italic; margin: 0px; border-bottom: 1px solid #d8d8d8}
	.submit_signin{margin-left: 0px!important}
	.username{display: none}
}
.page-header{background: none!important; border: 0px!important}
.header .menu-toggler{margin-top: 0px;display: inline-block; margin-left: 10px;  width: 20px; height: 20px; font-size: 100px; background-image: url(/images/sidebar_toggler_icon_light.png) }
.header .responsive-toggler{height: 20px; width: 20px; display:none; }

@media (max-width: 991px) {
	.header .menu-toggler{display: none}
	.header .responsive-toggler{display: inline-block}
	img.info{display:none}
	.username{right: 25px;top:7px;}
}
@media (max-width: 1600px) {
    .username{right: 25px;top:7px;}
}
.page-container{ margin-top: 0px!important; background: #d8d8d8}
/*.page-sidebar-menu{background: #ed1b24; color: #ffffff}
.page-sidebar-menu a{color: #ffffff*/

.page-header-fixed{background: #d8d8d8}






/*******/
/*table responsive*/
@media only screen and (max-width: 600px) {
    /* Force table to not be like tables anymore */
    table.row-flip, 
    table.row-flip thead, 
    table.row-flip tbody, 
    table.row-flip th, 
    table.row-flip td, 
    table.row-flip tr { 
        display: block; 
    }
 
    /* Hide table headers (but not display: none;, for accessibility) */
    table.row-flip thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
 
    table.row-flip tr { /*border: 1px solid #ccc;*/ }
 
    table.row-flip td { 
        /* Behave  like a "row" */
        border: none;
        /*border-bottom: 1px solid #eee; */
        position: relative;
        padding-left: 50%!important; 
        white-space: normal;
        text-align:left;
    }
 
    table.row-flip td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
        content: attr(data-title);
    }
    table.row-flip tbody>tr:nth-child(0)>td:nth-child(1){border: 1px solid red}
    
}

.sortable i{float:right}

table th a{color: #333333; font-size: 14px}
.edenred{padding-top: 10px; background: #d8d8d8; position: relative}
.edenred .thebest{color: #ffffff; position: absolute; top: 66px; left: 33px; z-index: 1000;letter-spacing: 1px;font-size: 10px}
.edenred .number{color: #ffffff; position: absolute; top: 92px; left: 26px; z-index: 1000;letter-spacing: 2px;font-size: 14px}

@media (max-width: 991px) {
  .login-info {
    margin-bottom: 20px;
    margin-right: 0;
  }
  .login-row {
    text-align: center;
  }
  .form-signin {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 20px;
  }
}