/* Основні розділи/блоки */
.layoutTop{
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    height: 80px;
    border-bottom: 1px solid #000;
    width: 100%;
}

.layoutLeft{
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 80px;
    left: 0;
    height: calc(100% - 80px - 96px);
    width: 30%;
    overflow: auto;
    z-index: -10;
}

/*Центральна зона у BaseDualPartDeskTmplt*/
.layoutCenter{
    position: fixed;
    top: 80px;
    left: 30%;
    height: calc(100% - 80px - 96px);
    /*width: 74%;*/
    width: 70%;
    z-index: -12;
    /*background: orange;*/
}

/*Центральна зона у BaseDeskTmplt*/
.layoutContent{
    position: fixed;
    top: 90px;
    left: 0;
    height: calc(100% - 90px - 96px);
    width: 100%;
    z-index: -12;
}

.layoutBottom{
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 96px;
    width: 100%;
    background-color: transparent;
    border-top: 1px solid #000;
    vertical-align: middle;
}

/*BaseHeader*/
.btnUsr{
    display: block;
    position: fixed;
    top: 12px;
    right: 10px;
}

/*Меню*/
.mMenuBlock .ui-menu.ui-menubar>.ui-menu-list>.ui-menuitem.ui-menubar-options {
/*    margin-top: 2px;*/
    float: right;
}
/*.mMenuBlock .ui-menuitem-text {
    font-family: 'OFAM',Arial,sans-serif !important;
    font-size: 20px !important;
    font-weight: 300 !important;
}*/
/*.mMenuBlock .ui-inputfield {
    border-radius: 0px;
}*/

/*Ліва колонка. Інфопанель (dashboard)*/
.objlist{
    display: flex;
    flex-direction: column;
    position: relative;
    top: 0;
    left: 0;
    height: auto;
    width: 100%;
    overflow: auto;
}

/*Ліва колонка. Планування експедицій*/
.expeditionList{
    display: flex;
    flex-direction: column;
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: auto;
}

/*Загальний блок для контенту (у межах layoutCenter)*/
.contentBlock{
    display: flex;
    flex-direction: column;  
    /*position: relative;*/
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: calc(100% - 5px);
    /*overflow: auto;*/
    /*background: yellowgreen;*/
}

.contentTopBlock{
    top: 0;
    left: 0;
    overflow: hidden;
    /*background: yellow;*/
}

.mapBlock{
    display: flex;
    flex-direction: column;
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.contentBottomBlock {
    display: flex;
    flex-direction: column;
    /*position: relative;*/
    position:absolute;
    top: 310px;
    height: calc(100% - 310px);
    width: 100%;
    /*background: blue;*/
}

.objBlock{
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-left: 10px;
    overflow: hidden;
}

.objName{
    flex-shrink: 0;
    padding-bottom: 10px;
}

.objInf {
    overflow-y: auto;
    overflow-x: hidden;
}

.objMaterials {
    padding-top: 15px;
    padding-bottom: 15px;
    flex-shrink: 0;
}



.bGroup{
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    padding-left: 10px;
    overflow: hidden;
}

.bH{
    flex-shrink: 0;
    padding-bottom: 8px;
}

.bC {
    overflow-y: auto;
    overflow-x: hidden;
}

.bB {
    padding-top: 15px;
    padding-bottom: 15px;
    flex-shrink: 0;
}

/*.roundedButton{
    padding: 2px;
    text-align: center;
    font-size: 15px;
    width: 140px;
    height: 34px;
    border-radius: 2rem;
    background: #007ad9;
    color: #fff;
    border: 1px solid #007ad9;
    overflow: visible;
}*/


.roundedButton {
    padding: 2px;
    text-align: center;
    font-size: 15px;
    width: 140px;
    height: 34px;
    background: #007ad9;
    color: #fff;
    border: 1px solid #007ad9;
    border-radius: 30px;
    margin: 0;
    outline: 0 none;
    transition: background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s
}

.roundedButton.ui-state-hover {
    background: #116fbf;
    border-color: #116fbf;
    color: #fff
}

.roundedButton.ui-state-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 .1em #8dcdff
}

