body{
    background-color: #ffff !important;
}
.top-bar, .top-bar ul {
    background-color: #f4f5f5 !important;
}


.dataTables_filter{
    display: none;
}

.card-levels-table{
    border-collapse: separate;
    border-spacing: 0 6px;
}
.level-card-colors{
    width:20px;
    margin-left: 11.5px;
    height: 20px;
    border: 1px solid gray;
    text-align: center;
    line-height: 20px;
    color: white;
    font-weight: normal;
    display: block;
    float: left;
}

.modal-box b{
    color: black;
    font-family: "roboto condensed" !important;
}
.card-levels-table{
    font-family: 'roboto condensed';
}
.card-levels-table td{
    position: relative;
    height: 2.7rem;

}

.card-levels-table td:not(:first-child)
{
    text-align: center;
}

.card-levels-table thead th div
{
    display: flex;
    align-items: center;
    justify-content: center;
}
.card-levels-table thead th
{
    text-align: center;
}

.card-levels-table td{
    position: relative;
    height: 2.7rem;	
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-top-style: solid;	
}
.card-levels-table td{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-top-style: solid;	
}

.card-levels-table td:first-child{
    border-left-width: 1px;
    border-left-style: solid;
}
.card-levels-table td:last-child {
    border-right-width: 1px;
    border-right-style: solid;
}

.icon-action-disabled{
    opacity: 30%;
    cursor: default;
}

.center-bottom{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 25px;
}

.rowQ{
    margin: 20px;
}

a{
    color: #494949;
}

a:hover{
    color: #000000;
}


.no-height {
    height: auto !important;
}


body { font-family:Lucida Sans, Arial, Helvetica, Sans-Serif; font-size:13px; margin:0px;}
#header { text-align:center; border-bottom:solid 1px #b2b3b5; margin: 0 0 20px 0; }
fieldset { border:none;}
legend { font-size:18px; margin:0px; padding:30px 0px 10px 0px; font-weight:bold;}

.prev, .next { padding:5px 10px; color:#fff; text-decoration:none;}
.prev:hover, .next:hover { background-color:#000; text-decoration:none;}

#controls { background: #eee; box-shadow: 0 0 16px #999; height: 30px; position: fixed; padding: 10px; top: 0; left: 0; width: 100%; z-index: 1 }
#controls h1 { color: #666; display: inline-block; margin: 0 0 8px 0 }
#controls input[type=text] { border-color: #999; margin: 0 25px; width: 120px }
#steps { margin: 0 0 0 0 }
.prev{float:left}
.next{float:right}
.steps{list-style:none;width:100%;overflow:hidden;margin:0;padding:0}
.steps li{color:#b0b1b3;font-size:24px;float:left;padding:10px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
.steps li span{font-size:11px;display:block}
.steps li.current{color:#000}
.breadcrumb{height:37px}
.breadcrumb li{background:#eee;font-size:14px}
.breadcrumb li.current:after{border-top:18px solid transparent;border-bottom:18px solid transparent;border-left:6px solid #666;content:' ';position:absolute;top:0;right:-6px}
.breadcrumb li.current{background:#666;color:#eee;position:relative}
.breadcrumb li:last-child:after{border:none}
.commands{
    margin-top: 20px;
}
.ms-container{
    width: auto;
}

.margin-top-components{
    margin-top: 20px !important;
}

.padding-top-components{
    padding-top: 20px !important;
}


.padding-bottom-components{
    padding-bottom: 20px !important;
}