body {
    width: auto;
    min-width: 0;
}

ul.applications li {
    list-style: none;
    display: inline-block;
    margin: 30px;
    vertical-align:top;
    position:relative;
}

.app {
    width:150px;
    height:150px;
    font-size: 80px;
    background-color: rgb(79, 15, 25);
    color:rgb(224, 206, 180);
    text-align: center;
    line-height: 175px;
    border-radius: 15px;
    cursor: pointer;
}

.app.blocked {
    color:#a59b8c;
    background-color: #665c5e;
    cursor: default;
}

.app.blocked:hover {
    color:#a59b8c;
}

.locked {
    color: white;
    position:absolute;
    display:block;
    top:120px;
    right:-10px;
    padding:7px;
    background:rgb(224, 206, 180);
    color:rgb(79, 15, 25);
    border-radius: 5px;
    font-size: 18px;
}

.app:hover {
    color: rgb(246, 236, 222);
}

.appTitle, .appSectionTitle {
    text-align: center;
    margin-top:10px;
    /*color: #4F0F19;*/
    font-size: 17px;
    color:rgb(250, 248, 241);
    text-shadow: 2px 2px 3px rgba(75, 75, 75, 1);
    font-weight:600;
}

.appSectionTitle {
    font-size: 22px;
}

.app-flex-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top:50px;
}

.app-flex-item {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    padding-left:3%;
    padding-right:3%;
}

/*.vflex-container {*/
    /*display: -webkit-box;*/
    /*display: -moz-box;*/
    /*display: -ms-flexbox;*/
    /*display: -webkit-flex;*/
    /*display: flex;*/
    /*-webkit-box-direction: normal;*/
    /*-moz-box-direction: normal;*/
    /*-webkit-box-orient: vertical;*/
    /*-moz-box-orient: vertical;*/
    /*-webkit-flex-direction: column;*/
    /*-ms-flex-direction: column;*/
    /*flex-direction: column;*/
    /*-webkit-flex-wrap: nowrap;*/
    /*-ms-flex-wrap: nowrap;*/
    /*flex-wrap: nowrap;*/
    /*-webkit-box-pack: center;*/
    /*-moz-box-pack: center;*/
    /*-webkit-justify-content: center;*/
    /*-ms-flex-pack: center;*/
    /*justify-content: center;*/
    /*-webkit-align-content: stretch;*/
    /*-ms-flex-line-pack: stretch;*/
    /*align-content: stretch;*/
    /*-webkit-box-align: center;*/
    /*-moz-box-align: center;*/
    /*-webkit-align-items: center;*/
    /*-ms-flex-align: center;*/
    /*align-items: center;*/

/*}*/

/*.vflex-item {*/
    /*-webkit-box-ordinal-group: 1;*/
    /*-moz-box-ordinal-group: 1;*/
    /*-webkit-order: 0;*/
    /*-ms-flex-order: 0;*/
    /*order: 0;*/
    /*-webkit-box-flex: 0;*/
    /*-moz-box-flex: 0;*/
    /*-webkit-flex: 0 1 auto;*/
    /*-ms-flex: 0 1 auto;*/
    /*flex: 0 1 auto;*/
    /*-webkit-align-self: auto;*/
    /*-ms-flex-item-align: auto;*/
    /*align-self: auto;*/
/*}*/


/* ------------------ */
/* Top Navigation Bar */
/* ------------------ */

nav .navbar-brand {
    font-size: 14px;
    padding: 0 0;
    text-align: center;
    /*width: 185px;*/
    /*border-right: 1px solid;*/
}
nav .navbar-brand img {
    margin-top: 13px;
    margin-left: 5px;
    height: 35px;
    margin-right: 35px;
}

#navbarSearchWrapper {
    padding-top: 12px;
    margin-left: 0px;
}

@media (min-width: 1050px) {
    nav .navbar-brand img {
        margin-right: 70px;
    }
}


nav .dropdown ul a {
    font-size: 14px;
    line-height: 40px;
}

nav .dropdown ul a.btn {
    line-height: 18px;
}

nav .dropdown ul li > a {
    padding-left: 15px;
    /*transition: padding-left 0.2s ease;*/
    height: 74px;
}

#appMenu ul li > a,
ul.accountMenu li > a {
    height: 50px!important;
}

.sideBarSlider ul li > a {
    padding-left: 0px;
    height: 40px;
}

/* new sidebar layout 26042018 */
.sideBarSlider ul li > a {
    height: auto;
}

nav .dropdown ul li:hover > a,
.sideBarSlider ul li:hover > a {
    /*padding-left: 20px;*/
    /*transition: padding-left 0.2s ease;*/
}

.application .bbContainer {
    padding-top: 60px;
    /*margin-bottom: 60px;     Set dynamically because of sticky footer */
}

.titleBar .inlineLink {
    color: rgb(250, 248, 241);
    font-size: 14px;
}

/*  ---------- Top Task Navigator --------- */
#taskNavigator {
    display: none !important;
    position: fixed;
    z-index: 1001;
    top : 0;
    margin-top: 0px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    background: white;
    /*left: 50%;*/
    border: 1px solid #d3d3d3;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    /*width: 500px;*/
    /*margin-left: -250px;*/
}
#taskNavigator .navigation , #taskNavigator .content {
    padding: 9px 14px;
}
#taskNavigator .folder {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-bottom: -15px;
    background-color: white;
    width: 50px;
    margin-left: -25px;
    font-size: 10px;
    line-height: 14px;
    height: 14px;
    border: 1px solid lightgrey;
    border-radius: 0 0 5px 5px;
    cursor: pointer;
}

/* ---------- Task Counter ---------*/
#notificationsBtn {
    z-index: 222;
    display: inline-block;
    /* border: 1px solid red; */
    width: 28px;
    line-height: 28px;
    text-align: center;
    background: white;
    color: darkred;
    margin: 0px 2px 2px 2px;
    border-radius: 2px;
}
.titleBar #CBBrandId{
    position: absolute;
    font-size: 20px;
}


.bg {
    background: white url('/app/bottlebooks-dashboard/img/desktop_bg.jpg') no-repeat center center;
    background-size: cover;
    position:fixed;
    width:100%;
    height:100%;
    opacity: 0.7;
}

.headerButton {
    padding-right: 10px;
    float:right;
    font-size: 12px;
    line-height: 22px;
}

#taskWindow {
    display: block;
}

#taskWindow .modal-content{
    max-width: 800px;
    margin-left:auto;
    margin-right:auto;
}