.roundedButton.ui-state-active, .roundedButton.ui-state-down {
    background: #005b9f;
    border-color: #005b9f;
    color: #fff
}


.entityIRI{
    display: flex;
    flex-direction: column;    
    /*position: relative;*/
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 100%;
    overflow: hidden;
    padding-bottom: 10px;
    /*background: gray;*/
}

.entityTopInf{
    display: flex;
    flex-direction: row;
    /*position: relative;*/
    position: absolute;
    top: 22px;
    left: 0;
    height: 30%;
    width: 100%;
    overflow: hidden;
    /*background: yellow;*/
}

/*Блок для текстових описових даних в межах entityTopInf з шириною 50%*/
.entityTopInfTxt{
    display: flex;
    flex-direction: column;
    /*position: relative;*/
    position: absolute;
    margin-left: auto;
    order: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    overflow: hidden;
    /*background: red;*/
}

/*Блок для текстових описових даних більшої ширини (для Actor)*/
.entityTopInfTxtW{
    display: flex;
    flex-direction: column;
    position: relative;
    margin-left: auto;
    order: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 70%;
    overflow: hidden;
    /*background: orchid;*/
}

.entityTopInfMap{
    display: flex;
    flex-direction: column;
    position: relative;
    margin-left: auto;
    order: 2;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    overflow: hidden;
}

.entityTopInfImg{
    display: flex;
    flex-direction: column;
    position: relative;
    margin-left: auto;
    order: 2;
    top: 0;
    left: 0;
    height: 100%;
    width: 30%;
    overflow: hidden;
}

/*Блок для додаткової інфорамції*/
.extensionBlock{
    display: flex;
    flex-direction: column;
    /*position: relative;*/
    position:absolute;
    top: calc(30% + 22px + 3px);
    height: calc(70% - 25px);
    width: 100%;
    /*background: blue;*/
}

.extensionBlockDataSelector {
    display: flex;
    flex-direction: row;
    position: relative;
    height: 30px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}

.objExternalData {
    display: block;
    position: absolute;
    height: 70%;
    width: 100%;
    overflow: auto;
    /*background: wheat;*/
}

.pnlMapDlg {
    display: block;
    /*position: fixed;*/
    position: relative;
    height: 100%;
    width: 100%;
    top:0px;
    left: 0px;
}

.pnlMapDlgBtn {
    background: white;
    display: flex;
    position: fixed;
    bottom: 0px;
    height: 135px;
    width: 100%;
}

