#Navi{
    display: flex;
    width: 100%;
}

#SideMenu {
    width: 160px;
    float: left;
    margin: 10px 0 0 10px;
    position: relative;
    clear: both;
    border: solid 1px #c0c0c0;
    border-radius: 5px;
}

#PortalLink{
    display: none;
}

.Button {
    width: 100%;
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    cursor: pointer;
    white-space: nowrap;
    font-size: 14px;
    transition: .3s;
}

.Button:hover {
    background-color: #89b9dd;
    color: #fff;
}

body{
    font-family: Arial;
}

#Header{
    height: auto;
    padding: 20px 10px;
}

#MainCommandsContainer {
    bottom: 0;
    background-color: transparent;
}

#Navigations, nav.both.cf{
    display: none;
}

#Logo {
    padding: 20px 10px;
}

#CorpLogo {
    width: 200px;
}

#Logo2 {
    margin-top: -120px;
    margin-bottom: 100px;
    text-align: center;
}

#CorpLogo2 {
    width: 280px;
}

#FooterLogo {
    width: 180px;
}

#LoginFieldSet {
    margin: 100px auto 20px auto;
}

#Application{
    padding-bottom:0;
}

#HeaderTitle{
    font-size:20px;
    font-weight:bold;
    color:#89b9dd;
    display: flex;
}

#TotalPrice{
    margin-left: 20px;
    padding: 0px 10px;
    font-size:20px;
    font-weight:bold;
    background-color: #b2d8f7;
    color:#595959;
    display: flex;
}

#Guide{
    display: flex;
}

#ViewModeContainer > table.grid > thead  > tr,
body > thead > tr.ui-widget-header {
   color: inherit;
   background: #b2d8f7;
}

#ViewModeContainer > table.grid > thead  > tr > th span {
   width: 100%;
}
body > thead > tr.ui-widget-header > th {
   text-align: center;
}

#ViewModeContainer > table.grid > thead  > tr > th,
body > thead > tr.ui-widget-header > th {
   border-color: #e2ebf2;
}
#ViewModeContainer > table.grid > thead  > tr:first-child > th:first-child {
   border-radius: unset;
}

#ViewModeContainer > table.grid > tbody  > tr {
   border-color: #e2ebf2;
}
#ViewModeContainer > table.grid > tbody  > tr:nth-of-type(even) {
   background: #fafafb;
}
#ViewModeContainer > table.grid > tbody  > tr:hover {
   background: #f5f5f5;
}
#ViewModeContainer > table.grid > tbody  > tr > td {
   vertical-align: middle;
   border-color: #e2ebf2;
   padding: 12px 8px;
}

#ViewModeContainer > table.grid > tbody  > tr > td a {
   color: #39a8e2;
}

#ViewModeContainer > table.grid > tbody  > tr > td > .user > .ui-icon-person {
   display: none;
}
#ViewModeContainer > table.grid > tbody  > tr > td > .user > span {
   font-weight: normal;
}

#ViewModeContainer .grid>tbody>tr [class*="status-"] {
   padding: 3px 5px;
   font-weight: normal;
   border-radius: unset;
   min-width: 6em;
   text-align: center;
}

#ViewModeContainer .status-new {
   border-color: #39a8e2;
   color: #39a8e2;
}
#ViewModeContainer .status-inprogress1 {
   border-color: #3936ff;
   color: #3936ff;
   background: #ffffff;
}
#ViewModeContainer .status-inprogress2 {
   border-color: #4495db;
   color: #ffffff;
   background: #4495db;
}
#ViewModeContainer .status-inprogress3 {
   border-color: #49558d;
   color: #ffffff;
   background: #49558d;
}
#ViewModeContainer .status-closed {
   border-color: #d8e1e8;
   background-color: #d8e1e8;
   color: inherit;
}
#ViewModeContainer .status-back {
   border-color: #eb5da0;
   color: #eb5da0;
   background: #ffffff;
}

#SideMenu {
   border: unset;
}

#SideMenu > ul > li {
   border-bottom: dotted 1px #e2ebf2;
}

#SideMenu > ul > li:first-of-type {
   border-top: solid 1px #e0e8ed;
}
#SideMenu > ul > li:last-of-type {
   border-bottom: solid 1px #e0e8ed;
}
#SideMenu > ul > li .Button {
   padding: 12px 4px;
   font-weight: bold;
}
#SideMenu > ul > li .Button:hover {
   color: #5ac7f2;
   background: #f2f9ff;
}

#SideMenu .ui-icon {
   background: center center no-repeat;
   background-size: cover;
   width: 22px;
   height: 22px;
   margin-right: 4px;
}
#SideMenu .ui-icon.ui-icon-plus {
   background-image: url('/images/icons/icon_circle_plus.svg');
}
#SideMenu .ui-icon.ui-icon-clock {
   background-image: url('/images/icons/icon_time.svg');
}
#SideMenu .ui-icon.ui-icon-help {
   background-image: url('/images/icons/icon_question.svg');
}
#SideMenu .ui-icon.ui-icon-gear {
   background-image: url('/images/icons/icon_gear.svg');
}
#SideMenu .ui-icon.ui-icon-locked {
   background-image: url('/images/icons/icon_out.svg');
}
#SideMenu .ui-icon.ui-icon-docs {
   background-image: url('/images/icons/icon_docs.svg');
}
#SideMenu .ui-icon.ui-icon-users {
   background-image: url('/images/icons/icon_users.svg');
}
h2 {
   color: #3d7eaf;
   font-size: 16px;
   font-weight: bold;
   text-align: center;
   line-height: 45px;
}
h2#CompanyName {
   font-size: 8px;
}