/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 13-Feb-2019, 15:33:27
    Author     : GriffithsM
*/

.body {
    font-family: 'Titillium Web', sans-serif;    
}

body.bgColour {background-color: antiquewhite;}

.autoMargin ~ .ui-input-field {background: yellow;}

.alignR {text-align: right;}

.center_content {
    /*margin-left: 260px;*/
    font-family: 'Titillium Web', sans-serif;
}

.center_content_with_menu {
    margin-left: 260px;
    font-family: 'Titillium Web', sans-serif;
}

.noborder {
    border: none;
}

.outerDiv {
    /*text-align: center;*/
}

.loginCentre {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 25%;
    left: 0;
    text-align: center;
    padding: 15px;
    background-color: #eaf2f6;
    max-width: 340px;
    max-height: 170px;
    height: auto;
    border-radius: 15px;
}

.centreBorder {
    position: absolute;
    margin: auto;
    text-align: center;
    padding: 15px;
    background-color: #eaf2f6;
    border-radius: 15px;
}

.title {
    text-align: center;
    font-size: calc(16px + .4vw);
    font-weight: bold;
    padding-top:20px;
    padding-bottom: 10px;
}

.subtitle {
    text-align: center;
    font-size: calc(12px + .4vw);
    font-weight: bold;
    /*padding-top: 10px;*/
    padding-bottom: 10px;
}

.account {
    text-align: center;
    font-size: calc(12px + .4vw);
    font-weight: bold;
    padding: 10px;
    padding-top:0px;
    padding-bottom: 10px;
}

.myAccount {
    position: absolute;
    margin: auto;
    padding-top: 30px;


}

.searchPGinteractionsAll {
    max-width: 1200px;
    margin: auto;
}

.searchPGsearchTerms {
    max-width: 550px;
    margin: auto;
}

.tableST {
    max-width: 750px;
    margin: auto;
}

.tableSU {
    word-wrap: break-word;
}

.padBtm20 {
    padding-bottom: 20px;
}

.centre {
    text-align: center;
}

.autoMargin {
    margin: auto;
}

