.subNavigation{
    width:100%;
    background-color: #E2EEFF;
}

.subNavigation > ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom:0px;
}

.subNavigation > ul > li{

    height: auto;
    line-height: 30px;
    padding:10px;
    padding-right:0px;

}

.subNavigation > ul > li > a{
    border-right: 1px solid #AAC3E5;
    padding-right:30px;
    padding-left:10px;
    display:block;
    height:auto;
    text-decoration: none;
    color:black;
    font-weight:500;
}

.subNavigation > ul > li:hover{
    background-color: #E26D00;
    color:white;
}
.subNavigation > ul > li:hover > a{
    color:white;
}


.subNavigation > ul > li.active,
.bg-orange-txt-w {
     background-color: #E26D00 !important;
     color:white !important;
 }

 .header-menu-orange-hover:hover {
    background-color: #E26D00;
 }

.subNavigation > ul > li.active > a{
    color:white;

}


#middleContentTitle{
    width:100%;
    min-height:50px;
}
a.breadcrumbs{
    font-weight:bold;
    color: #27528F;
    text-decoration: none !important;
    display:contents;
    float:left;
    margin:10px;
    font-size:20px;
}

a.breadcrumbs::before {
   content: " / ";
    color: #27528F;
    margin-right:5px;
    font-size:22px;
    font-weight:400;
}
a.breadcrumbs:first-child::before{
    content: "";

}

a.breadcrumbs.active{
    color: #E26D00;
}


.contentCard{
    border-radius:10px;
    box-shadow: 2px 2px 7px #00000066;

    margin-bottom:100px;
}



.pageNavigation{
    width:100%;
    background-color: #1F3F6D;
    border-radius: 10px 10px 0px 0px;
    display:flex;
    margin-top:10px;

}

.pageNavigation > ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin-bottom:0px;
}

.pageNavigation > ul > li{

    height: auto;
    line-height: 25px;
    padding:10px;
    padding-right:0px;

}

.pageNavigation > ul > li > a{

    padding-right:30px;
    padding-left:10px;
    display:block;
    height:auto;
    text-decoration: none;
    color:white;
    font-weight:400;
}

.pageNavigation > ul > li:hover{
    background-color: #E26D00;
    color:white;
}
.pageNavigation > ul > li:hover > a{
    color:white;
}


.pageNavigation > ul > li.active{
    background-color: #E26D00;
    color:white;
}

.pageNavigation > ul > li.active > a{
    color:white;

}

.contentCardBody{
    padding:10px;
    padding-bottom:30px;
}

.table-blue > thead > tr > th{
    background-color:#1E4B8A;
    color:white;

}


.table-rounded-top{
    border-radius:10px 10px 0px 0px;
    border:none;
}
.table-rounded-top  > thead > tr > th:first-child{
    border-radius:10px 0px 0px 0px;
}
.table-rounded-top  > thead > tr > th:last-child{
    border-radius:0px 10px 0px 0px;
}
.table-rounded-top{
    border-top:transparent;
}

.table-rounded-top   tr,th,td{
}

.table-shadow{
    box-shadow: 2px 2px 7px #00000066;

}

.table-blue th{
    font-weight:bold;
    text-align: center;
}

.badge-sharp{
    border-radius:1px;
}

.alert-shadow{
    box-shadow: 2px 2px 7px #00000066;
}

.bg-blue{
    background-color: #1F3F6D;
}
.text-blue{
    color:#1F3F6D;
}

.backButton{
    border:1px solid #1F3F6D;
    margin-top:10px;
    border-radius:3px;
    padding:10px 20px;
    text-decoration:none;
    color:black;
    background-color: rgba(248, 248, 248, 0.55);

}


.table-cell-bordered td{
    border:1px solid #1F3F6D;
    padding:4px 10px;
}

.table-cell-grey-bordered td{
    border:1px solid #cbcbcb;
    padding:4px 10px;
}

.bg-grey{
    background-color: #dedede!important;
}

.bold{
    font-weight: bolder!important;
}

/*.table-cell-border > thead > tr > td{*/
/*    border:1px solid #1F3F6D;*/
/*    padding:4px 10px;*/
/*}*/

.btn-orange{
    background-color:#E26D00!important;
    color:white!important;
}
.box-shadow{
    box-shadow: 2px 2px 7px #00000066;
}
.box-rounded-10{
    border-radius:10px;
}
.box-rounded-5{
    border-radius:5px;
}
.bg-light-blue{
    background-color:#A4BEE2;
}

.text-orange{
    color:#E26D00;
}
.greenCircle{
    background-color:forestgreen;
    color:white;
    padding:5px;
    border-radius:50%;
    width:30px;
    height:30px;
    display:block;
    line-height: 17px;
    text-align:center;
    font-size:20px;

}

