/* RULES OF PLAYING WITH CSS */


/*===== MODOULE / SECTION NAME =====*/


/* Subsection name - Section name */


/* End Subsection name - Section name */


/*===== END MODOULE / SECTION NAME =====*/


/* END RULES OF PLAYING WITH CSS */


/* ===== GRID v3.1 980 content===== */

.col-one {
    width: 105px !important
}
.col-two {
    width: 225px !important
}
.col-three {
    width: 345px !important
}
.col-four {
    width: 465px !important
}
.col-five {
    width: 585px !important
}
.col-six {
    width: 705px !important
}
.col-seven {
    width: 825px !important
}
.col-eight {
    width: 945px !important
}
.col.push-one {
    margin-left: 120px !important
}
.col.push-two {
    margin-left: 240px !important
}
.col.push-three {
    margin-left: 360px !important
}
.col.push-four {
    margin-left: 480px !important
}
.col.push-five {
    margin-left: 600px !important
}
.col.push-six {
    margin-left: 720px !important
}
.col.push-seven {
    margin-left: 840px !important
}
.col+ .col.push-one {
    margin-left: 135px !important
}
.col+ .col.push-two {
    margin-left: 255px !important
}
.col+ .col.push-three {
    margin-left: 375px !important
}
.col+ .col.push-four {
    margin-left: 495px !important
}
.col+ .col.push-five {
    margin-left: 615px !important
}
.col+ .col.push-six {
    margin-left: 735px !important
}

/* ===== end GRID v3.1 980 content===== */


/* ===== Layout ===== */

.wrapper {
    margin: auto;
    position: absolute;
    z-index: 1;
    left: 240px;
    right: 0;
    margin-bottom: 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.content {
    width: 100%;
    background: none;
    padding: 0px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: none;
}
.banner, .project.content {
    width: 100%;
    margin-bottom: 20px;
}

/* TOP NAV */
.topNav {
    position: fixed;
    width: 100%;
}
.topNav> div {
    border-bottom: none;
}

/* LEFT NAV */
.logo {
    float: none;
}
.logo img {
    width: auto;
}
.profile_toolbox {
    margin: 102px;
    margin: 50px 0px 0px 0px;
}
.leftNav {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    left: 0;
    overflow-y: auto;
    padding: 40px 0 60px 0;
    position: fixed;
    top: 0;
    //padding-top: 0;
    width: 240px;
    z-index: 1;
    box-sizing: border-box;
    webkit-box-sizing: border-box;
}
.boxContainer li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.boxContainer> li> a, .chatHeader, .suportFeedback {
    color: #333;
    background: none;
}
.boxContainer li li a, .boxContainer li ul, .boxContainer li li:hover > a, .boxContainer li li.selectat > a,.subitem.selectat li a {background: none; border: none;}
.boxContainer> li> a:hover, .boxContainer> li.selectat> a, .suportFeedback:hover, .process .active .step, .pmpVisual .active .done, .pmpStep .active, .ui-progressbar .ui-progressbar-value, .ui-slider .ui-slider-range {
    background: #006288;
    color: #fff
}
.boxContainer li li a {
    line-height: 20px;
}

/* Content */
.widget {
    margin-top: 20px;
}
.iframe_window .widget_body, .iframe_window .users_body, .iframe_window, .iframe_window .feedback_body {
    height: 348px;
}

.fb_body {
    height: 458px;
}

.userHeader, .head, .groups td> div {
    background: #fff;
}
.head {
    border-bottom: 1px solid #f0f0f0;
}
.rowElem, .rowElemBg {
    background-color: #fff;
    line-height: 25px;
}
.head h5, .userHeader h5 {
    color: #858585;
    line-height: 16px;
}
#search {
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0 0 4px 4px;
}
.headerContainer {
    width: 100%;
}

/* ===== End Layout ===== */

/* Comunicarea Interna */
.post, .widget, .groups td> div, .ui-datepicker, .banner, .profile_toolbox, .topNav> div {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    border: none;
}
.post+ .post {
    margin-top: 20px
}
.post .text img {
    max-width: 713px;
    max-height: 500px;
}
.youtube-container {
    max-height: 480px;
    max-width: 854px;
}
.dashboard .embededVideo iframe, .dashboard .embededVideo .youtube-container {
    max-height: 480px !important
}
.post_toolbar {
    border-top: none;
}
.importantPost {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.importantPost, .importantPost .typePost {
    border: none
}
.tabbed a.selectat, .tabbed a:hover {
    background: #fff
}

/*  Dashboard  */
.mainFlow {
    width: 684px;
}
.post img {
    max-width: 854px;
    //max-height: 480px;
}
.dashboard .post img {
    max-width: 630px;
    //max-height: 472px;
}
.taskPriority {
    padding: 0 5px;
    border-radius: 4px;
}
/*
.groups td> .myGroup {
    border: none;
    box-shadow: none;
}
*/

/* New Employee */
.newEmployee .ecard {
    background: none;
    min-height: auto;
}
.newEmployee .greeting {
    float: none;
    margin: auto;
}
.newEmployee .ecard .options {
    padding-top: 85px;
    text-align: center;
    background: none;
    width: auto;
    padding-top: auto;
    float: none;
    margin-top: auto;
    margin-right: auto;
}
.newEmployee .ecard .welcomeNewPerson {
    display: none;
}
.newEmployee .ecard .profile {
    left: 42%;
    display: block;
}

/* PMP */
.pmpStep {
    left: 193px;
}
.showHide {
    font-size: 11px;
    line-height: 21px;
}

/* ===== Footer ===== */
#footer {
    position: fixed;
    bottom: 0px;
    background-color: #ffffff;
    width: 240px;
    height: 30px;
}

/* ===== OWL CAROUSEL ===== */
.post .owl-carousel {
    margin-left: 15px;
    width: auto
}

/*body .owl-theme .owl-controls { margin: 0 15px 0 0 }*/
body .owl-carousel .item {
    margin: 0px
}
.post .owl-carousel .item {
    margin: 0 15px 0 0
}
.post .owl-page {
    display: inline-block;
    width: 23px;
    line-height: 23px;
    border: 1px solid #ccc;
    text-align: center;
    color: #858585
}
.post .owl-page:hover, .post .owl-page.active {
    background: #ccc
}