/* Empty Boxes */
.EmptyBox5{ display:block; width:100%; height:5px; overflow:hidden;}
.EmptyBox10{ display:block; width:100%; height:10px; overflow:hidden;}
.EmptyBox20{ display:block; width:100%; height:20px; overflow:hidden;}
.EmptyBox30{ display:block; width:100%; height:30px; overflow:hidden;}
.EmptyBox40{ display:block; width:100%; height:40px; overflow:hidden;}
.EmptyBox50{ display:block; width:100%; height:50px; overflow:hidden;}
.EmptyBox60{ display:block; width:100%; height:60px; overflow:hidden;}
.EmptyBox70{ display:block; width:100%; height:70px; overflow:hidden;}
.EmptyBox80{ display:block; width:100%; height:80px; overflow:hidden;}
.EmptyBox90{ display:block; width:100%; height:90px; overflow:hidden;}
.EmptyBox100{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox110{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox120{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox130{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox140{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox150{ display: block; width: 100%; height:150px; overflow:hidden;}
.EmptyBox450{ display: block; width: 100%; height:350px; overflow:hidden;}

.mainTable {
    /*width: 90%;*/
}

/*Left Menu*/
.fa-2x {
    font-size: 2em;
}
.fa-left-menu {
    position: relative;
    display: table-cell;
    width: 60px;
    height: 36px;
    text-align: center;
    vertical-align: middle;
    font-size:20px;
}

/*
.main-menu:hover,nav.main-menu.expanded {
    width:250px;
    overflow:visible;
}*/

.main-menu {
    background:#212121;
    border-right:1px solid #e5e5e5;
    position:absolute;
    top:0;
    bottom:0;
    height:100%;
    left:0;
    /*    width:60px;
        overflow:hidden;*/
    width:250px;
    overflow:visible;
    -webkit-transition:width .05s linear;
    transition:width .05s linear;
    -webkit-transform:translateZ(0) scale(1,1);
    z-index:1000;
}

.main-menu > ul {
    margin:7px 0;
}

.main-menu li {
    position:relative;
    display:block;
    width:250px;
}

.main-menu li > a {
    position:relative;
    display:table;
    border-collapse:collapse;
    border-spacing:0;
    color:#999;
    font-family: arial;
    font-size: 14px;
    text-decoration:none;
    -webkit-transform:translateZ(0) scale(1,1);
    -webkit-transition:all .1s linear;
    transition:all .1s linear;

}

.main-menu .nav-icon {
    position:relative;
    display:table-cell;
    width:60px;
    height:36px;
    text-align:center;
    vertical-align:middle;
    font-size:18px;
}

.main-menu .nav-text {
    position:relative;
    display:table-cell;
    vertical-align:middle;
    width:190px;
    font-family: 'Titillium Web', sans-serif;
}

.main-menu>ul.logout {
    position:absolute;
    left:0;
    bottom:0;
}

.no-touch .scrollable.hover {
    overflow-y:hidden;
}

.no-touch .scrollable.hover:hover {
    overflow-y:auto;
    overflow:visible;
}

a:hover,a:focus {
    text-decoration:none;
}

nav {
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none;
}

nav ul,nav li {
    outline:0;
    margin:0;
    padding:0;
}
.main-menu li:hover>a,nav.main-menu li.active>a,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus,.no-touch .dashboard-page nav.dashboard-menu ul li:hover a,.dashboard-page nav.dashboard-menu ul li.active a {
    color:#fff;
    background-color:#5fa2db;
}
.leftMenu {
    background: #e2e2e2;
    width: 100%;
    height: 100%;
}
@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 300;
    src: local('Titillium WebLight'), local('TitilliumWeb-Light'), url(http://themes.googleusercontent.com/static/fonts/titilliumweb/v2/anMUvcNT0H1YN4FII8wpr24bNCNEoFTpS2BTjF6FB5E.woff) format('woff');
}
/*End Left Menu*/

/*Responsive divs*/

.divParent {
    display: flex;
    flex-wrap: wrap;
}

.divChild {
    width: 50%;
    flex: 1;
    min-width: 450px;
    padding: 10px;
}

.blockParent {
    display: flex;
    align-items:center;
    flex-wrap: wrap;
}

.blockChild {
    flex: 1;
    padding: 10px;
}

.parentDivCentre {
    display: flex;
    justify-content: center;
}

.childDivHome {
    width: 565px;
    padding: 10px;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 15px;    
}

.childDivHome1 {
    color: whitesmoke;
    background-color: darkcyan;
    border-color: darkcyan;
}

.childDivHome2 {
    color: whitesmoke;
    background-color: darkslateblue;
    border-color: darkslateblue;
}

.childDivHome3 {
    color: whitesmoke;
    background-color: darkgreen;
    border-color: darkgreen;
}

.divCentre {
    margin-left: auto;
    margin-right: auto;
}

.btnYellow {background-color: goldenrod !important; border: 1px solid darkgoldenrod !important;}

#layout-portlets-cover {
    background-color: #94bbd6;
}


/*Need to make this target the drop down for*/ 
#selectValues:organizations_panel .ui-selectonemenu-filter-container {
    width:500px;
}

.nav-text {
    position:relative;
    display:table-cell;
    vertical-align:middle;
    width:190px;
    font-family: 'Titillium Web', sans-serif;
}

.totalRow {
    font-weight: bold;
    color: red;
}

.leftAlign {
    float: left;
}
.rightAlign {
    float: right;
    margin-right:20px;
}

td.centeredColumnContent{
    text-align: center;
}

.without-selectall .ui-selectcheckboxmenu-header .ui-chkbox {
    display: none; 
}

.noPaddingTop {
    padding-top: 0px !important;
}

.noPaddingBtm {
    padding-bottom: 0px !important;
}

/* clearfix for Container */
.Container:before,.Container:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.Container:after {
    clear: both; 
}

/* Containers */
.Container100{ width:100%;  float:left;}
.Container96{ width:96%;  float:left;}
.Container90{ width:90%;  float:left;}
.Container85{ width:85%;  float:left;}
.Container80{ width:80%;  float:left;}
.Container75{ width:75%;  float:left;}
.Container70{ width:70%;  float:left;}
.Container60{ width:60%;  float:left;}
.Container50{ width:50%;  float:left;}
.Container40{ width:40%;  float:left;}
.Container33{ width:33.3%;  float:left;}
.Container30{ width:30%;  float:left;}
.Container25{ width:25%;  float:left;}
.Container20{ width:20%;  float:left;}
.Container10{ width:10%;  float:left;}
.Container5{ width:5%;  float:left;}

.footerMasterDiv {
    width: 750px;
    margin: 0 auto;
}

.footerHeader {
    font-size: 1rem !important;
    color: grey !important;
}

.footerText {
    font-size: 0.68rem !important;
    color: grey !important;
}

.nounderline {
    text-decoration: none !important;
}

/* Top notifiction bar */
.nbTopDiv {display: table; width: 98%;}
.nbTopDiv1 {display: table-cell; width: 80%; vertical-align: middle;}
.nbTopDiv2 {display: table-cell; width: 10%; text-align: right; vertical-align: middle;}
.cookieBar {
    z-index:9999999 !important;
    height: auto !important;
    padding: 10px !important;
    text-align: center !important;
    opacity: 0.9 !important;
    background-color: #ffc373 !important;
}

.dynamic-div {display: inline-block !important;}