.redCircle{
    background-color:red;
    color:white;
    padding:5px;
    border-radius:50%;
    width:30px;
    height:30px;
    display:block;
    line-height: 17px;
    text-align:center;
    font-size:20px;
}


.ui-dialog-buttonset button{
    background-color:orange;
    color:white;
    border:1px solid grey;
    border-radius:5px;
    width:100px;

}

.ui-dialog-titlebar-close{
    background-color:red;
    color:white;
    border:1px solid white;
    border-radius:4px;
}
.ui-dialog-titlebar-close::before{
    content: "X";
    color:white;
    font-size: 16px;
    margin-top: -33px;
    top: 31px;
    position: absolute;
    left: 4px;
}

.blue-bottom-border{
    border-bottom:3px solid blue;
}

.blue-underline{
    display:block;
    border-bottom: 2px solid #1E4B8A;
    padding-bottom:2px;
}

.bg-lightblue{
    background-color:#6686B5;
}
.blueUnderline{
    padding: 4px;
    display:inline;
    font-weight:bold;
    font-size:18px;
    border-bottom: 4px solid #0662CE;
    margin-bottom:10px;
}

.greyLabel{
    color:#868686;
    margin-right:7px;
    font-size:12px;
}
.client-view-data .greyLabel{
    text-transform: uppercase;
}
.client-contact-count,
.client-email-count{
    color: #868686;
    font-weight: 400;
}
.valueContent{
    color:#3E3E3E;
    font-size:16px;
    font-weight: 500;
}
.valueContentSmall{
    color:#3E3E3E;
    font-size:14px;
    font-weight: 500;
}
.client-contacts-table{
    border: none !important;
}
.client-contacts-table > :not(caption) > * > *{
    border: none !important;
}
.client-contacts-table thead th{
    color: #868686;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #f3f5f7;
    padding-top: 10px;
    padding-bottom: 10px;
    border: none !important;
    box-shadow: none !important;
}
.client-contacts-table tbody td{
    color: #3E3E3E;
    font-size: 14px;
    vertical-align: middle;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #dee2e6 !important;
}
.client-emails-empty{
    font-size: 14px;
}
.client-contact-btn-edit{
    background-color: #e8f1ff !important;
    color: #0662CE !important;
    border: none !important;
    margin-right: 4px;
}
.client-contact-btn-edit:hover{
    background-color: #d6e7ff !important;
    color: #0554b0 !important;
}
.client-contact-btn-delete{
    background-color: #fdeeee !important;
    color: #c0392b !important;
    border: none !important;
}
.client-contact-btn-delete:hover{
    background-color: #f9dede !important;
    color: #a93226 !important;
}
.blueBottomBorder{
    border-bottom: 4px solid #0662CE;
    margin-bottom: 10px
}

.redButton{
    background-color: #FCE3E3;
    padding:8px 8px;
    border:1px solid #DF9898;
    border-radius:3px;
    color: #680000!important;
    /*font-weight:bold;*/
    font-size:14px!important;
}
.redButton:hover{
    background-color: #DF9898;
    color: white!important;
}

.greenButton{
    background-color: #e0fce3;
    padding:8px 8px;
    border:1px solid #3ba146;
    border-radius:3px;
    color: #07551a !important;
    /*font-weight:bold;*/
    font-size:14px!important;
}
.disabledButton{

    background-color: #cdcbcb;
    color: #5f5e5e !important;
    padding:4px 8px;
    border-radius:4px;
    margin:6px;
    font-size:15px!important;
    cursor: not-allowed;
    opacity:0.6;

}
.sanctionsButton{

    background-color:orange;
    color:white!important;
    padding:4px 8px;
    border-radius:4px;
    margin:6px;
    font-size:18px!important;

}
.exciseButton{

    background-color:#2A9548;
    color:white!important;
    padding:4px 8px;
    border-radius:4px;
    margin:6px;
    font-size:18px!important;

}

.transferButton{
    background-color:#0662CE;
    color:white!important;
    padding:4px 8px;
    border-radius:4px;
    margin:6px;
    font-size:18px!important;
}
.removeButton{
    background-color:#CF1B2B;
    color:white!important;
    padding:4px 8px;
    border-radius:4px;
    margin:6px;
    font-size:20px!important;
}

.blueButton{
    background-color: #E3F6FC;
    padding:8px 8px;
    border:1px solid #7DC1D7;
    border-radius:3px;
    color: #393D3F!important;
    /*font-weight:bold;*/
    font-size:14px!important;
}
.blueButton:hover{
    background-color: #7DC1D7;
    color: white!important;
}

.table-hover tbody tr:hover {
    background-color: rgba(137, 204, 255, 0.27) !important;
}

@media (min-width: @screen-sm-min) or (min-width: @screen-md-min) { 
    body {
      display:none !important;
    }
}