.TL {
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

/*Діалогове вікно (наприклад, списки для вибору)*/
.dlgBlock{
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0px;
    height: 100%;
    width: 100%;
}

.dlgContent{
    display: block;
    position: absolute;
    height: calc(100% - 160px);
    width: 100%;
    top: 0px;
    overflow: auto;
}

.dlgCntrls{
    display: block;
    position: absolute;
    height: 158px;
    width: 100%;
    bottom: 0;
}

/*PrvnStatusStyles*/
.basicRow {
    background-color: window !important;
}

.grayRow {
    background-color: whitesmoke !important;
    color: #585858 !important;
}

.candidateRow {
    /*background-color: #DCFBFC !important;*/
    background-color: #E5FCFD !important;
}

.unconfirmedRow {
    background-color: #FAE7FD !important;
}

.actualRow {
    background-color: #E6FFD1 !important;
}

.underRevisionRow {
    /*background-color: #FFF3DF !important;*/
    background-color: #FFFAD7 !important;    
}

.underRevisionSubRow {
    background-color: whitesmoke !important;
    /*color: #CD7F05 !important;*/
    color: #B47802 !important;    
}

.editedRow {
    /*background-color: #FFF3DF !important;*/
    /*background-color: #F5E578 !important;*/
    /*background-color: #FFF39F !important;*/
    background-color: #FEF4C7 !important;
}

.editedSubRow {
    background-color: whitesmoke !important;
    /*color: #CD7F05 !important;*/
    color: #A36E07 !important;    
}

.forRemovalRow {
    /*background-color: #FFD3D1 !important;*/
    /*background-color: #FFE1DC !important;*/
    background-color: #FFE8E7 !important;
}

.deprecatedRow{
    /*background-color: #FEDCA7 !important;*/
    background-color: #FFC39D !important;    
}

.removedRow{
    /*background-color: #F5A8A3 !important;*/    
    background-color: #FBB3AE !important;
}





.ui-tabs-panels{
    border-style: none !important;
}

.ui-tabs.ui-tabs-top .ui-tabs-nav .ui-tabs-header {
    border-bottom: 1px solid #c8c8c8 !important;
}

.basicRow {
    background-color: window !important;
}

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

.storeOrderRow{
    background-color: #dddddd !important;
    font-weight: bold !important;
}

.excludedOrderRow{
    background-color: #f7dbdb !important;
}

.RequestConfirmedRow {
    background-color: window !important;
}

.ResponsePrjRow {
    background-color: #fffad7 !important;
}

.ResponseConfirmedRow {
    background-color: #ccffff !important;
}

.ActorProfileOffRow {
    background-color: #fffad7 !important;
}

.ui-orderlist .ui-orderlist-list{
    height: 120px !important;
}

.ui-datatable.hborderless thead th {
    border-style: none;
    margin: 0px;
    padding-top: 15px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
}
.ui-datatable.borderless tbody,
.ui-datatable.borderless tbody tr,
.ui-datatable.borderless tbody td {
    border-style: none;
    padding-top: 15px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-bottom: 15px !important;
}

.ui-treetable.hborderless thead th {
    border-style: none;
}

.ui-treetable.borderless tbody,
.ui-treetable.borderless tbody tr,
.ui-treetable.borderless tbody td {
    border-style: none;
}

.productInCartStatus {
    background-color: #bcc2c6 !important;
}

.treeNodeBase{
    color: #35495e !important;
}

.treeNodeCandidate{
    color: blue !important;
}

.treeNodeUnconfirmed{
    color: darkmagenta !important;
}

.treeNodeActual{
    color: limegreen !important;
}

.treeNodeUnderRevision{
    color: yellow !important;
}

.treeNodeEdited{
    color: orange !important;
}

.treeNodeForRemoval{
    color: pink !important;
}

.treeNodeDeprecated{
    color: blueviolet !important;
}

.treeNodeRemoved{
    color: red !important;
}

.basicRow {
    background-color: window !important;
}

.grayRow {
    background-color: whitesmoke !important;
    color: #585858 !important;
}

.candidateRow {
    /*background-color: #DCFBFC !important;*/
    background-color: #E5FCFD !important;
}

.unconfirmedRow {
    background-color: #FAE7FD !important;
}

.actualRow {
    background-color: #E6FFD1 !important;
}

.underRevisionRow {
    /*background-color: #FFF3DF !important;*/
    background-color: #FFFAD7 !important;    
}

.underRevisionSubRow {
    background-color: whitesmoke !important;
    /*color: #CD7F05 !important;*/
    color: #B47802 !important;    
}

.editedRow {
    /*background-color: #FFF3DF !important;*/
    /*background-color: #F5E578 !important;*/
    /*background-color: #FFF39F !important;*/
    background-color: #FEF4C7 !important;
}

.editedSubRow {
    background-color: whitesmoke !important;
    /*color: #CD7F05 !important;*/
    color: #A36E07 !important;    
}

.forRemovalRow {
    /*background-color: #FFD3D1 !important;*/
    /*background-color: #FFE1DC !important;*/
    background-color: #FFE8E7 !important;
}

.deprecatedRow{
    /*background-color: #FEDCA7 !important;*/
    background-color: #FFC39D !important;    
}

.removedRow{
    /*background-color: #F5A8A3 !important;*/    
    background-color: #FBB3AE !important;
}

.vl {
  border-left: 3px solid green;
  height: 7px;
}

.ui-menu .ui-button {
    background-color: #bcc2c6;
    border-color: #bcc2c6;
    color: #35495e;
    font-weight: normal !important;
    outline: none;
}

.ui-menu .ui-button:hover,
.ui-menu .ui-button:focus{
    background-color: #35495e;
    border-color: #35495e;
    color: white;
    outline: none;
}

.ui-button2>.ui-button {
    border: 0px;
    background-color: #fff;
    border-color: #c8c8c8;
    color: #333;
}

.ui-button2:hover>.ui-button:hover {
    background-color: #d9d9d9;
    border-color: #c8c8c8;
    color: #333;
}



.ui-datagrid-content-no-border .ui-datagrid-content {
   border: none !important;
}

.ui-datagrid-no-border.ui-datagrid *{
   border: none !important;
}

.ui-datagrid .ui-paginator {
    
}

.noHeader.ui-datatable table thead tr {
    display: none;
}

.logoBlock .ui-panel .ui-panel-content {
    margin: 0px;
    padding: 0px;
}

/*
.ui-datatable thead th {
    color: #35495e !important;
}
*/

.ui-tree .ui-state-highlight {
    background-color: #bcc2c6 !important;
}

.ui-layout-unit-content {
    border: none !important;
    margin: 0 !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.ui-layout-unit, ui-widget, ui-widget-content, ui-corner-all {
    border: none !important;
    margin: 0 !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0 !important;
    padding-right: 0px !important;
}

ul.ui-menu-child {
    width: auto !important;
    min-width: 230px;
}

.ui-menuitem-text {
    color: #35495e !important;
    font-weight: bold !important;
}

.ui-menubar {
    z-index:0 !important;
    overflow:visible !important;
    border-radius: 0 !important;
    border-width: 0 !important
}

.ui-layout-west {
    border: none !important;
    margin: 0 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 0px !important;
    padding-right: 5px !important; 
}

.ui-layout-center {
    border: none !important;
    margin: 0 !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 10px !important;
    padding-right: 0px !important; 
}

.ui-layout-south {
    height: 65px !important;
    border: none !important;
    margin: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 5px !important;
    padding-right: 5px !important; 
    background-color: #bcc2c6 !important;
    overflow:hidden !important;
}

.ui-layout-north {
    z-index:20 !important;
    overflow:visible !important;
}

.ui-layout-north .ui-layout-unit-content {
    overflow:visible !important;
}

.ui-orderlist .ui-orderlist-list .ui-orderlist-item {
    width: 100%;
}

.ui-orderlist .ui-orderlist-list {
    height: 76px !important;
    width: 100% !important;
}

.admter .ui-orderlist .ui-orderlist-list .ui-orderlist-item {
    width: 100%;
    height: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.admter .ui-state-disabled {
    opacity: 1;
}

.admter .ui-orderlist .ui-orderlist-list {
    height: 104px !important;
    width: 100% !important;
}









.mainMenu{
    display: flex;
    width: 100%;
    padding: 0px;
    border-bottom: 1px solid #c8c8c8;
}

.pnlSticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 0px !important;
    z-index:15 !important;
}

.baseHeaderLangSelector {
    font-family: 'OFAM',Arial,sans-serif !important;
    font-size: 14px !important;
    letter-spacing: 0.5px;
}

.baseHeaderLangSelector .ui-commandlink:hover, .object .ui-link:hover {
    text-decoration: none !important;
}

.baseHeaderLangSelector .ui-state-disabled {
    opacity: 1;
}

.ui-dialog .ui-dialog-titlebar {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

#top {
    position: relative;
    background-color: #036fab;
    color: white;
    padding: 5px;
    margin: 0px 0px 10px 0px;
}

#bottom {
    position: relative;
    background-color: #c2dfef;
    padding: 5px;
    margin: 10px 0px 0px 0px;
}

#left {
    float: left;
    background-color: #ece3a5;
    padding: 5px;
    width: 150px;
}

#right {
    float: right;
    background-color: #ece3a5;
    padding: 5px;
    width: 150px;
}

.center_content {
    position: relative;
    background-color: #dddddd;
    padding: 5px;
}

.left_content {
    background-color: #dddddd;
    padding: 5px;
    margin-left: 170px;
}

.right_content {
    background-color: #dddddd;
    padding: 5px;
    margin: 0px 170px 0px 170px;
}

#top a:link, #top a:visited {
  color: white;
  font-weight : bold;
  text-decoration: none;
}

#top a:link:hover, #top a:visited:hover  {
  color: black;
  font-weight : bold;
  text-decoration : underline;
}