/* 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 */

#footer {
    display: none;
}
input[type=text], input[type=number], input[type=password], textarea {
    width: 100%
}
input[type=submit] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
object, embed, video {
    max-width: 100%
}
img {
    height: auto
}
textarea {
    resize: vertical;
}

/* ==========  General styles ========== */


.overflow-vertical {
    overflow-y: scroll;
}
body {
    background: #f0f0f0;
    position: relative;
    min-height: 100%;
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: #181818;
    font-family: Helvetica, Arial, sans-serif;
    line-height: 1.4;
    width: 100%;
}
.mce-content-body {
    background: #fff;
}
.wrapper {
    width: 990px;
    /*padding: 0 5px;*/
    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 {
    position: relative;
    width: 100%;
    margin-bottom: 70px;
    float: right;
    z-index: 1;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.banner, .project.content {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    overflow: hidden;
}
.banner img {
    width: 100%
}
a, .Notif:hover .fico {
    color: #006288;
    cursor: pointer;
    outline: 0;
}
.inactive {
    cursor: pointer
}
.scoreColorBlueText {
    color: #2D97DE !important
}
.scoreColorDarkgreenText {
    color: #2BAC6E !important
}
.scoreColorGreenText {
    color: #7c8c00 !important
}
.scoreColorOrangeText {
    color: #fa8500 !important
}
.scoreColorRedText {
    color: #ea0600 !important
}
.bHover:hover, .text a:hover, a.userName:hover {
    text-decoration: underline
}
.redColor, .error, .nFailure {
    color: #ea0600 !important
}
.darkgreenColor {
    color: #2bac6e !important
}
.greenColor, .nSuccess {
    color: #7c8c00 !important
}
.blueColor, .nInformation {
    color: #006288 !important
}

.orangeColor, .nAlert, body table.display td.nAlert {
    color: #fa8500 !important
}
.greyColor {
    color: #858585 !important
}
.blackColor {
    color: #181818 !important
}
.whiteColor {
    color: #fff !important
}
.mainBg, .mainBg2 {
    background-color: #006288 !important
}
.redBg {
    background-color: #ea0600 !important
}
.darkgreenBg {
    background-color: #2bac6e !important
}
.greenBg {
    background-color: #a5b816 !important
}
.blueBg {
    background-color: #009de0 !important
}
.orangeBg {
    background-color: #fe8a10 !important
}
.greyBg {
    background-color: #d7d7d7 !important
}

.grayBg {
    background-color: #d7d7d7 !important
}
.blackBg {
    background-color: #656565 !important
}
.whiteBg {
    background-color: #fff !important
}
.error {
    padding: 5px 0;
    font-size: 11px
}
.textDefault {
    line-height: 1.4!important
}
.smallText {
    font-size: 11px!important
}
.bigText {
    font-size: 17px!important
}
.no_bt {
    border-top: none!important
}
.no_bl {
    border-left: none!important
}
.no_br {
    border-right: none!important
}
ul.bullet {
    list-style: square;
}
.cover_image {
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
}
.borderRadius3, .user_image img, .user_image span, .myAlbum img, .post.idea> .userHeader {
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}
.borderRadius4, .post, .widget, .commentFlow td> div, body div.jqcloud a, .btn, .user_image, .myAlbum a, .nNote, .graph, input[type="text"], input[type="password"], div.dataTables_filter input[type="text"], textarea, select, .select2-choices, body .select2-container .select2-choice, .ui-datepicker, .ui-progressbar {
    position: relative;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}
.borderRadius30, .tags .tagDot {
    position: relative;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    border-radius: 30px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}
.borderRadius600 {
    position: relative;
    -moz-border-radius: 600px;
    -webkit-border-radius: 600px;
    -khtml-border-radius: 600px;
    border-radius: 600px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}
.loginPanel h5, .loginWrapper .widget h5, .boxContainer:first-child, .widget.tabbed, .despreMine h6+ .userContent, .select2-dropdown-open .select2-choices, body .select2-dropdown-open .select2-choice, .psChatWidget, .psChatWindow> div {
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -khtml-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

/*.loginPanel form, .categoryMenu, .boxContainer:last-child, .despreMine .userContent + .userContent, .tabbed + .widget, .tabbed + .post, .idea .post_toolbar, .idea .commentFlow, .autocomplete-suggestions {
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -khtml-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}*/

.switchTabs .btn:first-child, .campaign .process th:first-child, .NPR td:first-child {
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -khtml-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}
.timeEntry_control, .switchTabs .btn:last-child, .campaign .process th:last-child, .NPR td:last-child {
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -khtml-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}
.switchTabs .btn {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0
}
.center {
    text-align: center;
}
.centered {
    margin: auto;
}

.stickToBottom {
    position: absolute !important;
    bottom: 0;
    width: 100%;
}

/* ==========  Icons  ========== */

.fico {
    float: left;
    font-size: 20px;
    margin-right: 5px;
    vertical-align: middle;
    text-align: center;
    /*text-shadow: 0 1px #fff*/
}
td> .fico, td> a> .fico {
    float: none;
    margin: 0
}
.btn .fico, .black .fico, .loginPanel h5 .fico, .userNav a:hover .fico, .userNav .selectat .fico, .switchTabs .selectat .fico, .pmpVisual .active .fico {
    /*text-shadow: 0 1px rgba(0, 0, 0, 0.5)*/
}
.btnBasic .fico {
    /*text-shadow: 0 1px rgba(255, 255, 255, 0.5)*/
}
.btn .fico {
    line-height: inherit;
    float: none;
}
.head .fico {
    margin-top: -2px
}
.fico.fr {
    margin-right: 0;
    margin-left: 5px
}
.rowElem .fico {
    line-height: inherit
}
.textDefault .fico {
    margin-top: 0
}
.ico-delete, .ico-edit, input+ .ico-search {
    float: right;
    color: #000;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}
.ico-delete:hover, .ico-edit:hover, input+ .ico-search:hover {
    color: #000;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}
.ico-delete.onBlack {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 100;
    color: #fff
}
.userHeader .ico-edit, .userHeader .ico-delete {
    margin-top: 5px
}
.userHeader> .fico:first-child {
    margin-right: 10px
}
.ico-arrowUp, .ico-arrowRight, .ico-arrowDown, .ico-arrowLeft, td .ico-horizontal, td .ico-self {
    margin: 0
}
.dashboard .ico-arrowRight {
    float: right
}
.feedbackPeople .ico-arrowRight {
    line-height: 34px;
    font-size: 40px;
    float: none
}
.dashboard .recentActivity .feedback_icon {
    width: 35px;
    margin-right: 10px
}

.recentActivity .profile .user_details {
    max-width: 135px;
    text-align: left;
}

.ico-exclusiveSection {
    position: absolute;
    top: -1px;
    left: 10px;
    margin-right: 0;
    font-size: 9px
}
.btn .ico-exclusiveSection {
    top: -7px;
    left: 0
}
.subitem li .ico-exclusiveSection {
    left: 35px
}
.btn .ico-plus {
    margin-left: -7px
}
.branchDetails .fico {
    display: inline-block;
    float: none;
    margin-right: 0;
    font-size: 50px;
    line-height: 54px;
    color: #858585
}
.center_user_image .user_image {
    float: none;
    display: inline-block
}
.opacity8 {
    opacity: 0.8;
}
/* ==========  File type icons ========== */

.ico-filePdf {
    color: #cd0000
}
.ico-fileDoc, .ico-fileDocx {
    color: #0397d6
}
.ico-fileXls, .ico-fileXlsx {
    color: #47aa42
}
.ico-filePpt, .ico-filePptx {
    color: #f15c22
}
.ico-fileRar:before, .ico-fileZip:before, .ico-file7z:before {
    color: #858585
}
.ico-fileJpg:before, .ico-filePng:before, .ico-fileJpeg:before, .ico-fileGif:before, .ico-fileBmp:before {
    color: #f7ba00
}
.ico-fileVideo {
    color: #858585
}
.ico-fileJpg:before, .ico-filePng:before, .ico-fileJpeg:before, .ico-fileGif:before, .ico-fileBmp:before {
    content: "\e65d";
}
.ico-fileRar:before, .ico-fileZip:before, .ico-file7z:before {
    content: "\e65e";
}
.ico-fileXlsx:before {
    content: "\e65f";
}
.ico-fileDocx:before {
    content: "\e660";
}
.ico-filePptx:before {
    content: "\e662";
}

/* these are still in old format, should be updated to new font icons */

.ico {
    display: inline-block;
    background-image: url(../images/head_icons.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 5px
}
.filepdfico {
    background: url(../images/file_type_icons.png) 0 0
}
.filedocico, .filedocxico {
    background: url(../images/file_type_icons.png) -20px 0
}
.filexlsico, .filexlsxico {
    background: url(../images/file_type_icons.png) 0 -20px
}
.filepptico, .filepptxico {
    background: url(../images/file_type_icons.png) -20px -20px
}
.filerarico, .filezipico, .fileexeico {
    background: url(../images/file_type_icons.png) 0 -40px
}
.filedefaultico {
    background: url(../images/file_type_icons.png) -20px -40px
}
.filejpgico, .filejpegico, .filepngico, .filebmpico, .filegifico {
    background: url(../images/file_type_icons.png) 0 -60px
}
.filevideoico {
    background: url(../images/file_type_icons.png) -20px -60px
}
.commPointsico {
    background: url(../images/sprites.png) 0 -270px no-repeat;
    width: 25px;
    height: 25px
}
.commBadgesico {
    background: url(../images/sprites.png) 0 -295px no-repeat;
    width: 25px;
    height: 25px
}

/* ==========  Typo  ========== */

h1, h2, h3, h4, .leftNav ul li a, .stats ul li span, .userLink, .errorPage p, .ui-dialog .ui-dialog-title {
    font-weight: normal
}
h1 {
    font-size: 25px
}
h2 {
    font-size: 19px
}
h2 a {
    display: block;
    color: #181818
}
h2 a:hover {
    color: #006288
}
h3 {
    font-size: 19px
}
.content h3 {
    padding-bottom: 5px
}
h4 {
    font-size: 19px
}
h5 {
    font-size: 19px
}
h5+ul, h5+ol {
    padding-top: 10px;
    clear: both
}
h6 {
    font-size: 14px;
    font-weight: bold
}
h1, h2, h3, h4, h5, h6 {
    line-height: 1.2
}
p+ h2, p+ p, h2+ p, h3+p, h4+p, h5+p {
    margin-top: 1em;
}
.rowElem p, .rowElem ul, .rowElem ol {
    padding-bottom: 10px
}
#items_list .post .text p, .widget .text p, #items_list .post .text table {
    /*padding-top: 10px;*/
}
#items_list .post .text table {
    clear: both;
}

.text h5{
    padding-bottom:10px;
}

.list .legend {
    display: block;
    font-weight: bold;
    padding-bottom: 4px
}
.text li {
    margin-left: 15px;
    margin-top: 10px
}
.text ol {
    list-style: inside decimal
}
.text ul {
    list-style: inside disc
}

/* ==========  Login page  ========== */

.loginWrapper {
    position: relative;
    width: 320px;
    margin: 0 auto;
    padding-bottom: 50px
}
.loginWrapper .loginLogo {
    padding: 100px 0 15px 0;
    text-align: center
}
.loginWrapper .logo {
    float: none
}
.loginLogo img {
    display: inline-block;
    width: 212px
}
.loginPanel h5, .loginWrapper .widget h5 {
    height: 20px;
    padding: 8px 10px 7px 10px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 20px;
    border: 1px solid
}
.loginPanel form {
    border: 1px solid #006288;
    border-top: none;
    overflow: hidden
}
.loginPanel label[for="remember"] {
    font-size: 11px
}
.loginPanel input[type="checkbox"] {
    margin-top: 5px
}
.loginPanel .nNote {
    margin-top: 10px
}
.loginPanel .nNote:first-child {
    margin-top: 0
}
.loginPanel .lastRow .nNote {
    margin-bottom: 10px
}

/* ==========  Buttons ========== */

.btn {
    display: inline-block;
    padding: 0 10px;
    height: 23px;
    /*line-height: 23px; ~v2 */
    line-height: 25px;
    font-size: 11px;
    color: #fff !important;
    text-transform: uppercase;
    cursor: pointer;
    white-space: nowrap;
    outline: none;
    /*border: 1px solid; [-v2]*/
}
.optionsBtn {
    display: inline-block;
    padding: 6px 10px;
    height: 23px;
    /*line-height: 23px; ~v2 */
    line-height: 25px;
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    white-space: nowrap;
    outline: none;
    /*border: 1px solid; [-v2]*/
    border: 1px solid;
    border-radius: 34px;
}
.btnStatus {
    display: inline-block;
    text-transform: lowercase;
    white-space: nowrap;
    outline: none;
}
input.btn {
    height: 25px;
    line-height: 25px;
    overflow: visible
}
span.btn {
    cursor: default
}
.btn.mini {
    height: 18px;
    padding: 0 10px;
    line-height: 18px;
    text-transform: none;
    font-weight: normal
}
input.btn.mini, button.btn.mini {
    height: 20px
}
.head> .btn.mini, .head .switchTabs {
    margin: -2px 15px 0 0
}
.head> .btn.mini+ .mini {
    margin-right: 10px
}
body .btn:hover {
    text-decoration: none
}
.btnSecondary, .head.black, .scoreColorBlack, span.scoreColorBlack:hover, .taskPriority.bkgColorBlack {
    background: #6b6b6b;
    /*background: -moz-linear-gradient(top, #6b6b6b 0%, #525252 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b6b6b), color-stop(100%,#525252));
	background: -webkit-linear-gradient(top, #6b6b6b 0%,#525252 100%);
	background: -o-linear-gradient(top, #6b6b6b 0%,#525252 100%);
	background: -ms-linear-gradient(top, #6b6b6b 0%,#525252 100%);
	background: linear-gradient(to bottom, #6b6b6b 0%,#525252 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#525252',GradientType=0 );
    border-color: #303030;*/
    border: none;
    /*[+v2]*/
}
.btnSecondary:hover, .scoreColorBlack:hover, .btnSecondary.dropdown-open, .btnSecondary+ .dropdown-list .dropdown-menu li> a:hover {
    background: #303030
}
.btnPrimary, .loginPanel h5, .loginWrapper .widget h5 {
    background: #006288;
    /*background: -moz-linear-gradient(top, #006288 0%, #008cff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006288), color-stop(100%,#008cff));
	background: -webkit-linear-gradient(top, #006288 0%,#008cff 100%);
	background: -o-linear-gradient(top, #006288 0%,#008cff 100%);
	background: -ms-linear-gradient(top, #006288 0%,#008cff 100%);
	background: linear-gradient(to bottom, #006288 0%,#008cff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006288', endColorstr='#008cff',GradientType=0 );
    border-color: #006288*/
    border: none;
    /*[+v2]*/
}
.btnPrimary:hover, .btnPrimary.dropdown-open .btnPrimary+ .dropdown-list .dropdown-menu LI> A:hover {
    background: #006288
}
.btnSuccess, .green.num:hover, .scoreColorGreen, .scoreColorgreen, span.scoreColorGreen:hover, .taskPriority.bkgColorGreen {
    background: #b6c636;
    /*background: -moz-linear-gradient(top, #b6c636 0%, #91a900 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6c636), color-stop(100%,#91a900));
	background: -webkit-linear-gradient(top, #b6c636 0%,#91a900 100%);
	background: -o-linear-gradient(top, #b6c636 0%,#91a900 100%);
	background: -ms-linear-gradient(top, #b6c636 0%,#91a900 100%);
	background: linear-gradient(to bottom, #b6c636 0%,#91a900 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6c636', endColorstr='#91a900',GradientType=0 );
    border-color: #798f00*/
    border: none;
    /*[+v2]*/
}
.btnSuccess:hover, .scoreColorGreen:hover, .btnSuccess.dropdown-open, .btnSuccess+ .dropdown-list .dropdown-menu LI> A:hover {
    background: #798f00
}
.scoreColorDarkgreen, span.scoreColorDarkgreen:hover {
    background: #2BAC6E;
    border: none;
    /*[+v2]*/
}
.scoreColorBlue, span.scoreColorBlue:hover {
    background: #2D97DE;
    border: none;
    /*[+v2]*/
}
.btnDelete, .red.num:hover, .scoreColorRed, .scoreColorred, span.scoreColorRed:hover, .taskPriority.bkgColorRed {
    background: #ea0600;
    /*background: -moz-linear-gradient(top,  #ea0600 0%, #b70500 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea0600), color-stop(100%,#b70500));
	background: -webkit-linear-gradient(top,  #ea0600 0%,#b70500 100%);
	background: -o-linear-gradient(top,  #ea0600 0%,#b70500 100%);
	background: -ms-linear-gradient(top,  #ea0600 0%,#b70500 100%);
	background: linear-gradient(to bottom,  #ea0600 0%,#b70500 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea0600', endColorstr='#b70500',GradientType=0 );
    border-color: #990000;*/
    border: none;
    /*[+v2]*/
}
.btnDelete:hover, .scoreColorRed:hover, .btnDelete.dropdown-open, .btnDelete+ .dropdown-list .dropdown-menu LI> A:hover {
    background: #990000
}
.orange.num:hover, .scoreColorOrange, .scoreColororange, span.scoreColorOrange:hover, .btn.eventOut:hover, .taskPriority.bkgColorOrange {
    background: #fe9a00;
    /*background: -moz-linear-gradient(top, #fe9a00 0%, #fe7500 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe9a00), color-stop(100%,#fe7500));
	background: -webkit-linear-gradient(top, #fe9a00 0%,#fe7500 100%);
	background: -o-linear-gradient(top, #fe9a00 0%,#fe7500 100%);
	background: -ms-linear-gradient(top, #fe9a00 0%,#fe7500 100%);
	background: linear-gradient(to bottom, #fe9a00 0%,#fe7500 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9a00', endColorstr='#fe7500',GradientType=0 );*/
    border-color: #e36600
}
.btn.scoreColorOrange:hover, .btn.eventOut:hover {
    background: #e36600
}

.scoreContainer{
    border-radius:5px;
    padding:2px 2px;
    color:white !important;
}

.btnBasic, .scoreColorGray, span.scoreColorGray:hover, .myTasks .completed .taskPriority {
    background: #dfdfdf;
    /*background: -moz-linear-gradient(top, #dfdfdf 0%, #cfcfcf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfdfdf), color-stop(100%,#cfcfcf));
	background: -webkit-linear-gradient(top, #dfdfdf 0%,#cfcfcf 100%);
	background: -o-linear-gradient(top, #dfdfdf 0%,#cfcfcf 100%);
	background: -ms-linear-gradient(top, #dfdfdf 0%,#cfcfcf 100%);
	background: linear-gradient(to bottom, #dfdfdf 0%,#cfcfcf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#cfcfcf',GradientType=0 );
    border-color: #b8b8b8;*/
    color: #181818 !important;
    border: none;
    /*[+v]*/
}
.btnBasic:hover, .scoreColorGray:hover, .btnBasic.dropdown-open, .btnBasic+ .dropdown-list .dropdown-menu LI> A:hover {
    background: #b8b8b8
}
.btn.scoreColorOrange, .btn.scoreColorRed, .btn.scoreColorBlue, .btn.scoreColorGreen, .btn.scoreColorDarkgreen, .btn.scoreColorGray {
    padding: 0 5px;
}
.scoreColorGreen, .scoreColorDarkgreen, .scoreColorOrange, .scoreColorRed, .scoreColorGray, .scoreColorBlue {
    min-width: 15px;
    padding: 0 5px;
    text-align: center
}
.btn a {
    color: #fff
}
.btnBasic a {
    color: #181818
}
.btn.dropClick .fico {
    float: none;
    margin-right: -4px
}
body .dropdown-list {
    margin-top: 3px
}
body .dropdown-list .dropdown-menu LI> A, body .dropdown-list .dropdown-menu LABEL {
    color: #181818;
    font-size: 11px;
    padding: 2px 10px;
    text-align: left
}
.basic+ .dropdown-list .dropdown-menu LI> A:hover, .basic+ .dropdown-list .dropdown-menu LABEL:hover {
    color: #181818
}

/* ==========  Numbers notifications  ========== */

.newNotif {
    display: inline-block;
    width: 20px;
    height: 20px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    font-size: 11px;
    background: #ff0000;
}
.boxContainer .newNotif {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 8px;
    border-radius: 16px
}
.boxContainer> li.selectat> a .newNotif {
    display: none
}
.newNotif.onBlack {
    margin-top: -9px
}
.dropArrow+ .newNotif {
    right: 32px
}

/* ===== Top navigation ===== */

li.menuDivider {
    border-bottom: 1px solid #ccc;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.topNav {
    position: fixed;
    height: 40px;
    border-top: 5px solid #00965e;
    z-index: 100;
    width: 100%;
}
.topNav> div {
    background: #ffffff;
    /*background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));
	background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );*/
    width: 100%;
    height: 35px;
    /*border-bottom: 1px solid #ababab;*/
    z-index: 999
}
.userNav {
    position: relative;
    font-size: 11px;
    padding-bottom: 0
}
.userNav ul {
    padding-bottom: 0
}
.userNav> li {
    position: relative;
    margin-left: -1px;
    float: left;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    z-index: 1
}
.userNav> li:first-child {
    margin-left: 0
}
.userNav> li a {
    display: block;
    height: 35px;
    padding: 0 13px;
    color: #181818;
    text-decoration: none;
    line-height: 35px;
}
.userNav li:hover, .userNav li.selectat {
    border-bottom: 1px solid;
    border-color: #006ccc;
    z-index: 100
}
.userNav li a:hover, .userNav .selectat a {
    background: #006288;
    color: #fff
}
.userNav .fico {
    line-height: inherit
}

/* ===== Category Header ===== */

.categoryMenu {
    background: #fff;
    /*[~v2]*/
    overflow: hidden
}
.categoryMenu a {
    margin: 5px;
    float: left
}
.categoryMenu div:first-child {
    padding: 0 10px;
    float: left;
    font-size: 11px;
    color: #515151;
    line-height: 35px;
    font-weight: bold;
    text-align: center
}

/* ===== Header ===== */


/*#header { position: relative }*/

#header {
    width: 990px;
    /*padding: 0 5px;*/
    margin: auto;
    position: relative;
    z-index: 1;
    left: 122px;
    right: 0;
    margin-bottom: 20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.logo {
    /*float: left;*/
    width: 212px;
}
.logo img {
    margin: auto;
    padding-bottom: 6px;
/*//width:212px;*/
/*//width: 150px;*/
}
.profile_toolbox {
    position: relative;
    background: #fff;
    float: right;
    height: 70px;
    margin: 60px 0 0 0;
    overflow: hidden;
    z-index: 1;
    /* margin: 102px; */
    /*margin: 50px 336px 20px 0px;*/
}
#header .arrow {
    /*position: absolute;
    background: url(../images/sprites.png) -10px -120px no-repeat;
    width: 12px;
    height: 6px;
    right: 90px;
    z-index: 10;*/
    display: none;
}
.profile {
    display: block;
    position: relative;
    float: left;
    color: #515151;
    font-size: 11px;
    line-height: 1.1;
}
.userHeader .profile {
    margin: 10px 0 0 15px
}
.datatable .profile .user_details, table.display .profile .user_details {
    width: 180px
}
.user_image {
    float: left
}
.user_image img {
    display: block;
    width: 50px
}
.profile .user_details {
    padding-left: 10px;
    float: left
}
.userName, .userJob {
    font-size: 11px
}
.userStatus, .userJob {
    margin-left: 5px
}
.userJob {
    color: #858585
}
.profile .userName, .profile .userStatus, .profile .userJob {
    float: left;
    clear: left
}
.profile .userStatus, .profile .userJob {
    margin-top: 2px;
    margin-left: 0;
    max-width: 198px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: normal;
}

.profileTight .profile .userJob {
    max-width: 160px;
}
.profile_toolbox .profile {
    margin: 10px 30px 10px 10px
}
.ui-progressbar, .ui-slider-horizontal {
    width: 100%;
    margin-bottom: 5px
}
.ui-progressbar, .process .selectat .ui-progressbar {
    border-bottom: 1px solid #fff;
    overflow: hidden
}
.profile_toolbox .ui-progressbar, .ui-progressbar.small {
    height: 6px;
    margin: 4px 0 2px 0
}
.ui-progressbar .ui-progressbar-value, .ui-slider .ui-slider-range {
    border-right: none
}
.ui-progressbar .ui-progressbar-value {
    background-image: none
}
.Notif {
    position: relative;
    width: 62px;
    height: 56px;
    margin-top: 7px;
    float: left;
    border-left: 1px solid #e5e5e5;
    color: #858585;
    line-height: 1;
    font-size: 10px;
    text-align: center
}
.Notif:hover {
    color: #181818
}
.Notif .fico {
    display: block;
    padding-bottom: 2px;
    margin: 0;
    float: none;
    font-size: 40px;
    color: #ccc
}
.Notif .newNotif {
    position: absolute;
    bottom: 15px;
    right: 10px
}

/* ===== LEFT NAVIGATION ===== */

.leftNav {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    left: 0;
    overflow-y: auto;
    padding: 40px 0 60px 0;
    position: fixed;
    text-transform: uppercase;
    top: 0;
/*//padding-top: ;*/
    width: 240px;
    z-index: 4;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.leftNav .specialText {
    color: #8F1225;
}
.leftNav h3 {
    background: #383838;
    padding: 5px 11px;
    color: #fff;
    font-size: 11px;
    line-height: 13px;
    clear: both;
    text-transform: none;
}
.boxContainer {
    /*border-left: 1px solid #454545;
    border-right: 1px solid #454545;* [-v2]*/
    margin-bottom: 5px;
}
.boxContainer:last-of-type {
    /*border-bottom: 1px solid #181818; [-v2]*/
    overflow: hidden;
    margin-bottom: 40px;
}

/*.boxContainer:first-child {
    border-top: 1px solid #181818;
    overflow: hidden
}[-v2]*/

.boxContainer li {
    position: relative;
    width: 100%;
    margin: 0;
    float: left;
    box-sizing: border-box;
}
.boxContainer li a {
    font-size: 11px
}
.boxContainer> li> a, .chatHeader, .suportFeedback {
    position: relative;
    display: block;
    height: 30px;
    line-height: 35px;
    /*~v2*/
    color: #747474;
    color: #ffffff;
}
.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> a span:first-child {
    /*background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0.2)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a000000',GradientType=0 ); [-v2]*/
    width: 30px;
    height: 32px;
    line-height: 32px;
    margin-top: -1px;
    margin-right: 7px;
    float: left;
}
.boxContainer> li> a:hover span:first-child, .boxContainer> li.selectat> a span:first-child {
    border-right-color: #0051dd
}
.boxContainer> li> a:hover span:first-child, .boxContainer> li.selectat> a span:first-child,
    /*.boxContainer > li > a:hover .dropArrow, .boxContainer > .selectat > a .dropArrow{
        text-shadow:0 1px rgba(0, 0, 0, 0.5)} [-v2]*/

.boxContainer li.selectat {
    background-position: 0 -30px
}
.boxContainer li ul {
    position: relative;
    background-color: #f2f2f2
}
.boxContainer .dropdown ul {
    width: 213px
}
.boxContainer li li a {
    position: relative;
    background-color: #fff;
    /*[~v2]*/
    display: block;
    padding: 7px 10px 7px 20px;
    /*border-bottom: 1px solid #ccc;[-v2]*/
    border-top: 1px solid #fff;
    color: #515151;
    line-height: 20px;
}
.boxContainer .section a {
    padding-left: 37px;
    padding-right: 32px;
    text-transform: none;
    /*v2*/
}
.boxContainer li.subitem a {
    text-transform: none;
    margin-left:10px;
}
.boxContainer li li:hover> a, .boxContainer li li.selectat> a {
    background: #fff;
    color: #006288;
    border-left: 3px solid;
}

/*.subitem.selectat > a {
    border-top-color: #006288 !important
} [-v2]*/

.dropdown.selectat+ .dropdown.selectat> a {
    border-top-color: #fff !important
}
.subitem.selectat li a {
    background: #fff
}
.boxContainer .section .fico:first-child, .dropArrow {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    margin-right: 0
}
.boxContainer .section .fico:first-child {
    left: 5px
}
.dropArrow {
    right: 8px
}
.boxContainer .dropdown ul {
    display: none
}
.boxContainer .dropdown ul li:first-child {
    margin-left: 0
}
.boxContainer .dropdown.selectat> ul {
    display: block;
    width: auto
}
.boxContainer .subitem li a {
    padding-left: 62px;
    padding-right: 15px
}
.boxContainer .subitem li .fico:first-child {
    left: 35px
}
.leftNav .subitem li a {
    padding-left: 61px;
}
/*.boxContainer .subitem:last-child > a{border-bottom:1px solid #454545} [-v2]*/


/*.boxContainer .subitem.selectat:last-child > a {
    border-bottom-color: #ccc
} [-v2]*/

.subitem li:last-child> a {
    border-bottom-color: #006288;
}
.suportFeedback {
    position: fixed;
    left: -10px;
    top: 132px;
    padding: 0 10px 0 15px;
    font-size: 11px;
    border: 1px solid #181818;
    z-index: 1000
}
.suportFeedback .fico {
    margin: 4px 0 0 0
}
.suportFeedback .rollOut {
    display: none;
    padding-left: 5px
}
.suportFeedback:hover .rollOut {
    display: inline-block
}

/* ===== Main content ===== */

.widget {
    background: #fff;
    margin-top: 20px;
    margin-bottom: 0;
}
.content> .widget:first-child, form+.widget {
    margin-top: 0
}
.widget> .head:first-child, .tabbed a.selectat, .tabbed a:hover {
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -khtml-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}
.iframe_window {
    background: #fff
}
.iframe_window .widget {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden
}

.trainingsDateFix .widget{
    overflow: hidden;
}

.iframe_window .widget_body, .iframe_window .users_body, .iframe_window, .iframe_window .feedback_body {
    position: relative;
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    height: 348px;
    border-bottom: 1px solid #ccc;
    z-index: 1
}

.fb_body{
    position: relative;
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    height: 458px;
    border-bottom: 1px solid #ccc;
    z-index: 1
}

.iframe_window table {
    margin-bottom: -1px !important
}
.iframe_window .fb_body {
    height: 452px
}
.feedback_body {
    background-color: #ebebeb
}
.iframe_window .users_likes th {
    display: none
}
.iframe_window> div> .lastRow {
    position: relative;
    z-index: 500
}
div.feedbackQuestion {
    background: #009de0;
    color: #fff;
    border-top: 1px solid #006288;
    border-bottom: 1px solid #006288;
}
.feedbackQuestion+.p10 {
    border-bottom: 1px solid #c4c4c4
}
.feedbackQuestion p {
    padding-bottom: 0
}
.feedbackQuestion p+p {
    padding-top: 10px
}
.feedbackThankyou {
    color: #858585;
    font-style: italic;
    padding: 100px 120px 0 100px;
    text-align: center;
}
.userHeader, .head, .groups td> div {
    background: #fff;
    padding-bottom: 10px;
    border-top: 1px solid #fff;
}
.content> .userHeader {
    padding: 10px;
    margin: -10px -10px 0 -10px
}
.content> .userHeader .profile {
    margin: 0
}
.head {
    position: relative;
    padding: 10px 0 9px;
    border-bottom: 1px solid #f0f0f0;
}
body .divider {
    margin-top: -1px;
    border-top: 5px solid #515151
}
.divider_light {
    margin-top: -1px;
    border-top: 1px solid rgba(0, 0, 0, 0.14)
}
.rowElem, .rowElemBg {
    display: block;
    background-color: #fff;
    padding: 10px 7.5px;
    line-height: 1.5;
    /*border-top: 1px solid #fafafa;
    border-bottom: 1px solid #ccc;*/
    line-height: 25px;
}
.level2 {
    background-color: #fff;
}
/* Fix for action buttons bottom fixed in iframe */
body.iframe_window div.widget .level2 {
    border-top:solid 1px #CCCCCC;
    width: 99%;
    position: fixed;
    bottom: 0; right:0;
    padding: 20px 20px 5px 0;
}

.lastRow .btn{
    margin-bottom:8px;
}

body.iframe_window div.widget {
    padding-bottom: 40px;
}

.firstRow {
    border-top: none !important
}

.lastRow, .widget> .rowElem:last-child {
    border-bottom: none !important
}
.head h5, .userHeader h5 {
    padding: 0 15px;
    font-size: 12px;
    color: #858585;
    text-transform: uppercase;
    line-height: 16px;
}
.text h5 {
    text-transform: uppercase
}
.table h5 {
    padding: 8px 12px 9px 35px;
    float: left;
    font-size: 13px;
    color: #c4c4c4;
    text-transform: uppercase
}
.widget .body {
    padding: 10px;
    line-height: 25px
}

/* ===== Forms ===== */

label {
    line-height: 25px
}
label input {
    margin-right: 5px
}
label+input, input+label {
    margin-left: 5px
}
.topLabel+input {
    margin-left: 0;
    float: none
}
.topLabel {
    display: block;
    padding: 0 0 5px 0;
    float: none;
    line-height: 1.4
}
.formRight, .formRight2 {
    float: right;
    width: 525px;
    /*grid6*/
    margin: 0
}
.formRight2 {
    width: 345px/*grid4*/
}
.fb_body .formRight {
    float: right;
    width: 450px;
    margin: 13px 12px 12px 11px
}
.formBottom {
    margin: 12px 12px 12px 0
}
#search {
    background: #fff;
    width: 100%;
    padding: 10px;
    top: -10px;
    box-sizing: border-box;
    border-radius: 0 0 4px 4px;
    -webkit-box-sizing: border-box;
}
#search label, .userGallery form label, .userList form label {
    color: #515151;
    font-size: 11px;
}
#search label {
    margin-left: 0
}
input[type=text], input[type=number], input[type=password], select, textarea {
    background-color: #fff;
    color: #181818;
    border: 1px solid #ccc;
    font-size: 11px
}
input[type=text], input[type=number], input[type=password] {
    height: 25px;
    padding: 0 5px;
    line-height: 25px
}
textarea {
    padding: 5px
}
select {
    height: 25px;
    padding: 3px;
    float: left
}
select {
    margin-top: 3px;
}
.widget .head select {
    height: 20px;
    padding: 2px;
    margin: -3px 5px 0 0;
}
input[type=text], input[type=number], input[type=password], textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
textarea {
    min-height: 25px;
    line-height: 1.2
}
input[type=text]:hover, input[type=number]:hover, input[type=password]:hover, textarea:hover, input[type=text]:focus, input[type=number]:focus, input[type=password]:focus, textarea:focus, .select2-container-multi .select2-choices:hover, .select2-container .select2-choice:hover, .timeEntry_wrap:hover .timeEntry_control {
    background-color: #fff;
    border-color: #858585
}

/*
alex
select:focus, select:hover { //~ avem situatii cand in dropdown selectez o culoare si altfel avem comportamente ciudate form .new
    position:relative;
    margin-right:25px
}
*/


/*form .new .ico-delete {
    position: absolute;
    right: -25px;
    top: 2px
}*/

.submitForm {
    float: right
}
.hasDatepicker {
    cursor: pointer
}
.ui-datepicker {
    margin-top: 0
}
.survey_box {
    border-top: 1px solid #c4c4c4
}

/* ===== Comunicare Interna Headers ===== */

.headerContainer {
    width: 100%;
    padding: 0;
    z-index: 100;
    background-color: #006288;
    /*[+v]*/
}
.headerContainer .header {
    color: #fff;
    background-color: #006288;
    /*[+v]*/
}
.header td:first-child {
    width: 48px;
}
.header td:first-child .fico {
    padding: 12px 0 12px 10px;
    margin-right: 0;
    float: none;
    font-size: 48px;
    line-height: 1;
}
.header td+ td {
    padding: 15px
}
.header h5 {
    text-transform: uppercase
}
.header p {
    font-size: 11px;
    line-height: 1.3;
    padding-bottom: 0
}
.header p+p {
    padding-top: 10px
}
.header em {
    text-transform: uppercase
}
.header .headerFold {
    position: absolute;
    /*background: url(../images/proiecte/fold.png) bottom right no-repeat;*/
    width: 100px;
    height: 120px;
    right: 0;
    top: 0;
}

/* ==========  Posts  ========== */
.shortPost {
    height: 265px;
}
.shortPost .postContentHeight {
    height: 175px;
}
.shortPost .post_toolbar {
    z-index: 10000;
    position: absolute !important;
    bottom: 0;
    width: 100%;
}
.shortPost .profile {
    width: 100%;
}

#items_list {
    position: relative;
    z-index: 1
}
.post {
    background-color: #fff;
    overflow: hidden
}
.post, .widget, .groups td> div, .ui-datepicker, .banner, .profile_toolbox, .topNav> div {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.post+ .post {
    margin-top: 20px
}
.post .userHeader> h5 {
    padding: 12px 0 0 15px
}
.typePost {
    /*background: url(../images/user_header_grad.png) repeat-x left bottom; [-v2]*/
    width: 31px;
    height: 31px;
    float: right;
    margin: -2px -1px 0 10px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    text-align: center;
    color: #6b6b6b;
}
.typePost span {
    margin-right: 0;
    float: none;
    line-height: 34px
}
.post .text, .widget .text {
    position: relative;
    padding: 15px 15px 0;
    padding-bottom: 10px
}
.text.hasViewToggle {
    padding-bottom: 35px;
    margin-bottom: 10px
}
.post .text img {
    max-width: 713px;
    max-height: 500px;
}
.tags {
    background-color: #fafafa;
    margin: 0 15px 10px;
    padding: 5px 5px 0 5px;
    border: 1px solid #ccc
}
.tags a {
    margin-bottom: 5px
}
.tags .tagDot {
    background: #fff;
    width: 6px;
    height: 6px;
    border: 1px solid #858585;
    margin: 5px 5px 5px -2px;
    float: left
}
.tags> div {
    line-height: 20px
}
.viewToggle+ .tags {
    padding-top: 0;
    border-top: none
}
.text+ .survey_box, .text+ .rowElem, .viewToggle+ .rowElem {
    border-top: 1px solid #ccc
}
.colorbox {
    display: block;
}
.userProfile ul.myAlbum {
    padding: 0;
    margin-right: -15px
}
.post .myAlbum {
    margin-right: 0;
    margin-left: 15px
}
.attachments .myAlbum {
    margin: 0 -15px 0 0
}
ul.myAlbum li {
    position: relative;
    width: 25%;
    margin: 0;
    float: left
}
.attachments .myAlbum li {
    width: 16.66%
}
.myAlbum li> a {
    display: block;
    margin: 0 15px 10px 0
}
.attachments .myAlbum li> a, .userProfile .myAlbum li> a {
    padding: 3px
}
.attachments .myAlbum li> a:hover, .userProfile .myAlbum li> a:hover {
    border-color: #858585
}
.myAlbum img {
    width: 100%
}
.rowElem.attachments {
    background: none;
    padding-top: 0;
    padding-left: 13px;
    border: none
}
.attachments .bHover {
    line-height: 25px
}
.attachments a div {
    position: absolute;
    top: 0;
    left: 0;
    padding: 8px;
    color: #fff;
    font-size: 11px;
    line-height: 1.2
}
.widget_body a div {
    width: 89px;
    height: 89px
}
.attachments a .filepdf {
    background-image: url(../images/file_type_preview/pdf.png)
}
.attachments a .filedoc, .attachments a .filedocx {
    background-image: url(../images/file_type_preview/doc.png)
}
.attachments a .filexls, .attachments a .filexlsx {
    background-image: url(../images/file_type_preview/xls.png)
}
.attachments a .fileppt, .attachments a .filepptx {
    background-image: url(../images/file_type_preview/ppt.png)
}
.attachments a .filerar, .attachments a .filezip, .attachments a .fileexe {
    background-image: url(../images/file_type_preview/rar.png)
}
.attachments a .video {
    background-image: url(../images/file_type_preview/video.png)
}
.attachments a.youtube {
    height: 98px
}
.imageControls {
    position: absolute;
    bottom: 0;
    right: 0
}
.myAlbum .imageControls {
    bottom: 11px;
    right: 16px
}
.imageControls a {
    background: #fff;
    padding: 0;
    border: none
}
.imageControls .fico {
    padding: 3px;
    margin: 0;
    line-height: 1
}
.files .file {
    line-height: 25px
}
.files .file+ .smallText {
    padding-top: 10px
}
.files ul.smallText div {
    margin-bottom: 5px;
    line-height: 16px
}
.youtube-player img:hover {
    opacity: 1;
}
.youtube-player img {
    opacity: 0.7;
    cursor: pointer;
    width: 100%;
    max-height: 401px;
}
.embededVideo {
    margin-left: 15px;
    margin-right: 15px
}

/*.embededVideo > div {
    position: relative;
    padding-bottom: 56.25%; /* 16:9
    padding-top: 25px;
    height: 0;
}*/

.embededVideo iframe, .embededVideo object, .embededVideo embed, .embededVideo .video-js {
    width: 100% !important;
    /*   position: absolute;
    top: 0;
    left: 0;

    height: 100% !important; */
}

/*.dashboard .embededVideo iframe, .dashboard .embededVideo .youtube-container { max-height: 240px !important }*/

.youtube-container {
    max-height: 480px;
    max-width: 854px;
}
div.play-button {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url("http://i.imgur.com/TxzC70f.png") no-repeat;
}
.videoUnavailable {
    padding: 40px 20px;
    background: #222323;
    border-radius: 12px;
}
.videoUnavailable p {
    color: #BBBBBB;
}
.videoUnavailable div {
    display: table;
}

/* TOOLBAR */

.post_toolbar {
    position: relative;
    /*background: #fafafa url(../images/user_header_grad.png) repeat-x left bottom;*/
    background: #fafafa;
    /*border-top: 1px solid #ccc;*/
    clear: both;
    z-index: 100
}
.rowElem+.post_toolbar {
    margin-top: -1px
}
.post_toolbar a {
    display: inline-block;
    font-size: 11px;
    line-height: 25px;
    color: #858585;
}
.post_toolbar a:hover {
    color: #181818 !important
}
.post_toolbar div> a {
    margin-left: 15px
}
.post_toolbar .postInfo {
    padding-right: 15px
}
.post_toolbar .fico {
    line-height: inherit
}
.like.selectat .fico {
    color: #ea0600
}
.followSwitch {
    width: 35px;
    height: 14px;
    margin: 5px 5px 0 0;
    border: 1px solid #c4c4c4;
}
.follow> span.active {
    background: #006288;
    border-color: #004680
}
.follow .fico {
    font-size: 10px;
    line-height: 14px;
    margin: 0 4px
}
.follow .fico.fr {
    color: #bfbfbf
}
.follow .active .fico {
    color: #fff
}
.followHandle {
    background: #fff;
    /*background: -moz-linear-gradient(top, #ffffff 0%, #dfdfdf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dfdfdf));
	background: -webkit-linear-gradient(top, #ffffff 0%,#dfdfdf 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#dfdfdf 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#dfdfdf 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#dfdfdf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf',GradientType=0 );*/
    box-shadow: inset 0 -1px #fff;
    width: 16px;
    height: 16px;
    border: 1px solid #c4c4c4;
    margin-top: -2px
}
.followHandle.fl {
    margin-left: -2px
}
.followHandle.fr {
    margin-right: -2px;
    border-color: #004680
}
.postInfo {
    padding-bottom: 0;
    float: right;
    font-size: 11px;
    color: #858585;
    margin-top: 0px;
}
.postDate {
    color: #858585
}
.post_toolbar .postInfo {
    line-height: 25px
}
.help .userHeader .postDate {
    padding-top: 3px;
    line-height: inherit
}

.rateit {
    display: -moz-inline-box;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    margin-left: 15px;
    text-align: left
}

.rateit .rateit-range {
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
    background: url(../images/blue_star_rating.png) 0 0;
    height: 16px;
    outline: none;

    background-size: 20px 48px;
    float: left;
    margin-top: 4px;
    margin-right: 2px
}

.rateit .rateit-range * {
    display: block;
}

/* for IE 6 */
* html .rateit, * html .rateit .rateit-range {
    display: inline;
}

/* for IE 7 */
* + html .rateit, * + html .rateit .rateit-range {
    display: inline;
}

.rateit .rateit-hover, .rateit .rateit-selected {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
}

.rateit .rateit-hover-rtl, .rateit .rateit-selected-rtl {
    left: auto;
    right: 0;
}

.rateit .rateit-hover {
    background: url(../images/blue_star_rating.png) 0 -16px;
    background-size: 20px 48px;
    display: inline-block
}

.rateit .rateit-hover-rtl {
    background-position: right -32px;
}

.rateit .rateit-selected {
    background: url(../images/blue_star_rating.png) 0 -32px;
    background-size: 20px 48px;
    display: inline-block;
    margin-bottom: 3px;
}

.rateit .rateit-selected-rtl {
    background-position: right -16px;
}

.rateit .rateit-preset {
    background: url(../images/blue_star_rating.png) left -48px;
    color: rgb(239, 107, 34);
}

.rateit .rateit-preset-rtl {
    background: url(../images/blue_star_rating.png) left -48px;
}

.rateit button.rateit-reset {
    background: url(../images/blue_star_rating.png) 0 0;
    width: 16px;
    height: 16px;
    display: -moz-inline-box;
    display: inline-block;
    float: left;
    outline: none;
    border: none;
    padding: 0;
}

.rateit .rateit-reset span {
    display: none;
}

.rateit button.rateit-reset:hover, .rateit button.rateit-reset:focus {
    background-position: 0 -16px;
}


.rateit-font {
    font-size: 24px;
    line-height: 1em;
}

.rateit-font .rateit-range {
    background: none;
    height: auto;
}

.rateit-font .rateit-empty {
    color: #ccc;
}

.rateit-font .rateit-range > div {
    background: none;
    overflow: hidden;
    cursor: default;
}

.rateit.rateit-font .rateit-reset {
    font-size: inherit;
    background: none;
    width: 0.6em;
    height: 0.6em;
    margin-top: 0.2em;
    background: gray;
    border-radius: 50%;
    position: relative;
}

.rateit.rateit-font .rateit-reset span {
    display: block;
    font-weight: bold;
    color: white;
    height: calc(50% - 0.045em);
    top: 0;
    position: absolute;
    border-bottom: 0.09em solid white;
    width: 72%;
    margin-left: 14%;
}


.rateit.rateit-font .rateit-reset:hover, .rateit.rateit-font button.rateit-reset:focus {
    background: #e6574b; /* Old browsers */
    background: radial-gradient(ellipse at center, #e6574b 55%,#f6836b 77%,#f9d3cc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-position: 0 0;
}

/*
.rateit {
    display: inline-block;
    margin-left: 15px;
    text-align: left
}
.rateit-range {
    background: url(../images/blue_star_rating.png) 0 0;
    background-size: 20px 48px;
    float: left;
    height: 16px;
    margin-top: 4px;
    margin-right: 2px
}
.rateit-hover {
    background: url(../images/blue_star_rating.png) 0 -16px;
    background-size: 20px 48px;
    display: inline-block
}
.rateit-selected {
    background: url(../images/blue_star_rating.png) 0 -32px;
    background-size: 20px 48px;
    display: inline-block;
    margin-bottom: 3px;
}
*/

/* COMMENT FLOW */

.commentFlow {
    background: #eee;
    /*[+v2*/
    /*background: url(../images/submenu_grad.png) repeat-x #ccc; [-v2*/
    padding: 10px 15px 0
}
.commentFlow table {
    width: 100%
}
.commentFlow td {
    padding-bottom: 10px;
    text-align: left;
    vertical-align: top
}
.commentFlow td:first-child {
    width: 70px
}
.commentFlow .profile {
    margin: 0
}
.commentFlow td .user_image {
    border-color: #9e9e9e;
    border-bottom-color: #6b6b6b
}
.head .ico {
    margin-top: 7px
}
.head .ico-default {
    margin-left: 5px
}
.commentFlow td> div {
    background: #fff;
    padding: 5px 10px;
    border: 1px solid #bfbfbf
}

.commentFlow .post_toolbar{
    background: none;
    margin-top: 5px;
}

.commentFlow .post_toolbar .like{
    margin-left: 0;
}

.comment_text {
    display: block;
    padding-top: 3px
}
.comment_text a:hover {
    text-decoration: underline
}
.commArrow {
    position: absolute;
    background: url(../images/sprites.png) -30px 0 no-repeat;
    width: 10px;
    height: 16px;
    top: 9px;
    left: -10px;
}
.commentFlow .postDate {
    display: block;
    padding: 2px 0 0 0;
    font-size: 11px
}
.addComment textarea {
    height: 50px;
    min-height: 30px;
    margin-top: 4px;
    margin-bottom: 2px;
    resize: vertical;
}
.addComment .btn, .addComment .customBrowse {
    margin: 5px 0 2px 0
}
.smiley{
    width: 32px;
    height: 32px;
    border: 0;
}
.post .viewAll, .viewMore {
    display: block;
    margin-top: 5px;
    font-size: 11px;
    color: #f2f2f2;
    line-height: 20px;
    text-align: center;
    border: 1px solid #dfdfdf;
}
.post .viewAll {
    margin-top: 0;
    margin-bottom: 10px;
    color: #858585;
    border-color: #858585
}
.viewMore {
    background: #fff;
    margin-top: 15px;
    color: #006288;
    font-size: 13px;
    line-height: 30px;
    border-color: #c4c4c4
}
.viewMore img {
    width: 16px;
    margin: 10px auto
}
.post .viewAll:hover {
    color: #303030;
    border-color: #303030
}
.viewMore:hover {
    color: #515151;
    border-color: #6b6b6b
}
.viewToggle {
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 10px;
    /*border-top:1px dashed #c4c4c4;*/
    bottom: 0;
    z-index: 500
}
.viewToggle.closed {
    box-shadow: 0 0 25px 35px #fff
}
.viewToggle a {
    position: absolute;
    width: 100%;
    top: -15px;
    padding: 5px 0;
    line-height: 20px;
    text-align: left;
}
.viewToggle a> span {
    display: inline-block;
    background-color: #fff;
    padding: 0 10px
}
.viewToggle a:hover {
    color: #515151
}
.post .lessVisible {
    overflow: hidden;
    height: 180px
}
.piaList .post .lessVisible {
    overflow: hidden;
    height: 50px;
    padding-bottom: 40px;
}

/* APLAUZE */

.feedbackPeople {
    table-layout: fixed;
    margin: 10px 15px 15px
}
.feedbackPeople.divStyle {
    overflow: hidden;
}
.feedbackPeople.divStyle .profile {
    width: 100%;
    float: none !important;
}
.feedbackPeople.divStyle .who_gives, .feedbackPeople.divStyle .who_receives {
    height: 80px;
    width: 45%;
}
.feedbackPeople.divStyle img.profile_img {
    float: left;
}
.feedbackPeople table {
    table-layout: fixed
}
.feedbackPeople td:first-child+ td {
    width: 106px
}
.feedbackPeople .user_details {
    max-width: 75%
}
.feedbackBox {
    margin: 0 15px 13px;
    padding: 15px;
    word-wrap: break-word;
    border: 1px solid #ccc;
    clear: both
}
.dashboard .feedbackBox {
    padding: 10px
}
.feedbackBox .commArrow {
    position: absolute;
    background: url(../images/sprites.png) -20px -20px no-repeat;
    width: 18px;
    height: 9px;
    top: -9px;
    left: 16px;
}
.feedback_icon {
    width: 70px;
    float: left;
    margin: 0 20px 0 0
}
.dashboard .feedback_icon {
    margin-right: 10px
}
.feedbackBox div {
    overflow: hidden
}
.gift_icon {
    width: 35px
}

/* ===== Important posts ===== */

.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-color: #ea0600 }*/

.importantPost .typePost+ div {
    line-height: 30px;
    color: #ea0600
}
.typePost .ico-star {
    color: #ea0600
}

/* ===== Delayed posts ===== */

.delayedPosts .fl, .delayedPosts .commentFlow {
    display: none
}

/* ===== Tabbed header ===== */

.head.black {
    border-top: none;
    border-bottom: none;
    color: #fff
}
.head.black h5 {
    color: #fff
}
.head.black .btn, .head.black select {
    border-color: #303030
}
.widget.black {
    border-color: #303030
}
.tabbed {
    /*height: 35px; [-v2]*/
    border-bottom: none;
    overflow-x: auto;
    overflow-y: hidden;
    box-shadow: none;
}
.tabbed .head {
    padding: 0
}
.tabbed a {
    position: relative;
    float: left;
    padding: 10px 0 6px 0;
    /* padding: 10px 0 11px 0;
   border-right: 1px solid #303030 [-v2] */
}

/*.tabbed a + a {
    margin-left: -1px;
    border-left: 1px solid #303030
} [-v2] */

.tabbed a h5 {
    float: none;
    color: #fff;
}

/*line-height:36px
 alex*/

.tabbed a.selectat {
    z-index: 100
}
.tabbed a.fr {
    margin-right: -1px
}
.tabbed a.selectat, .tabbed a:hover {
    background: #fff
}
.tabbed .selectat h5, .tabbed a:hover h5 {
    color: #181818
}

/*.tabbed .selectat .fico, .tabbed a:hover .fico{text-shadow:0 1px #fff;} */

.tabbed .inactiv h5, .tabbed .inactiv:hover h5 {
    color: #ababab;
    cursor: default
}
.tabbed .inactiv:hover {
    background: none
}
.tabbed+ .widget, .tabbed+ .widget .rowElem:first-child, .tabbed+ .widget .head:first-child {
    margin-top: 0;
    border-top: none
}
.tabbed .newNotif {
    display: inline-block;
    margin: 0 0 0 5px
}

/* ===== Dashboard ===== */

.mainFlow {
    width: 684px;
    float: left;
}
.sideFlow {
    width: 278px;
    float: right;
}
.dashboard .widget:first-child {
    margin-top: 0
}
.widgetContainer {
    overflow: hidden
}
.rssFeed.widgetContainer {
    padding: 10px 10px 0 10px
}
.rssFeed img {
    width: 100%;
    height: auto;
    padding-bottom: 10px
}
.recentActivity .user_image {
    padding-right: 10px
}
.recentActivity td {
    padding: 5px 0;
    vertical-align: top;
    line-height: 1.2
}
.recentNews td {
    padding: 5px 0 5px 10px;
    vertical-align: top
}
.recentNews td+ td {
    padding-right: 10px;
    text-align: right
}
.recentNews tr:first-child td {
    border-top: 0
}
.recentNews td a {
    display: block;
    width: 210px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.events ul li {
    margin-left: 0;
    padding: 5px 0
}
.events li a {
    display: block;
    line-height: 1.2;
}
.events .eventDate {
    background-color: #858585;
    width: 28px;
    padding-top: 2px;
    margin-right: 10px;
    font-size: 9px;
    line-height: 1.4;
    text-align: center;
    overflow: hidden;
    border: 1px solid #515151
}
.events .eventDate div {
    background-color: #fff;
    padding-top: 1px;
    font-size: 12px;
    border-top: 1px solid #515151
}
.dashboard .post .text {
    max-height: 180px;
    overflow: hidden
}
.post img {
    max-width: 854px;
/*//max-height: 480px;*/
}
.dashboard .post img {
    max-width: 630px;
/*//max-height: 472px;*/
}
.dashboard .post div> .profile, #items_list .post div > .profile {
    margin: 10px 0 0 15px
}
.dashboard .feedbackBox .commArrow {
    left: 5px
}
.dashboard .feedbackPeople td {
    vertical-align: top
}
.dashboard .feedbackPeople td:first-child+ td {
    width: 50px
}
.dashboard .feedbackPeople .user_details {
    width: 145px
}
.dashboard .post h5+ p {
    margin-top: 0
}
.dashboard .viewToggle {
    height: 1px;
    border-top: none
}
.dashboard .post .rowElem {
    padding: 5px 10px;
    font-size: 11px
}
.dashboard .user_image img {
    width: 30px
}
.dsideFlow .profile .user_details {
    width: 160px
}
.dashboard .happymeter td img {
    width: 40px
}
.dashboard .happymeter td a {
    display: inline-block;
    width: 100%;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}
.dashboard .happymeter td a:hover, .dashboard .happymeter td .selectat {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.currentMood {
    width: 120px;
    margin: 10px auto 0
}
.dashboard .weather> div {
    margin: 0 auto -40px
}
.dashboard .weather> div> span {
    display: none
}
.dashboard .widgetFeedback .switchTabs a {
    width: 42%
}
.dashboard .winners .user_image img {
    width: 30px
}
.dashboard .winners .user_image {
    padding: 5px
}
.dashboard .winners .profile .user_details {
    padding-top: 0;
    width: 200px
}

/* ===== Daily tasklist ===== */

.dropdown-menu li:hover .fico {
    color: #fff;
    text-shadow: none;
}
.dropdown-menu .fico {
    font-size: 18px;
    color: #777;
    opacity: 1;
}
.myProductivity th, .myProductivity td {
    line-height: 22px;
    text-align: center
}
.taskPriority {
    height: 12px;
    width: 12px;
    padding: 0;
    border-radius: 4px;
    cursor: default;
}
.taskSingle .taskPriority {
    margin: 0 9px 0 2px;
    top: 2px
}
form .taskPriority {
    display: inline-block;
    top: 2px
}
.taskUser img {
    width: 30px
}
.taskPreview> a {
    display: block;
    width: 99%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.myTasks .taskDeadline, .myTasks .taskStatus {
    padding-left: 0;
    padding-right: 0;
    white-space: nowrap
}
.myTasks .taskDeadline div, .myTasks .taskStatus div {
    width: 76px
}
.taskPreview .ico-default {
    line-height: 15px
}
.taskUser .user_image {
    padding: 0;
    border: none
}
.taskUser div {
    width: 80px
}
.myTasks {
    overflow: visible
}
.myTasks .head {
    border-top: none
}
.myTasks table.display td {
    border-left-style: dashed
}
.myTasks table .ui-progressbar {
    margin: 0
}
.myTasks .filters {
    float: right
}
.completed .taskPreview a, .myTasks .completed div, .myTasks .completed span {
    color: #c4c4c4 !important
}
.myTasks .completed .fico, .myTasks .completed .user_image {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}
.myTasks .completed .taskPriority {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}
.myTasks .completed .taskDeadline div, .myTasks .completed .taskDeadline span {
    display: none
}
.taskSingle .ico-default {
    line-height: 22px
}
.taskSingle .profile+ .profile {
    margin-left: 10px
}
table.taskSingle .profile .user_details {
    width: 120px
}
.myNotifications td:first-child {
    width: 20px
}
.myNotifications td .fico {
    margin: 0
}

/* ===== Sales monitor ===== */

.gradient1 {
    position: relative;
    background: url("../images/taskManager/progress_bar.png") repeat-x center center;
    height: 30px;
    float: left;
}
.three_col_gradient .gradient1 {
    background: url("../images/taskManager/progress_bar_3_col.png") repeat-x center center;
}
.gradient .indicator0 {
    background: url("../images/taskManager/indicator0.png") no-repeat center center;
    height: 25px;
    position: absolute;
    right: -12px;
    top: 2px;
    width: 25px;
}
.gradient .indicator1 {
    background: url("../images/taskManager/indicator1.png") no-repeat center center;
    height: 25px;
    position: absolute;
    right: -12px;
    top: 2px;
    width: 25px;
    z-index: 100
}

/* ===== Groups ===== */

.groups td:first-child {
    padding-right: 5px
}
.groups td+ td {
    padding-left: 5px
}
.groups td> div {
    background-color: #fff
}

/*.groups td > .myGroup {
    border-color: #006288;
    box-shadow: 0 2px 3px -3px #006288
}*/

.groups h5 {
    margin-bottom: 5px
}

.groupJoinedIcon {
    border-radius: 600px;
    height:20px;
    width:20px;
    padding:4px;
}

.groupImageContainer {
    height: 180px;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.groupStats {
    background: #fff;
    line-height: 20px
}
.groupMembers, .groupType, .groupStatus {
    float: left
}
.groupActions .dropdown {
    float: right
}

/* ===== JQ TAG CLOUD ===== */

body div.jqcloud a {
    background: #006288
}
body div.jqcloud .selectat a, body div.jqcloud a:hover {
    color: #006288
}

/* ===== Guide ===== */

.guide+.guide {
    margin-top: 18px
}
.guide.general {
    margin-bottom: 30px
}
.guide.general td {
    background: #fff;
    width: 50%;
    padding: 15px 15px 0 15px;
    border: 1px solid #ebebeb;
    vertical-align: top
}
.guide .ico {
    background: url(../images/guide_icons.png) 0 0 no-repeat;
    width: 80px;
    height: 80px;
    margin-right: 10px
}
.guide .performanceModico {
    background-position: -80px 0
}
.widget .text .guide p {
    padding: 0 0 10px 0
}
.guide.menu {
    /*background:url(../images/guide_menu.png) center 30px no-repeat; min-height:355px;*/
    border-bottom: 1px solid #ebebeb
}
.guide.menu div {
    width: 200px
}
.guide.menu .fl {
    padding-right: 150px
}
.guide.options {
    background: url(../images/guide_options.png) center top no-repeat;
    border-bottom: 1px solid #ebebeb
}
.guide.options ul {
    padding-top: 60px;
    padding-bottom: 0;
    margin: 0 110px
}
.guide.options ul li {
    margin-left: 0;
    list-style: none;
    list-style-type: none
}
.guide.options2 {
    background: url(../images/guide_options2.png) left top no-repeat;
    padding-left: 200px;
    border-bottom: 1px solid #ebebeb
}
.guide.postOptions {
    background: url(../images/guide_post.jpg) center top no-repeat;
    padding-top: 260px
}

/* ===== Ecards ===== */

.ecard .user_image, .ecardFooter .user_image {
    background-color: #fff;
    padding: 3px;
    float: left;
    border: 1px solid #c4c4c4
}
.ecard .user_details {
    width: 172px
}
.ecard .user_image {
    position: relative
}

/*.ecard .user_image:after {
    content: "";
    position: absolute;
    background: url(../images/sprites.png) -30px -195px no-repeat;
    width: 10px;
    height: 10px;
    bottom: -10px;
    left: 37px;
}*/

.ecard .user_image img {
    width: 60px
}
.greeting {
    text-align: center
}

/* Birthday */

.post.birthday {
    background: #fafafa;
    margin-top: 0;
    border-top: none
}
.birthday .ecard {
    position: relative;
    background: url(../images/proiecte/ecards/birthday_post_bg.png) 370px 5px no-repeat #fafafa;
    padding-top: 20px;
    padding-bottom: 15px;
}
.birthday .ecard .profile {
    margin: 30px 0 20px 45px
}
.birthday .hat {
    position: absolute;
    background: url(../images/sprites.png) 0 -150px no-repeat;
    width: 35px;
    height: 45px;
    top: -30px;
    left: 5px;
    z-index: 100
}
.birthday .greeting {
    width: 250px;
    float: right;
    margin-top: 25px;
    margin-right: 120px
}
.birthday .nNote {
    display: inline-block
}
.birthday .comment_text {
    padding-right: 55px
}
.gifts div {
    width: 10%;
    float: left;
    text-align: center
}
.gift {
    position: relative;
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    width: 55px;
    height: 55px;
    margin-bottom: 10px;
    cursor: pointer;
}
.gifts.received .gift {
    cursor: default
}
.gifts.received {
    background: url("../images/birthday_shelf.png") center 0 repeat-y;
    padding: 0 13px;
    margin: 0 35px
}
.gift .count {
    position: absolute;
    width: 18px;
    left: 50%;
    margin-left: 10px;
    bottom: -5px
}
label.gift span {
    position: absolute;
    display: block;
    background: #fff;
    left: 0;
    top: 0;
    width: 55px;
    height: 55px;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}
label.gift:hover span, label.gift.selectat span {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.birthday .commentFlow td> div {
    background-position: 99% center;
    background-repeat: no-repeat
}

/* Spotlight */

.spotlight {
    margin-top: 0;
    border-top: none
}
.spotlight .ecard {
    background: url(../images/proiecte/ecards/spotlight_post_bg.png) center top no-repeat;
    height: 195px;
    padding-top: 15px;
}
.spotlight .ecard .profile {
    left: 50%;
    margin: 15px 0 10px -125px
}
.widget .spotlight {
    border: none;
    border-top: 1px solid #c4c4c4
}

/* New Employee */

.newEmployee {
    background: #fafafa;
    padding-top: 20px;
    border-top: none
}
.newEmployee .ecard {
    position: relative;
    /*background: #fafafa url(../images/proiecte/ecards/welcome_post_bg.png) 245px 0 no-repeat;*/
    /*min-height: 315px;*/
    border-bottom: 1px solid #dfdfdf
}
.newEmployee .greeting {
    width: 420px;
    /* float: right; */
    margin-top: 5px;
    margin: auto;
    text-align: center;
    color: #fff;
    line-height: 40px;
}
.newEmployee .greeting h1, .newEmployee .greeting h1 div {
    position: relative;
    display: inline-block
}
.newEmployee .greeting h1 div {
    background-color: #ea0600;
    /*redColor*/
    padding: 0 15px;
    z-index: 100
}
.newEmployee .greeting .ribbLeft, .newEmployee .greeting .ribbRight {
    top: auto;
    bottom: -5px
}
.newEmployee .ecard .options {
    padding-top: 85px;
    text-align: center;
}
.newEmployee .ecard .options strong {
    font-size: 15px
}

/*.newEmployee .ecard .welcomeNewPerson {
    position: absolute;
    background: url(../images/proiecte/ecards/welcome_new_person.png) 0 0 no-repeat;
    width: 185px;
    height: 105px;
    top: 210px;
    left: 5%;
}*/

.newEmployee .ecard .profile {
    left: 42%;
    display: block;
}
.newEmployee h6, .spotlight h6 {
    padding-top: 20px;
    padding-left: 75px
}
.quoteBg {
    background: #fafafa url(../images/smart_quote.png) 15px 0 no-repeat;
    padding: 15px 25px 15px 95px;
    border-top: none
}
.dailyTip .quoteBg {
    padding: 5px 10px 5px 75px
}
.widget .newEmployee {
    border: none;
    border-top: 1px solid #c4c4c4
}

/* ===== Community ===== */

.community input.col-two+ .btn {
    float: left
}
.userGallery {
    padding: 10px 8px 8px 8px
}
.userGallery .profile {
    position: relative;
    width: 70px;
    height: 70px;
    margin: 2px;
    z-index: 1;
}
.userGallery .user_image {
    display: block;
    float: none
}
.userGallery .user_image img {
    width: 100%
}
.userGallery .user_details {
    width: 180px;
    padding: 10px;
    color: #fff
}
.userGallery .userName, .userGallery .userJob {
    color: #fff
}
.userGallery .profile .details {
    display: none;
    position: absolute;
    background: #006288;
    width: 199px;
    height: 76px;
    top: -5px;
    left: 70px;
    color: #f1f1f1;
    z-index: 200
}
.userGallery .profile .details.onLeft {
    left: auto;
    right: 67px
}
.userGallery.selectat img {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}
.userGallery.selectat .selectat img {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.userGallery.selectat .selectat {
    z-index: 50
}
.userGallery .selectat:hover {
    z-index: 100
}
.userGallery.selectat .selectat .user_image, .userGallery .selectat:hover .user_image {
    position: absolute;
    background: #006288;
    width: 66px;
    padding: 5px;
    top: -5px;
    left: -5px;
    box-shadow: 0 2px 5px #006288;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.userEvents {}
.google-visualization-orgchart-table img {
    width: 50px;
    margin-top: 5px
}

/* ===== Search tips ===== */

.siteSearch {
    position: relative
}
.siteSearch #searchbox_input, .userSearch {
    padding-right: 35px
}
input+ .ico-search, input+ .loader {
    position: relative;
    padding: 3px 5px 2px;
    margin: 0 0 0 -35px;
    cursor: pointer
}
.input+ .loader {
    margin-left: -100px
}
.searchTips {
    position: absolute;
    background-color: #fff;
    border: 1px solid #858585;
    width: 585px;
    top: 100%;
    right: -16px;
    margin-top: 5px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.5)
}
.searchTips> div {
    padding: 2px 0;
    border-top: 1px solid #f1f1f1;
    text-transform: uppercase;
    text-align: center
}
.searchTips> div a {
    text-transform: none
}
.searchTips li {
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #fff
}
.searchTips li a {
    display: block;
    padding: 10px 15px;
    color: #181818
}
.searchTips li a+ a {
    padding-bottom: 0
}
.searchTips .user_image {
    background: none;
    border: none
}
.searchTips .profile {
    float: none
}
.searchTips .profile .user_details {
    width: auto
}
.searchTips li img+ div {
    color: #858585
}
.searchTips li:hover {
    border-color: #006288
}
.searchTips li:hover a, .searchTips li:hover a div {
    color: #fff;
    border-color: #fff
}
.searchTips .attachment {
    line-height: 20px
}
.tipsCommunity li a div {
    padding-bottom: 0
}
.tipsCommunity .user_image {
    padding: 0
}
.searchResults .ui-widget-header {
    /*display: none*/
}
.searchResults .userList {
    border: none
}

/* ===== Search results ===== */

.searchResults .post img {
    margin-right: 10px
}
.searchResults .text p {
    padding-top: 0
}

/* ===== Intranet search results ===== */

.intranet h6 {
    text-align: center
}
.intranet .col-six {
    margin: 0 auto
}
.intranet .loader {
    height: 20px
}
.post .addedBy {
    padding: 0 15px
}

/* ===== Events Calendar ===== */

.listEvents {
    width: 515px;
    float: left
}
.listEvents .widget {
    background: #fff;
    margin-top: 10px;
    overflow: hidden
}
.switchTabs .btn {
    position: relative;
    float: left;
    padding: 0 10px 0 8px;
    z-index: 1
}
.switchTabs .btn+ .btn {
    border-left: none
}
.switchTabs .selectat, .switchTabs .selectat:hover {
    background: #006288;
    border-color: #006288;
    color: #fff !important
}
.switchTabs> span {
    color: #515151;
    font-weight: bold;
    line-height: 20px
}
.listEvents .eventDate {
    padding: 0 10px 10px 10px;
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #fff
}
.listEvents .eventDate:first-child {
    border-top: none
}
.listEvents h6 {
    position: relative;
    background: #fafafa;
    width: 100%;
    padding: 2px 10px;
    left: -10px;
    right: -10px
}
.listEvents .today h6 {
    background: #3c95d8;
    color: #fff;
    border-top: 1px solid;
    margin-top: -1px
}
.eventType {
    padding-top: 10px;
    margin-bottom: 5px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 11px;
    color: #515151;
    clear: both
}
.listEvents .eventDate .profile {
    margin: 0 6px 5px 0
}
.listEvents .event {
    position: relative;
    padding-right: 50px
}
.listEvents .event p {
    padding-bottom: 5px
}
.btn.eventOut {
    padding: 0 5px
}
.listEvents .btn.eventOut {
    position: absolute;
    top: 0;
    right: 0
}
.mceEditor {
    display: block
}
.alertbox {
    padding-bottom: 0;
    color: #858585;
    font-size: 11px;
    line-height: 20px;
}
.alertbox.full-width {
    background: #fafafa;
    width: auto;
    padding: 10px;
    border: 1px solid #c4c4c4;
    text-align: center;
    font-size: 13px;
}
.infobox {
    display: inline-block;
    color: #858585;
    font-size: 11px
}
.survey_percent {
    color: #006288;
    font-weight: bold
}

/* ===== PMP ===== */

.pmpVisual {
    position: relative;
    background-color: #fafafa;
    padding-top: 10px
}
.pmpVisual td {
    padding: 15px;
    text-align: center;
    vertical-align: top;
    color: #858585
}
.pmpVisual .profile, .pmpVisual .user_image {
    display: inline-block;
    float: none
}
.pmpVisual .profile img {
    border: 1px solid #fafafa
}
.pmpVisual .user_details, .pmpVisual .userName, .pmpVisual .userJob {
    display: block;
    float: none
}
.pmpVisual .user_details {
    padding-left: 0;
    padding-top: 5px
}
.pmpVisual .fico {
    font-size: 30px;
    line-height: 50px;
    float: none;
    margin: 0;
    color: #bfbfbf
}
.pmpVisual .active .user_image {
    box-shadow: 0 0 15px #005ba6
}
.pmpVisual .active .profile img {
    border: 1px solid #006288
}
.pmpVisual .active {
    color: #006288
}
.pmpVisual .active .fico {
    color: #fff
}
.pmpStep {
    position: absolute;
    top: 21px;
    left: 193px;
    z-index: 0
}
.pmpStep+ table {
    position: relative;
    z-index: 100
}
.pmpStep td {
    padding: 0;
    width: 248px;
    height: 60px;
    text-align: center
}
.pmpStep div {
    background-color: #ccc;
    width: 150px;
    height: 30px;
    margin: 0 auto
}
.attention, tr.attention td, .messages .necitit td {
    background: #e5f1ff !important;
    border-color: #fff #adcfed #adcfed !important
}
.necitit .userJob, .attention .userJob, .necitit .greyColor, .attention .greyColor {
    color: #181818 !important
}
.showHide {
    font-size: 11px;
    line-height: 21px;
}

/*===== PMP / TIMELINE =====*/

.pmp_timeline .pmp_timeline_item.future::before {
    margin-bottom: 15px
}
.pmp_timelineBg {
    background: url(../images/pmp/pmp_timeline.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
}
.pmp_timeline_item.future::before {
    margin-bottom: 15px
}
.pmp_timeline .pmp_timeline_item.future .postDate::after {
    content: '';
    border-bottom: 1px dashed #ccc;
    width: 46px;
    position: absolute;
    bottom: -28px;
    border-top: 5px solid #fff;
}

/*.pmp_timeline_item.future div:first-of-type {top:8px;}*/

.pmp-timeline .user_image ml10 img {
    width: 30px
}
.pmp_timeline_item .postDate {
    position: absolute;
    top: 17px;
    left: 6px;
    width: 66px;
    line-height: 1;
    text-align: right;
    padding-right: 21px;
    height: 30px;
    display: table;
    color: inherit;
}
.pmp_timeline_item .postDate> abbr {
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
}
.pmp_timeline_item:before {
    top: 18px;
    bottom: 0px;
    content: " ";
    width: 1px;
    background-color: #ACACAC;
    margin-bottom: -19px;
    position: absolute;
    left: 92px;
    opacity: 0.36;
}
.pmp_tasks .pmp_timeline_item:before {
    background: none !important;
}
.pmp_tasks .pmp_timeline_item {
    padding-bottom: 0px
}
.pmp_timeline_item {
    position: relative;
    margin-top: 1px;
    padding: 15px 0px;
    padding-left: 107px;
}
.pmp_timeline_item.unread {
    background: #EEF1F3;
}
.pmp_timeline_item .circle {
    width: 30px;
    height: 30px;
    background: #ccc;
    opacity: 1;
    color: #FFF;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    border-radius: 30px;
    position: absolute;
    z-index: 3;
    margin-top: 2px;
    left: 78px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.pmp_timeline_item.edit> .circle, .pmp_timeline_item.edit:before {
    background: #00B8D4;
}
.pmp_timeline_item.message> .circle, .pmp_timeline_item.message:before {
    background: #FFC400
}
.pmp_timeline_item.alert> .circle, .pmp_timeline_item.alert:before {
    background: #FF8A80
}
.pmp_timeline_item.confirmed> .circle, .pmp_timeline_item.confirmed:before {
    background: #00C853
}
.pmp_timeline_item.task> .circle, .pmp_timeline_item.edit::before {
    background: #FF5057
}
.pmp_timeline_item.edit .postDate {
    color: #00B8D4
}
.pmp_timeline_item.confirmed .postDate {
    color: #00C853
}
.pmp_timeline_item.alert .postDate {
    color: #FF8A80
}
.pmp_timeline_item.message .postDate {
    color: #FFC400;
}
.pmp_timeline_item:last-child::before {
    height: 30px;
}
.pmp_timeline_item:first-child::before {
    margin-top: 20px;
}
.pmp_timeline_item .user_image {
    margin-left: 10px;
}
.pmp_timeline_item .userName {
    font-size: inherit;
}

/*===== END PMP / TIMELINE =====*/


/* ===== NPR ===== */

.NPR td {
    height: 30px
}

/* PERSONAL PLAN */

.wolEval th:first-child {
    width: 222px
}
.wolEval th+th {
    width: 30px
}
table.wolEval td:first-child {
    padding-left: 15px
}
table.wolEval td+td {
    background: url(../images/wol_eval_bg.png) -24px 0;
    text-align: center;
    border-left: none
}
.wolEval td label {
    padding: 8px
}
.wolEval td input {
    margin: 0
}
.wolEval .slider_container {
    margin: 10px 15px
}
.slider_container a {
    outline: none
}

/* ===== NOTIFICATIONS ===== */

.notifications {
    padding: 0 10px 10px 10px
}

/* ===== MESSAGES ===== */

.widget .messages table {
    width: 100%
}
.widget .messages table.display thead th {
    padding: 0;
    margin: 0;
    border: none
}
.messages table.display td {
    padding: 10px 5px;
    border-left: none
}
.messages tr:first-child td {
    background: none
}
.messages td:first-child {
    width: 20px;
    text-align: center
}
.messages td:first-child .fico {
    float: none;
    margin-right: 0
}
.messages td {
    background: none
}
.messages .profile, .messages .profile img {
    margin: 0
}
.messages a {
    color: #181818
}
.messageLink {
    display: block
}
.messages .necitit a, .messages .necitit {
    color: #006288
}
.messages .necitit, .necitit .text {
    background-color: #fafafa
}

/* ===== Footer ===== */

#footer {
    position: fixed;
    bottom: 0px;
    background-color: #ffffff;
    width: 240px;
    border-top: 1px solid #e5e5e5;
    font-size: 11px;
    color: #6b6b6b;
    height: 30px;
}
#footer .wrapper> div {
    width: 767px;
    float: right
}
.auth #footer .wrapper> div {
    width: auto;
    float: none
}
.auth #footer {
    position: absolute;
    bottom: 0
}
#footer table {
    margin: 5px auto 0 auto
}
#footer span {
    height: 25px;
    line-height: 25px;
    float: left
}
.poweredBy {
    background: url(../images/powered_by_cofactor.png) right center no-repeat;
    width: 75px;
    height: 25px;
    float: left;
}

/* ===== Information messages ===== */

.nNote {
    position: relative;
    padding: 7px 10px 7px 35px;
    border: 1px solid;
    font-size: 11px;
    line-height: 1.4;
    clear: both
}
.rowInfo {
    position: relative;
    padding: 12px 15px 13px 40px;
    line-height: 20px
}
.nAlert, body table.display td.nAlert {
    background: #fff3e5;
    border-color: #ffc380
}
.nSuccess {
    background: #fcffe5;
    border-color: #b4bf60
}
.nFailure {
    background: #ffe5e6;
    border-color: #ffbfc0
}
.nInformation {
    background: #e5f1ff;
    border-color: #80c6ff
}
.nNote .fico, .rowInfo .fico {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    float: none;
    line-height: 20px;
    color: inherit !important;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.nNote .fico {
    left: 7px
}
.rowInfo .fico {
    left: 15px
}
body table.display td.nAlert {
    border-top-color: #fff
}

/* ===== Spinner ===== */

.ui-spinner {
    width: 10em;
    display: block;
    position: relative;
    overflow: hidden;
    background: #25292B;
    height: 26px;
    padding: 0 6px;
    border: 1px solid #1E2226;
    -moz-box-shadow: 0 1px 0 #363B3E;
    -webkit-box-shadow: 0 1px 0 #363B3E;
    box-shadow: 0 1px 0 #363B3E;
}
.ui-spinner-disabled {
    background: #F4F4F4;
    color: #CCC;
}
.ui-spinner input.ui-spinner-box {
    border: none !important;
    background: none !important;
    padding: 6px 0
}
.ui-spinner-up, .ui-spinner-down {
    width: 18px;
    padding: 0;
    margin: 0;
    z-index: 100;
    position: absolute;
    right: 0;
    cursor: pointer;
    border: none;
    box-shadow: none;
}
.ui-spinner-up {
    background: url(../images/forms/spinnerTop.png) no-repeat;
    height: 13px;
    top: 0;
}
.ui-spinner-down {
    height: 12px;
    bottom: 0;
    background: url(../images/forms/spinnerBottom.png) no-repeat
}
.ui-spinner-list, .ui-spinner-listitem {
    margin: 0;
    padding: 0;
    font-size: 11px;
}
.ui-spinner ul li, .ui-spinner-data {
    line-height: 25px;
    height: 25px;
}

/* ===== Breadcrumbs ===== */

.module:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}
.breadCrumb {
    float: none;
    height: 21px;
    overflow: hidden;
    width: auto;
    padding: 5px;
    border: solid 1px #ccc;
    background: #f2f2f2;
    font-size: 11px;
}
.breadCrumb ul {
    margin: 0;
    padding: 0;
    height: 21px;
    display: block;
}
.breadCrumb ul li {
    float: left;
    position: relative;
    height: 21px;
    overflow: hidden;
    line-height: 21px;
    margin: 0 6px 0 0;
    padding: 0 10px 0 0;
    background: url(../images/Chevron.gif) no-repeat 100% center;
}
.breadCrumb ul li div.chevronOverlay {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
.breadCrumb ul li span {
    display: block;
    overflow: hidden
}
.breadCrumb ul li a {
    display: block;
    position: relative;
    height: 21px;
    line-height: 21px;
    overflow: hidden;
    float: left;
}
.breadCrumb ul li.first {
    display: none
}
.breadCrumb ul li.last {
    background: none;
    margin-right: 0;
    padding-right: 0;
}
.chevronOverlay {
    display: none;
    background: url(../images/Chevron.gif) no-repeat 100% 0;
    width: 13px;
    height: 20px;
}

/* ===== Timepicker  ===== */

.timepicker {
    width: 46px!important
}
.timeEntry_wrap {
    position: relative;
    display: block
}
.timeEntry_control {
    position: absolute;
    background: url(../images/sprites.png) -20px -370px no-repeat;
    width: 18px;
    height: 23px;
    right: 0;
    border: 1px solid #ccc;
    cursor: pointer;
}
#startHour, #endHour {
    width: 81px!important
}
#startHour {
    margin-left: -5px
}
.hidden+ .endDate {
    margin-left: 15px
}
.hidden+ .timeEntry_control {
    display: none
}

/* ===== GALLERY ===== */

.gallery {
    padding-bottom: 14px
}
.gallery ul li {
    width: 50px;
    display: block;
    float: left;
    height: 50px;
    margin: 16px 10px 0 0;
    border: 1px solid #1E2226;
    position: relative;
    -moz-box-shadow: 0 1px 0 #363B3E;
    -webkit-box-shadow: 0 1px 0 #363B3E;
    box-shadow: 0 1px 0 #363B3E;
    background: #282C2E;
    text-align: center;
}
.gallery li img {
    margin-top: 0
}
.gallery ul li:hover {
    border-color: #1d2125;
}
.gallery_medium ul li {
    position: relative;
    width: 100px;
    height: 100px;
    display: block;
    float: left;
    margin: 16px 10px 0 0;
    text-align: center;
}
.gallery_medium li img {
    margin-top: 0
}

/* ===== USER PROFILE ===== */

.userProfile {
    background: #f2f2f2
}
.userProfile .userHeader {
    position: relative;
    min-height: 100px
}
.userProfile .userHeader .profile {
    position: relative;
    margin: 15px 0 -35px 15px;
    line-height: 1.4
}
.userProfile .userHeader .user_image {
    background-color: #fff;
    padding: 5px;
    border: 1px solid #c4c4c4
}
.userProfile .userHeader .profile_img {
    width: 125px
}
.userProfile .userHeader .user_details {
    padding-top: 5px
}
.userProfile .userHeader .userName {
    font-size: 17px;
    color: #181818
}
.userProfile .userStatus {
    display: none
}
.userProfile .userHeader .userJob {
    font-size: 15px;
    color: #515151
}
.userProfile .profileDetails {
    position: relative;
    margin: 8px 15px 15px 160px
}
.userProfile .profileDetails .stats {
    float: left
}
.userProfile .profileActions {
    float: right
}
.profileDetails .voteProfile {
    padding: 2px 0;
    font-size: 11px;
    line-height: 21px
}
.userProfile .profileCompletion {
    width: 295px;
    float: left;
    margin-right: 15px
}
.userProfile .ui-progressbar {
    margin: 0
}
.userProfile .percent {
    margin-top: 0;
    color: #858585
}
.userProfile .percent, .userProfile .profileCompletion a {
    font-size: 12px
}
.col.userInfo {
    margin: 0 0 15px 15px
}
.userInfo> a {
    line-height: 25px
}
.userContent p {
    padding-bottom: 0
}
.userContent p+p {
    padding-top: 10px
}
.despreMine .userContent {
    background: #fafafa
}
.despreMine .userContent, .select2-dropdown-open .select2-choices {
    overflow: hidden
}
.despreMine h6+ .userContent {
    background: #fff
}
.despreMine table {
    width: 100%;
    table-layout: fixed
}
.despreMine td {
    padding: 5px 0;
    font-size: 11px;
}
.despreMine td:first-child {
    padding-right: 5px
}
.despreMine td+ td {
    padding-left: 5px
}

/*.userInfo.sidebar {
    margin: 0 0 25px 0
}*/

.userProfile .widget {
    margin-top: 0
}
.userContent, .attachments .myAlbum li> a, .userProfile .myAlbum li> a, .userProfile .widget {
    background-color: #fff;
    border: 1px solid #c4c4c4
}
.userInfo h6, .superhero .userInfo > div {
    position: relative;
    display: inline-block;
    padding-right: 10px;
    line-height: 25px;
    font-weight: 400;
    color: #858585;
    zoom: 1;
}
.userInfo .hook {
    position: absolute;
    background: url(../images/sprites.png) -20px -70px no-repeat;
    width: 20px;
    height: 20px;
    bottom: -5px;
    right: -20px;
    z-index: 10;
}
.userContent {
    padding: 10px;
}
.interese table {
    margin-bottom: -10px;
}
.interese td> ul {
    padding-bottom: 5px;
}
li.tag {
    /*background-color: #edf4fa;
    border-bottom: 1px solid #bbdcfa;*/
    background-color: #f2f2f2;
    color: #181818;
    float: left;
    margin: 0 5px 5px 0;
    padding: 0 8px
}
.interese td {
    vertical-align: top
}
.interese td+td {
    padding-left: 10px
}
.userProfile .owl-carousel {
    margin-left: 0;
    margin-right: -15px
}
.postImg {
    margin: 10px 15px 5px 15px;
}
.widget .postImg {
    margin-top: 0
}
.userProfile .recentActivity a {
    display: block
}
.userProfile .recentActivity .user_image img {
    width: 30px
}
.userProfile .recentActivity a:first-letter {
    text-transform: uppercase
}

/* ===== EDIT USER PROFILE ===== */

.mainForm .userProfile {
    margin-top: 0
}

/* ===== BRANCH PROFILE ===== */

.branchDetails {
    width: 100%;
    margin: 15px 0 5px 0
}
.branchDetails td {
    text-align: center;
    vertical-align: top
}

/* ===== PROCESS ===== */

.process {
    border-collapse: separate
}
.process th {
    /*background: #858585 url(../images/user_header_grad.png) repeat-x left bottom;[-v2] */
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #515151;
    text-align: center;
    vertical-align: top;
    color: #c4c4c4;
    background: #858585;
}
.process th:first-child {
    border-left-width: 1px
}
.black .process th {
    border: none
}
.black .process th+ th {
    border-left: 1px solid #515151
}
.withSwitch th {
    cursor: pointer
}
.process .selectat, .withSwitch .selectat:hover {
    color: #303030
}
.withSwitch .selectat, .withSwitch .selectat:hover {
    background-color: #f2f2f2
}
.process th> div {
    position: relative;
    padding: 15px 25px
}
.process .arrow {
    position: absolute;
    background: url(../images/sprites.png) 0 -370px no-repeat;
    width: 20px;
    height: 30px;
    right: -20px;
    top: 50%;
    margin-top: -15px
}
.process .selectat .arrow {
    background-position: 0 -400px
}
.process .step, .pmpVisual .done {
    display: inline-block;
    background: #ebebeb;
    /*background: -moz-linear-gradient(top, #ebebeb 0%, #f1f1f1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#f1f1f1));
	background: -webkit-linear-gradient(top, #ebebeb 0%,#f1f1f1 100%);
	background: -o-linear-gradient(top, #ebebeb 0%,#f1f1f1 100%);
	background: -ms-linear-gradient(top, #ebebeb 0%,#f1f1f1 100%);
	background: linear-gradient(to bottom, #ebebeb 0%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#f1f1f1',GradientType=0 );*/
    width: 50px;
    line-height: 50px;
    margin-bottom: 5px;
    text-align: center;
}
.process h6 {
    font-weight: normal;
    line-height: 1
}
.process .active .step {
    color: #fff
}
.withSwitch th:hover, .withSwitch th:hover .deadline {
    color: #fff
}
.process .ui-progressbar {
    margin-bottom: 0;
    border-color: #515151
}
.deadline {
    font-size: 11px;
    color: #c4c4c4
}
.process th.selectat .deadline {
    color: #303030
}
.process .deadline span {
    display: block;
    padding-top: 5px
}

/* ===== CAMPAIGN ===== */

.campaign th {
    background-color: #fff;
    border-color: #ccc
}
.campaignTag {
    display: inline-block;
    background-color: #fff;
    color: #006288;
    padding: 0 5px;
    top: -3px;
    margin-bottom: 2px
}

/* Superhero of the month */

.superhero td:first-child {
    vertical-align: top
}
.superhero table.display th {
    border-bottom-color: #c4c4c4
}
.superhero table.display td {
    border-color: #fff #c4c4c4 #c4c4c4
}
.superhero .users_body table.display td {
    border-bottom: none
}
.superhero td+td {
    background-color: #f2f2f2
}
.superhero .userInfo {
    padding-bottom: 5px
}
.superhero .userInfo+.userInfo {
    padding-top: 10px
}
.superhero .userInfo> div {
    max-width: 85%;
    padding-bottom: 5px;
    line-height: 1
}
.superhero .validate {
    background-color: #dfdfdf;
    margin-top: -5px;
    padding: 10px
}
.superhero .validate span {
    float: right;
    line-height: 25px;
    text-transform: uppercase
}
.winners td {
    padding-left: 15px;
}
.winners td+ td {
    padding-left: 15px
}
.winners .ribbLeft, .winners .ribbRight {
    top: auto;
    bottom: -5px
}
.winners .user_image img {
    width: 70px
}
.winners .profile .user_details {
    width: 190px;
    padding-top: 11px;
    text-align: center
}
.winners .badgeRibbon {
    margin-bottom: 5px;
    font-size: 13px
}
.winners .badgeName {
    padding: 5px 10px 4px;
    line-height: 1.2
}
.winners .user_image {
    background: #fff;
    padding: 4px;
}
.winners .userName, .winners .userStatus, .winners .userJob {
    float: none
}
.winners .userJob {
    display: block
}

/* Challenge */

.challengeResults .winners .profile {
    margin-left: 215px
}
.challengeResults .rowElem {
    background-image: url(../images/campaigns/challenge_winner.png);
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 95px;
    height: 155px
}

/*Client pulse*/

.positiveFeed td {
    background: #fafafa;
    padding: 10px 15px;
    border-top: 1px solid #c4c4c4;
    border-left: 1px solid #c4c4c4
}
.positiveFeed tr:first-child td {
    border-top: none
}
.positiveFeed td:first-child {
    background: #fff url(../images/smart_quote.png) 12px 3px no-repeat;
    min-height: 50px;
    padding-left: 70px;
    border-left: none
}

/* ===== POINT SHOP ===== */

.pointShop td {
    padding: 5px 0
}
.pointShop td+td {
    padding-left: 15px
}
.pointShop td> div {
    border: 1px solid #d9d9d9
}
.pointShop td> div:hover {
    border-color: #858585
}
.pointShop img {
    width: 100%;
    border-bottom: 1px solid #f1f1f1
}

/* ===== DOWNLOAD DESKTOP APP ===== */

.downloadApp {
    line-height: 1.4
}
.downloadApp .col {
    margin-bottom: 30px
}
.downloadApp .col div {
    height: 240px;
    margin-bottom: 10px;
    border: 1px solid #c4c4c4
}
.downloadApp .step1 {
    background: #fff url(../images/downloadapp/step1.png) center center no-repeat
}
.downloadApp .step2 {
    background: #fff url(../images/downloadapp/step2.png) center center no-repeat
}
.downloadApp .step3 {
    background: #fff url(../images/downloadapp/step3.png) center center no-repeat
}
.downloadApp .step4 {
    background: #fff url(../images/downloadapp/step4.png) center center no-repeat
}

/* ===== JOYRIDE TOUR PLUGIN ===== */

body .joyride-modal-bg {
    background: #000;
    z-index: 500
}
body .joyride-content-wrapper {
    padding: 15px
}
body .joyride-tip-guide {
    z-index: 501;
    margin-top: -20px;
    /*position: fixed;*/
}
body .joyride-close-tip {
    top: 13px;
    right: 15px;
}

.joyride-close-tip .ico-delete {
    color: #fff;
    margin: 0
}
.joyride-next-tip {
    margin-top: 5px
}

/* ===== DATATABLES ===== */

body div.dataTables_wrapper .ui-widget-header {
    background: #f2f2f2;
    margin-top: 0;
    border-top: 1px solid #fafafa;
    border-bottom: 1px solid #ccc
}
body div.dataTables_wrapper table+ .ui-widget-header {
    border-top: 1px solid #fff;
    border-bottom: none
}
table td.odd, table tr.odd {
    background-color: #f2f2f2
}
table td.even, table tr.even {
    background-color: #fff
}
body table.display tr th {
    background: #f2f2f2;
    padding: 3px 5px;
    font-size: 11px;
    border-top-color: #fff;
    border-bottom-color: #ccc
}
body table.display.noFilter tr th {
    padding-left: 0
}
body table.display td {
    min-height: 25px;
    padding: 7px 10px;
    border-color: #d9d9d9
}
table tr.even td.sorting_1 {
    background-color: #f2f2f2
}
body table.display thead th div.DataTables_sort_wrapper {
    padding-right: 0
}
body table.display thead th div.DataTables_sort_wrapper span {
    right: -8px
}
body table.display thead th div.DataTables_sort_wrapper .fico {
    right: 50%;
    margin-top: -10px;
    margin-right: -10px
}
body table.display td.withArrow {
    background-image: url(../images/td_arrow.png);
    background-position: 0 center;
    background-repeat: no-repeat;
    padding-left: 35px;
    border-left: none
}
body table.display .odd+ td.withArrow {
    background-image: url(../images/td_arrow_odd.png)
}
.dataTables_filter input[type="text"] {
    line-height: 1.2
}
body .dataTables_processing {
    position: absolute;
    background: rgba(255, 255, 255, 0.75) url(../images/loaders/loader.gif) center center no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    border: none;
    z-index: 100
}

/* ===== GRAFICE LINIARE ===== */

body table td.withScale {
    width: 81px;
    padding-right: 0
}
body td.withScale+ td {
    width: 40px;
    border-left: none
}
.scale {
    background: url(../images/scale.png) 0 0 repeat-x;
    height: 20px;
    width: 81px;
}
.scale> div {
    position: relative;
    height: 20px;
    float: left;
}
.scale .gradient0, .scale .gradient1, .scale .gradient2 {
    background: url(../images/scale.png) 0 -20px repeat-x
}
.scale .gradient3 {
    background: url(../images/scale.png) 0 -40px repeat-x
}
.scale .gradient4, .scale .gradient5 {
    background: url(../images/scale.png) 0 -60px repeat-x
}
.indicator {
    background: url(../images/sprites.png) -20px -50px no-repeat;
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: -3px;
    right: -5px;
    z-index: 100;
}
.legend_color {
    display: inline-block;
    width: 10px;
    height: 10px
}

/* ===== OWL CAROUSEL ===== */

.post .owl-carousel, .userProfile .owl-carousel {
    margin-left: 15px;
    width: auto
}
body .owl-wrapper-outer {
    margin-bottom: 0px
}
body .owl-theme .owl-controls {
    margin: 0;
}
body .owl-carousel .item {
    margin: 0px
}
.post .owl-carousel .item {
    margin: 0 15px 0 0
}
body .owl-item.loading {
    min-height: 88px
}
body .owl-pagination{
    text-align: center;
    margin-bottom: 15px;
}
#banner-carousel .owl-pagination {
    text-align: center;
    position: absolute;
    bottom: 0;
    z-index: 50;
    width: 100%;
    margin: 0;
}
.post .owl-page, .userProfile .owl-page {
    display: inline-block;
    margin-top:10px;
    width: 23px;
    line-height: 23px;
    border: 1px solid #ccc;
    text-align: center;
    color: #858585
}
.owl-page:first-child {
    margin-left: -5px
}
.owl-page+.owl-page {
    border-left: none
}
.post .owl-page:hover, .post .owl-page.active, .userProfile .owl-page:hover, .userProfile .owl-page.active {
    background: #ccc
}

/* ===== SELECT2 ===== */

body .select2-container .select2-choice {
    background: #fff;
    border: 1px solid #ccc;
    color: #515151;
    display: block;
    font-size: 11px;
    height: 23px;
    line-height: 23px;
    overflow: hidden;
    padding: 0 0 0 8px;
    position: relative;
    text-decoration: none;
    white-space: nowrap
}
body .select2-container .select2-choice .select2-arrow {
    background: #f1f1f1;
    border-left-color: #c4c4c4
}
body .select2-dropdown-open .select2-choice .select2-arrow {
    background: none
}
body .select2-container .select2-choice abbr {
    background: url("../images/select2.png") no-repeat right top;
    top: 5px;
    right: 25px
}
body .select2-container .select2-choice abbr:hover {
    background-position: right -11px
}
body .select2-container .select2-choice .select2-arrow b {
    background-position: 0 0
}
body .select2-search input {
    min-height: 13px;
    line-height: 14px
}
body .select2-search {
    display: block;
    width: auto;
    padding: 0;
    margin: 0 4px
}
*+html .select2-search {
    margin: 0 33px 0 2px
}
body .select2-drop-active, body .select2-dropdown-open .select2-choice, body .select2-dropdown-open.select2-drop-above .select2-choices {
    background: #fff !important;
    border-color: #ababab !important
}
body .select2-results .select2-highlighted, .searchTips li:hover, .autocomplete-selected {
    background-color: #006288
}
.select2-highlighted .userName, .select2-highlighted .userJob {
    color: #fff
}
body .select2-container-multi .select2-choices {
    border-color: #ccc
}
body .select2-container-multi.select2-container-active .select2-choices {
    border-color: #aaa
}
body .select2-container-multi .select2-choices .select2-search-choice {
    padding: 2px 15px 2px 6px;
    margin: 3px 2px 3px 3px;
    font-size: 12px;
    line-height: 15px
}
body .select2-container-multi .select2-search-choice-close {
    left: auto;
    top: 2px;
    right: 2px
}
body .select2-container-multi .select2-choices {
    min-height: 23px
}
body .select2-container-multi .select2-choices .select2-search-field input {
    height: 13px;
    margin: 0;
    line-height: 13px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
body .select2-container .select2-choice div b {
    background: url("../images/select2.png") no-repeat 0 1px
}
body .select2-dropdown-open .select2-choice div b {
    background-position: -18px 1px
}
.select2-results .small_text {
    color: #858585
}
.select2-results .select2-highlighted .small_text {
    color: #fff
}
.select2-container .small_text {
    display: none
}

/* ===== Growl notifications ===== */

.jGrowl {
    position: fixed;
    top: 15px;
    right: 10px;
    width: 280px;
    z-index: 9999;
    color: #fff;
    font-size: 11px
}
.jGrowl-notification, .jGrowl-closer, .requiredField {
    background-color: #ea0600;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    opacity: .8;
    min-height: 30px;
    margin: 0 auto;
    clear: both;
    padding: 9px;
    text-align: left;
    display: none;
    border: 1px solid #ea0600;
    color: #fff !important;
}
.jGrowl-notification .jGrowl-header {
    font-weight: bold
}
.jGrowl-notification .jGrowl-close {
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    z-index: 99;
    float: right;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    cursor: pointer
}
.jGrowl-closer {
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}
.jGrowl .jGrowl-notification.success {
    background-color: #7c8c00;
    border-color: #7c8c00
}
.jGrowl-message {
    padding-left: 10px
}

/** Hide jGrowl when printing **/

@media print {
    .jGrowl {
        display: none
    }
}

/* ===== Chosen customisation ===== */

.content .rowElem .chzn-choices {
    background: url(../images/input_bg.gif) 0 0 repeat-x #dfdfdf;
    color: #303030;
    border-top: 1px solid #cbcbcb;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #ccc;
}
.content .chzn-container-multi .chzn-choices .search-choice {
    padding: 3px 19px 3px 6px;
    background-color: #6a6a6a;
    background: #474747;
    /*background: -moz-linear-gradient(top,  #474747 0%, #6a6a6a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#474747), color-stop(100%,#6a6a6a));
	background: -webkit-linear-gradient(top,  #474747 0%,#6a6a6a 100%);
	background: -o-linear-gradient(top,  #474747 0%,#6a6a6a 100%);
	background: -ms-linear-gradient(top,  #474747 0%,#6a6a6a 100%);
	background: linear-gradient(to bottom,  #474747 0%,#6a6a6a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#6a6a6a',GradientType=0 );*/
    border: 1px solid #181818;
    color: #fff;
    -webkit-box-shadow: 0 0 2px #6a6a6a inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 3px #6a6a6a inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px #6a6a6a inset, 0 1px 1px rgba(0, 0, 0, 0.1);
}
.content .chzn-container-multi .chzn-choices .search-field input {
    padding: 0 5px;
    margin: 2px 0
}
.content .chzn-container {
    font-size: 11px
}
.content .chzn-container-multi .chzn-choices .search-choice .search-choice-close {
    background-image: url(../images/chosen-sprite.png);
    top: 3px
}
.customBrowse {
    position: relative;
    overflow: hidden
}
.customBrowse input.file {
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    height: 100%;
    width: auto;
    cursor: pointer;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

/* ===== TINYMCE customisation ===== */

body .mce-panel {
    background: #fafafa;
    border-color: #c4c4c4;
    border-bottom: 1px solid #c4c4c4
}
body .mce-tinymce {
    overflow: hidden;
    position: relative;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -khtml-border-radius: 3px !important;
    border-radius: 3px !important;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}
body .mce-edit-area {
    border: none!important
}
body .mce-edit-area {
    padding: 5px
}
#tinymce p {
    margin: 0;
    padding-bottom: 5px
}
body .mce-toolbar .mce-btn i, body .mce-toolbar .mce-btn:hover i {
    color: #666
}
.mce-fullscreen .leftNav, .mce-fullscreen .topNav {
    z-index: 0;
}

/* ===== Tipsy toolbox customisation ===== */

.tipsy, body .mce-tooltip {
    padding: 4px;
    font-size: 10px
}
.tipsy .tipsy-inner, body .mce-tooltip-inner {
    background-color: #fff;
    max-width: 200px;
    padding: 2px 8px;
    text-align: center;
    color: #181818;
    border: 1px solid #fff;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.8)
}
body .mce-tooltip {
    opacity: 1;
    filter: alpha(opacity=100)
}
.tipsy .tipsy-arrow {
    background: url(../images/tipsy.gif) no-repeat 0 0;
    z-index: 1000
}
body .mce-tooltip-arrow {
    border-color: #fff
}

/* ===== JQ TAG CLOUD ===== */

body div.jqcloud a {
    padding: 0 0.3em;
    color: #fff
}
body div.jqcloud .selectat a, body div.jqcloud a:hover {
    background: #fff
}

/* ===== OVERLAY ===== */

.overlay {
    position: absolute;
    background: url(../images/overlay_color.png) 0 0 repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0;
    border: none;
    z-index: 500;
}
.overlay p {
    background: #fff;
    line-height: 1;
    padding: 10px;
    color: #333;
    border: none;
    -moz-box-shadow: 0 0 15px #333;
    -webkit-box-shadow: 0 0 15px #333;
    box-shadow: 0 0 15px #333;
}
.overlay .loading {
    position: absolute;
    top: 300px;
    left: 50%;
    margin: -20px 0 0 -53px;
}
#cboxOverlay {
    background: #000 !important
}
#loading {
    display: block;
    padding-top: 5px;
    text-align: center
}
.icon.loader {
    display: inline-block;
    width: 86px
}
#widget_e360_relations .datatable .profile, #widget_e360_temp_relations .datatable .profile {
    width: 220px
}
#widget_e360_relations .profile .user_details, #widget_e360_temp_relations .profile .user_details {
    width: 150px
}
.guest_structure .widget {
    margin-top: 0
}
.dropdownUsersContainer .profile {
    margin: 0
}
table.display thead th.noOrder div.DataTables_sort_wrapper {
    padding: 0
}
#chart_div .google-visualization-orgchart-node {
    cursor: pointer
}
.googleChart {
    padding: 0 0 10px 15px
}

/* ===== GOOGLE FONT BUG ===== */

#dp_swf_engine {
    display: none
}

/* jquery autocomplete plugin */

.autocomplete-suggestions {
    background-color: #fff;
    padding-top: 5px;
    margin-top: -4px;
    border: 1px solid #858585;
    border-top: none;
    overflow: auto;
}
.autocomplete-suggestion {
    padding: 3px 7px 4px;
    margin: 0 5px;
    white-space: nowrap;
    overflow: hidden
}
.autocomplete-no-suggestion {
    padding: 3px 7px 4px;
}
.autocomplete-selected {
    color: #fff
}
.autocomplete-group {
    padding: 2px 5px
}
.marker_container {
    position: relative;
    width: 100%;
    height: 30px;
}
.marker {
    position: absolute;
    width: 6px;
    height: 30px;
    background-color: #333;
    color: #fff;
}
.marker_col {
    width: 24.8%;
    height: 30px;
}
#first span {
    position: absolute;
    right: 10px;
    top: 3px;
    color: #000;
    width: 130px;
    text-align: right;
}
#second span {
    position: absolute;
    left: 10px;
    top: 3px;
    color: #000;
    width: 130px;
    text-align: left;
}
.cms_category .selectat {
    color: #fff;
    background: #333;
}
.cms_category li a {
    /*padding: 8px;*/
    line-height: 0.5;
}
.cms_category li span {
    vertical-align: middle;
    padding-top: 8px;
}

/* === Start DMS MODULE === */


/* DMS listing */

.resourceName a:hover {
    text-decoration: underline;
}
.resourceObject, .resourceObject> a {
    max-width: 148px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #444;
    padding-right: 3px;
    display: inline-block;
}
.resourceContainer {
    max-width: 460px;
    float: left;
    color: #999;
}
.resourceName:hover> a {
    color: #eb1c23;
}
.resourceObject:hover {
    opacity: 1;
    color: initial;
}
#stories .userName {
    color: #747474;
}
#stories table {
    color: #747474;
    width: 100%;
    border: none !important;
}

/* End DMS LISTING */


/* Start RESOURCE EDIT */

.story_body h2 {
    font-size: 18px;
    padding-bottom: 8px;
}
#categories_container {
    padding: 0px !important;
    background: #fff;
    height: 132px;
    padding: 12px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}
#categories_container ul {
    height: 120px;
    overflow-y: scroll;
    padding: 6px 0px;
    background-color: #fff;
    width: 50%;
    padding-left: 0px;
}
#categories_container li:first-child {
    opacity: 0.7;
}
#categories_container li {
    line-height: 2;
    padding: 0px 12px;
}
#categories_container li.selectat {
    background-color: #757575;
    color: #fff;
;
}
.add_link {
    border-left: 1px solid #ccc;
}
.add_link input[type=text] {
    width: 90px;
    padding-left: 32px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.add_link input[type=text]:focus {
    width: 140px;
}
.add_link .ico-link {
    font-size: 16px;
    position: relative;
    left: 14px;
    color: #ccc;
    width: 0px;
}
.add_link> .error {
    float: left;
    margin-right: -20px;
}

/* End RESOURCE EDIT */


/* Tree RM Menu */

.selectionDiv {
    border-bottom: 1px solid #ccc;
    background: #fff;
    padding-top: 12px;
    border-radius: 6px 6px 0px 0px;
}
.selectionDiv .ico-search {
    float: left;
    font-size: 18px;
}
#intranet_search_input {
    padding-right: 25px
}
.resetCategory {
    margin-top: 3px;
    margin-left: 3px;
}
.treeMenu {
    /*height: 220px;*/
    /*overflow-y: scroll;*/
    /*overflow-x: hidden;*/
    /*background: #fff;*/
    padding: 0px;
    border-radius: 0px 0px 6px 6px;
}
.treeMenu a:hover {
    background: #E5E5E5;
}
.treeMenu a {
    padding: 6px;
    color: #333;
    display: block;
    font-weight: bold !important;
    margin-left: 4px;
}
.treeMenu .selectedCategory {
    background-color: #E21735 !important;
    color: #fff;
}
.treeMenu ul ul li a {
    color: #333
}

/* End Category RM Menu */


/* Start draggable */

.draggable> ul {
    width: 49%;
    /*max-height: 594px;*/
    /*overflow-y: scroll;*/
    background-color: #fff;
    padding: 6px 0px;
}
#maincategory {
    border-right: 1px solid #ddd;
}
#subcategory {
    border-left: 1px solid #ddd;
    margin-left: -1px;
}
.draggable .item.show_category_container {
    padding: 6px 0 6px 6px;
    border: 1px solid #ddd;
    /*border-radius: 5px;*/
    margin: 10px 0 10px 10px;
    background-color: #fff;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}
.draggable .item.show_category_container.ui-sortable-helper {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.draggable a.show_category_container {
    width: 74%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}
.draggable .users_loader ul {
    width: 98%;
    overflow-x: hidden;
}
li.edit_category_container, li.new_category_container {
    background-color: #fff;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 10px;
}
li.edit_category_container, li.new_category_container:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.draggable .new_category_container ul {
    width: 98%;
}
.draggable .item.show_category_container.selectat {
    background-color: #666;
    margin-right: -1px;
    margin-left: 0px;
    border-radius: 0px;
    border: none;
    padding: 6px 17px;
}
.draggable li.selectat a {
    color: #fff;
}

/* End draggable */


/* Start VIEW RESOURCE */

.tabs a {
    padding-bottom: 4px;
    opacity: 0.6;
    -webkit-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    font-weight: bold;
}
.tabs a.selectat {
    opacity: 1;
    border-bottom: 4px solid;
    text-transform: uppercase;
}
.tabs a:hover {
    font-weight: bold;
    opacity: 1;
}
.annotations {
    line-height: 1.5;
}
#description_input {
    max-height: 360px;
    height: 56px;
    resize: vertical;
    -webkit-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
}
#description_input:focus {
    height: 240px;
}

/* End VIEW RESOURCE */


/* === End DMS MODULE === */


/* === Start POJECTS IN ACTIONS === */

.piaList .fico {
    opacity: 0.9
}
.piaList .fico:hover {
    opacity: 1
}
.piaList .projectDetails {
    background: #eee
}
.piaList .td {
    border: none;
}
.piaList .projectMember.profile_img {
    width: 30px;
}
.piaList .profile_img {
    width: 42px;
    margin-right: 6px
}
.piaList .ico-lock {
    font-size: 16px;
}
.piaList td {
    border-bottom: 0px;
}
.piaList thead {
    display: none;
}
.piaList .fg-toolbar.ui-toolbar.ui-widget-header.ui-helper-clearfix.ui-corner-bl.ui-corner-br {
    margin-top: 15px;
}
.piaList .fg-toolbar.ui-toolbar.ui-widget-header.ui-helper-clearfix.ui-corner-tl.ui-corner-tr {
    background-color: #fff
}
.piaFilter {
    position: absolute;
    z-index: 6;
    top: 19px;
    left: 20px;
}
.piaFilter select {
    position: absolute;
    top: 0px;
    right: -118px;
}

/* Shadows and depth */

.z-depth-0 {
    box-shadow: none !important;
}
.z-depth-1
    /*, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, .side-nav */

{
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#dddddd')";
}
.z-depth-1-half
    /*, .btn:hover, .btn-large:hover, .btn-floating:hover*/

{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#eeeeee')";
}
.z-depth-2 {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.z-depth-3 {
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}
.z-depth-4
    /*, .modal*/

{
    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}
.z-depth-5 {
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

/* End Shadows and depth */


/* Transitions */

.trans-100ms {
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}
.trans-200ms {
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

/* End Transitions */


/*Arrows*/

.arrow-up {
    width: 0;
    height: 0;
    position: absolute;
    top: 108px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #F2F2F2;
}
.arrow_box.angry {
    right: 40.5%;
    top: 1px;
    z-index: 3;
}
.arrow_box.sad {
    right: 13.5%;
    top: 1px;
    z-index: 3;
}
.arrow_box.happy {
    left: 13.5%;
    top: 1px;
    z-index: 3;
}
.arrow_box.exalted {
    left: 40.5%;
    top: 1px;
    z-index: 3;
}
.arrow-down {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #f00;
}
.arrow-right {
    width: 0;
    height: 0;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 60px solid green;
}
.arrow-left {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid blue;
}
.arrow_box {
    position: relative;
    background: #ffffff;
}
.arrow_box:after, .arrow_box:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 12px;
    margin-left: -12px;
}
.arrow_box:before {
    border-color: rgba(204, 204, 204, 0);
    border-bottom-color: #ccc;
    border-width: 13px;
    margin-left: -13px;
}

/*===== OUR VALUES =====*/

.value_select .arrow-right {
    border-width: 14px;
    border-left-color: #00AAD9;
}
.value_select ul {
    text-align: left;
    margin: auto;
    width: 506px;
    list-style: square;
    line-height:15px;
}
.value_select ul li {
    padding-bottom: 5px;
}
.value_select .arrow-left {
    border-width: 14px;
    border-right-color: #00AAD9;
}
.value_select .arrow-right:hover {
    border-left-color: #0a6a84;
}
.value_select .arrow-left:hover {
    border-right-color: #FF6F02;
}
.nomination-values {
    padding: 12px 24px 0px 24px;
    display: table;
    z-index: 30;
    margin: auto;
    margin-bottom: 15px;
}

.nomination-list input[type="radio"] {
    position: absolute;
    right: 0;
    margin-top: 4px;
    margin-right: 15%;
}
.nomination-list .comment_text {
    border-bottom: 1px solid #ccc;
    margin-left: 60px;
    padding-bottom: 15px;
}
.nomination-list .comment_text .userName {
    color: #777;
}
.value-selected {
    display: inline-block;
    text-transform: uppercase;
    margin-top: 4px;
}
.nomination {
    display: inline-block;
    vertical-align: top;
}
.nomination-list .nominated-user {
    margin-bottom: 10px;
    border-bottom: 1px solid;
}
.nomination-list .comment_text> p {
    font-style: oblique;
}
#owl-values .owl-wrapper-outer {
    margin-bottom: 0px
}
.nominee-tier1 .user_image img {
    width: 200px;
    height: 200px;
    border-radius: 0px;
}
.nominee-tier1 .userName {
    font-size: 18px;
    color: #fff;
}
.nominee-tier1 .user_details {
    display: table-cell;
    height: 52px;
    width: 200px;
    line-height: 1;
    vertical-align: middle;
}
.nominee-tier1 {
    width: 200px;
    display: inline-block;
    text-align: center;
    margin: 12px;
    overflow: hidden;
}

/*.nominee-tier1:hover, .nominee-tier2:hover { box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }*/

.nominee-tier1.selectat {
    border: 10px solid #00aad9;
    margin: 2px;
    border-radius: 0px;
}
.nominee-tier1.ne-selectat, .nominee-tier2.ne-selectat {
    box-shadow: 0 0 0 #fff;
    opacity: 0.5;
}

/*Tier 2*/

.nominee .user_image {
    overflow: hidden;
    width: 100%;
}
.nominee .user_image img {
    width: 100%;
}

/*.nominee.tier3 .user_image {height: 257px}*/

.nominee.tier2 .user_image img {
    height: auto;
    border-radius: 0px;
    min-height: 160px;
}
.nominee.tier2-5 .user_image img {
    height: auto;
    border-radius: 0px;
    min-height: 223px;
}
.nominee.tier3 .user_image img {
    height: auto;
    border-radius: 0px;
}
.nominee.tier4 .user_image img {
    height: auto;
    border-radius: 0px;
    min-height: 360px;
}
.nominee.tier4 .user_image {
    height: 360px
}
.nominee.tier2 .user_image {
    height: 160px;
    overflow: hidden;
    border-radius: 0;
}
.nominee.tier2-5 .user_image {
    height: 223px;
    overflow: hidden;
    border-radius: 0;
}
.nominee .userName {
    color: #fff;
    text-transform: uppercase;
    display: table-cell;
    vertical-align: middle;
}
.nominee .user_details {
    display: table;
    line-height: 1;
    height: 40px;
    width: 100%;
}
.nominee {
    border-bottom: 3px solid;
    background: white;
}
.rowElem .nominee {
    line-height: 1;
}
.nominee-tier2.selectat {
    border: 8px solid #00aad9;
    margin: 0px;
    border-radius: 0px;
}

/*End Tier 2*/

.btnDisabled {
    color: #777 !important;
    background: #ddd !important;
    border: none;
}

/*Voting - Our Values */

.selected-nomination {
    position: fixed;
    bottom: 0px;
}
.selected-nomination p {
    max-height: 85px;
    overflow: hidden;
}

/*End Voting - Our Values*/


/*Winners - Our Value*/

.nomination-winner {
    border-top: 3px solid #00965e;
    border-left: none;
    border-right: none;
    height: 240px;
}
.top-nomination {
    background-color: #00965e;
    color: #fff;
    width: inherit;
}
.top-nomination .userName {
    color: #fff !important
}
.nomination-winner .top-nomination .comment_text .userName {
    color: #fff;
}
.nomination-winner .nomination-list {
    display: inline-block;
    height: 240px;
    /*overflow-y: scroll;*/
    width: 506px;
    overflow-x: hidden;
    text-wrap: wrap;
    padding: 0px 20px !important;
    vertical-align: top;
}
.winners .champion {
    width: 78px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
}
.winners .value {
    display: inline-block;
}

/* End Winners - Our Values*/


/* Value Definition - Our Values */

.valueDefinition {
    padding: 0px 20px;
    max-width: 80%;
    line-height: 1.6;
}
img.value {
    width: 50px;
    margin: auto;
    position: relative;
    bottom: -30px;
    margin-top: -35px;
}

/* End Value Definition - Our Values */


/*==== END OUR VALUES ====*/


/*====Start HAPPY METER====*/

.bkgExalted {
    background-color: #5FB85A;
}
.bkgHappy {
    background-color: #FFBA50;
}
.bkgSad {
    background-color: #778388;
}
.bkgAngry {
    background-color: #EA6565;
}
.colorExalted {
    color: #5FB85A;
}
.colorHappy {
    color: #FFBA50;
}
.colorSad {
    color: #778388;
}
.colorAngry {
    color: #EA6565;
}
a.Reply:hover {
    text-decoration: underline;
}
.companyMood {
    color: #fff;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.moodCounter {
    font-size: 21px;
    border-top: 1px solid #fff;
    opacity: 0.6;
}
.companyMood p {
    font-size: 14px;
    max-width: 220px;
    text-align: left;
    vertical-align: middle;
    opacity: 0.5;
}
.moodVotes {
    font-size: 13px;
}
.userMood {
    font-size: 32px;
    float: left;
    margin-right: 12px;
    padding-top: 4px;
}
.mood-container {
    height: 170px;
    vertical-align: middle;
    text-align: center;
}
.mood {
    background: none;
    padding: 0;
    border: none;
    box-shadow: none;
}
.mood> .userHeader {
    background: #FFF;
    border: none;
    margin-left: 45px;
}
.mood> .userName {
    font-size: 11px !important;
}
.mood> .post_toolbar {
    background: none;
    padding: 0px 4px;
    font-size: 12px;
    border: none;
    margin-left: 40px;
}
.mood .postDate {
    font-size: 11px;
    color: #999;
}
.mood .ico-arrowDown, .mood .ico-arrowUp {
    font-size: 16px;
}
.mood ul {
    color: #999;
}
.mood li {
    display: inline-block;
    padding-right: 6px;
    line-height: 1.6;
}
.moodCounter li span {
    vertical-align: middle;
}
a.vote-up.voted {
    color: #5FB85A
}
a.vote-down.voted {
    color: #EA6565
}
a.vote-up, a.vote-down {
    vertical-align: sub;
}
.mood> .post_toolbar a {
    font-size: 12px;
}
.mood .addComment.clearfix {
    margin: 12px 12px 12px 6px;
}
.mood textarea {
    resize: vertical;
    height: 54px;
    max-height: 160px;
}
.mood .reply {
    margin-left: 68px;
    padding-left: 4px;
}
.mood.reply.extended {
    border-left: 1px solid #ddd;
}
.voteCounter {
    color: #999;
}
.mood.userProfile {
    position: absolute;
    left: 12px;
}
.mood> a.viewAll.borderRadius4 {
    border-color: #ddd;
}

/*Happy Meter Widget*/

.happymeter .widgetContainer {
    padding: 0px 12px;
}
.mood-container .happymeter {
    vertical-align: middle;
    max-width: 252px;
    border-radius: 24px;
    text-align: center;
    display: inline-block;
}
.dashboard .happymeter td a {
    opacity: 1;
}
.happymeter td a {
    -webkit-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    line-height: 1.4;
}
.mood_feedback {
    margin-bottom: 12px;
    padding-top: 0px;
}
.mood_feedback textarea {
    z-index: 20;
}
.happymeter td a:hover, .happymeter td .selectat {
    font-size: 42px;
    font-weight: bold;
    line-height: 1.2;
}
.happymeter td a.angry:hover, .happymeter td .selectat.angry {
    color: #EA6565;
}
.happymeter td a.sad:hover, .happymeter td .selectat.sad {
    color: #778388;
}
.happymeter td a.happy:hover, .happymeter td .selectat.happy {
    color: #FFBA50;
}
.happymeter td a.exalted:hover, .happymeter td .selectat.exalted {
    color: #5FB85A;
}
.happymeter td p {
    font-size: 13px
}
.moodicon {
    font-size: 24px;
}

/*Arrows*/

.arrow-up {
    width: 0;
    height: 0;
    position: absolute;
    top: 108px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #F2F2F2;
}
.arrow_box.angry {
    right: 37.5%;
    top: 1px;
    z-index: 3;
}
.arrow_box.sad {
    right: 12.5%;
    top: 1px;
    z-index: 3;
}
.arrow_box.happy {
    left: 12.5%;
    top: 1px;
    z-index: 3;
}
.arrow_box.exalted {
    left: 37.5%;
    top: 1px;
    z-index: 3;
}

/*====End HAPPY METER====*/


/*====Select 2==== [+v2]*/

.select2-container-multi .select2-choices .select2-search-choice {
    border: 1px solid #D0D0D0;
    background: #f4f4f4 !important;
}

/*===Our people, our values===*/

.youtube.cboxElement> img {
    opacity: 0.9;
}
.youtube.cboxElement> img:hover {
    opacity: 1;
}

/*===== JOB OPENINGS =====*/


/* Candidate Listing*/

.job-candidate-list .profile {
    margin-bottom: 20px
}
.job-candidate-list .profile, .job-candidate-list .userName, .userJob {
    font-size: inherit;
    line-height: 1.5;
}
.job-candidate-list .profile img {
    width: 125px;
    margin-right: 10px;
}
.job-candidate-list .userName {
    font-size: 18px;
}
.job-candidate-list .user_details {
    padding-left: 0px;
}
.job-candidate-list .user_details a, .job-candidate-list .user_details span {
    float: left;
    clear: left;
}
.job-candidate {
    border-bottom: 1px solid #ccc
}

/* end Candidate Listing */


/*===== End JOB OPENINGS =====*

/*===== USER INFO HOVER =====*/

.user-info-hover {
    height: 165px;
}
.user-info-hover .profile {
    border: 1px solid #ccc;
}
.user-info-hover .profile img {
    width: 125px;
    border: 6px solid #fff;
}
.user-info-hover .userName {
    font-size: 17px;
    color: #fff;
}
.user-info-hover .userJob {
    font-size: 15px;
    color: #fff;
}
.user-info-hover .arrow-down {
    border-top-color: #fff;
    position: relative;
    bottom: -84px;
    left: 55px;
}
.user-info-hover .user_details {
    position: absolute;
    bottom: 80px;
}
.clickDateFilter {
    cursor: pointer;
    /*position:relative;*/
}
#dateRange {
    cursor: pointer;
}
.dateFilter {
    display: none;
    /*position:absolute;*/
    /*top:20px;*/
    /*left:0;*/
    background-color: #FFF;
    height: auto;
    z-index: 9999;
    width: 430px;
    padding: 20px;
}
.wrapper #footer {
    display: none;
}
/*===== END USER INFO HOVER =====*/

/*===== Numbers Widget =====*/
.number-widget-value{
    color: #ffbb17;
    float: left;
    height: 34px;
}
.number-widget .ico-container {
    text-align: center;
    width: 34px;
    float: left;
    margin-right: 6px;
}
.number-widget .ico-container > span {
    font-size: 34px;
    color: #ffbb17 }

.number-widget-subhead {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.number-widget .ui-progressbar, .number-widget .ui-progressbar-value {
    height: 6px;
    border-radius: 0px;
}

.number-widget .ui-progressbar-value {
    background-color: #2bda71 !important;
}
.number-widget .ui-progressbar {
    background: #ddd !important;
}
/*===== End Numbers Widget =====*/

/*PROGRESS BAR PMP*/

.progress-container{width:102%;height:1.2em;position:relative;background-color:#f1f1f1;margin-left:-10px;margin-bottom:-10px;}
.progressbar{background-color:#757575;height:100%;position:absolute;line-height:inherit}

div.dd {
    /*position: relative; /* IE is dumb */
    display: block;
    float: left;
    width: 110%;
    background:#7ad262;
    height:1.2em;
    margin-left:-10px;
    margin-bottom:-10px !important;

}

div.dd div.blue {
    /*position: relative; */
    background: #009DE0;
    height:1.2em;
    width: 75%;
    text-align:right;
    display:block;
    float: left;
}
div.dd div.green {
    /*position: relative; */
    background: #7ad262;
    height:1.2em;
    width: 75%;
    text-align:right;
    display:block;
    float: left;
}

.element-with-over-buttons {
    position: relative;
}

.element-with-over-buttons .edit_over_div {
    display: none;
}
.element-with-over-buttons:hover .edit_over_div {
    display: block;
}

.edit_over_div {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 20000;
}

.highcharts-container{
    overflow: visible !important;
}

.mceContentBody,
.mceContentBody td,
.mceContentBody pre
{
    color: #000;
}

.mceContentBody.mceForceColors
{
    background: #FFF;
    color: #000;
}

.mceContentBody h1
{
    font-size: 2em
}

.mceContentBody h2
{
    font-size: 1.5em
}

.mceContentBody h3
{
    font-size: 1.17em
}

.mceContentBody h4
{
    font-size: 1em
}

.mceContentBody h5
{
    font-size: .83em
}

.mceContentBody h6
{
    font-size: .75em
}

.mceContentBody .mceItemTable,
.mceContentBody .mceItemTable td,
.mceContentBody .mceItemTable th,
.mceContentBody .mceItemTable caption,
.mceContentBody .mceItemVisualAid
{
    border: 1px dashed #BBB;
}

.mceContentBody a.mceItemAnchor
{
    width: 12px;
    line-height: 6px;
    overflow: hidden;
    padding-left: 12px;
    background: url(img/items.gif) no-repeat bottom left;
}

.mceContentBody img.mceItemAnchor
{
    width: 12px;
    height: 12px;
    background: url(img/items.gif) no-repeat;
}

.mceContentBody img
{
    border: 0;
    max-width: 100%;
    max-height: 100%;
}

.mceContentBody table
{
    cursor: default
}

.mceContentBody table td,
.mceContentBody table th
{
    cursor: text
}

.mceContentBody ins
{
    border-bottom: 1px solid green;
    text-decoration: none;
    color: green
}

.mceContentBody del
{
    color: red;
    text-decoration: line-through
}

.mceContentBody cite
{
    border-bottom: 1px dashed blue
}

.mceContentBody acronym
{
    border-bottom: 1px dotted #CCC;
    cursor: help
}

.mceContentBody abbr,
.mceContentBody html\:abbr
{
    border-bottom: 1px dashed #CCC;
    cursor: help
}

/* Manual additions to restore assumed by the TinyMCE but cleared by YUI CSS reset styles */

.mceContentBody
{
    text-align: left;
}

.mceContentBody strong
{
    font-weight: bold;;
}

.mceContentBody li ul,
.mceContentBody li ol
{
    margin: 0 1.5em;
}

.mceContentBody ul,
.mceContentBody ol
{
    margin: 0 1.5em 1.5em 1.5em;
}

.mceContentBody ul,
.mceContentBody ul li
{
    list-style-type: disc;
}

.mceContentBody ol,
.mceContentBody ol li
{
    list-style-type: decimal;
}

.mceContentBody blockquote
{
    margin: 0 1.5em 1.5em 1.5em;
}

.mceContentBody p,
.mceContentBody code,
.mceContentBody pre,
.mceContentBody kbd
{
    /*margin: 0 0 1.5em 0;*/
    padding-bottom: 0px;
    margin-top: 0px;
}

.mceContentBody em,
.mceContentBody i,
.mceContentBody dfn
{
    font-style: italic;
}

#fancybox-frame html {
    height:99% !important;
}

.iframe_window .applyToJob .level2 {
    position:static !important;
}

.archivedColor {

}

/* The Modal (background) */
.modal1 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 40%; /* Could be more or less, depending on screen size */
}

.modal-content .box30{
    width:97%;
}

/* The Close Button */
.closeBtn {
    color: #aaa;
    float: right;
    margin-top: -31px;
    margin-right: -16px;
    font-size: 28px;
    font-weight: bold;
}

.closeBtn:hover,
.closeBtn:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.col-custom {
    width:650px;
}
hr{border:1px solid #f0f0f0}

.despreMine.conf_date {
    margin-top: 47px;
}

.conf_date_insert_pass {
    margin-top: 30px;
}

.conf_date_input_pass{
    width: 40% !important;
}

.incorrect_pass_pop_up{
    color: red;
    font-size: 10px;
}

.filter_for_applause{
    position: absolute;
    left: 0px;
    top: 10px;
    z-index: 1;
    color: #878787;
    margin-left:14px;
    font-size:11px;
}

.no_post_mobile{

    text-align: center;

}
.no_post_mobile img {
    max-width: 320px;
    max-height: 320px;
    margin: 0 auto;
}
.col-nominations {
    width: 50px;
}

#header_description {
    margin-bottom: 10px;
}
#header_description a{
    color: #fff;
    text-decoration: underline;
}

.answer_box {
    position: relative;
    background: #eeeeef;
    border-radius: 5px;
    overflow: hidden;
    line-height: 18px;
    margin-top: 20px;
    color: white;
}

.answer_box .formBottom {
    margin: 0 !important;
}

.answer_box input[type="radio"] {
    vertical-align: middle;
}

.profile_auto .user_details {
    width: auto !important;
}

.scoringColor {
    padding: 8px 15px;
    margin-right: 0 !important;
    color: #fff;
}

.scoringColorEvaluation{
    padding: 3px 15px;
    margin-right: 0 !important;
    color: #fff;
}

.indicator_name {
    font-size: 16px;
    margin-bottom: 10px;
}

.indicator_answer {
    color: #666;
    margin-right: 10px;
    font-weight: bold;
}

.aplauze {
  width: 350px;
  margin: 0px auto;
}

.aplauze .aplauze-header {
  color: white;
  overflow: hidden;
  text-align: center;
  padding-top: 25px;
  padding-bottom: 10px;
}
.aplauze .aplauze-header h2 {
  text-transform: uppercase;
  margin: 0;
}
.aplauze .aplauze-header p {
  margin: 5px;
}
.aplauze .aplauze-header img {
  margin-top: 20px;
  display: inline;
}
.aplauze .aplauze-body {
  background: #FAFAFA;
  color: black;
  padding: 15px 15px 0 15px;
  overflow: hidden;
}
.aplauze .aplauze-body .post {
  margin-bottom: 15px;
  padding-bottom: 10px;
}
.aplauze .aplauze-body .post img {
  display: inline-block;
  float: left;
  margin-right: 10px;
}

.aplauze .aplauze-body .post .post-body .autor {
  font-weight: bold;
  font-size: 18px;
  line-height: 18px;
}
.aplauze .aplauze-body .post .post-body .message {
  margin-top: 5px;
  font-size: 16px;
}
.aplauze .aplauze-footer {
  overflow: hidden;
  text-transform: uppercase;
  padding: 8px 15px;
}
.aplauze .aplauze-footer button {
    background: black;
    color: white;
    font-size: 13px;
    padding: 4px 8px;
    border: 0;
    float: right;
}
/******************* PERFORMANCE *****************/
#header_description {
    margin-bottom: 10px;
}

#header_description a{
    color: #fff;
    text-decoration: underline;
}

.answer_box {
    position: relative;
    background: #eeeeef;
    border-radius: 5px;
    overflow: hidden;
    line-height: 18px;
    margin-top: 20px;
    color: white;
}

.answer_box .formBottom {
    margin: 0 !important;
}

.answer_box input[type="radio"] {
    vertical-align: middle;
}

.profile_auto .user_details {
    width: auto !important;
}

.scoringColor {
    padding: 8px 15px;
    margin-right: 0 !important;
    color: #fff;
}

.indicator_name {
    font-size: 16px;
    margin-bottom: 10px;
}

.indicator_answer {
    color: #666;
    margin-right: 10px;
    font-weight: bold;
}

#header_description {
    margin-bottom: 10px;
}

#header_description a{
    color: #fff;
    text-decoration: underline;
}

.answer_box {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    line-height: 18px;
    margin-top: 20px;
    color: white;
}

.answer_box .formBottom {
    margin: 0 !important;
}

.answer_box input[type="radio"] {
    vertical-align: middle;
}

.profile_auto .user_details {
    width: auto !important;
}

.scoringColor {
    padding: 8px 15px;
    margin-right: 0 !important;
    color: #fff;
}

.indicator_name {
    font-size: 16px;
    margin-bottom: 10px;
}

.indicator_answer {
    color: #666;
    margin-right: 10px;
    font-weight: bold;
}

.chosen{
    float:left;
}

.performance-card{
    padding:10px;
    background-color:gray;
}

.widget_fb{
    min-height:100px;
}

.title {
    font-weight: bold;
    text-transform: uppercase;
}
.pmpHead{
    background-color:#979FA9 !important;
}

.library_main_div {
    border: 1px solid #e4e4e4;
    min-height: 350px;
    position:relative;
}
.library_main_div h1 {
    font-size: 16px;
    font-weight: bold;
}
.mainLikeDiv {
    background: #f1f1f1;
    min-height: 23px;
}
.likediv{
    background: #f1f1f1;
    min-height: 23px;
}
.smallDescription{
    height: 75px;
    line-height: 18px;
}
.smallDescriptionForAttachments{
    height:75px;
    line-height: 18px;
}
.videoOrAttachmentsImage img{
    height: 150px;
}
.videoOrAttachmentsImage li{
    list-style-type: none;
}
.library_main_div .videoOrAttachmentsImage img {
    height: 126.6px;
    width: 100%;
}
.videoOrAttachmentsImage .attachments {
    line-height: 0px;
}
.indicator-name {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px;
    border-bottom: 2px solid #eaecee;
    padding: 10px 10px;
    font-size: 16px !important;
}
.indicator-tag {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 1em;
    background: #979FA9;
    padding: 4px 8px;
    display:inline-block;
    color: white;
}
.ninjaTipsMainClass ul {
    margin-bottom: 20px;
    margin-left: 20px;
}
.ninjaTipsMainClass p {
    padding: 0;
    margin-top: 0;
}


.addStage, .delete_phase {
    cursor: pointer;
    padding: 4px 8px;
    background: #efefef;
    color: #000000;
    display:inline-block;
}
.addStage:hover {
    background: #ddd;
}

.delete_phase, .ico-delete {
    opacity: 1;
}
.nr_phase {
    margin: 15px 0;
    border-bottom: 2px solid #efefef;
}

.border_radio_4 {
    height: 23px!important;
    border-radius: 4px!important;
}

.profile_height_tab {
    height: 18px;
}

.padding20 {
    padding: 20px;
}

.margin2neg {
    margin-top: -2px;
}


.selected {
    border-bottom: 3px solid #FF0000;
}

.libraryNoVideoImage{
    width: 100%;
    height:60px;
}

.overlayLibrary {
    height: 0%;
    width: 510px;
    position: fixed;
    z-index: 23452352352;
    margin-top:10%;
    margin-left: 42%;
    top: 0;
    left: 0;
    background-color: white;
    transition: 0.5s;
    overflow-y:hidden;
}
.overlay-content {
    position: relative;
    max-height:600px;
    width: 100%;
    text-align: left;
}
.content-container{
    padding:10px;
    overflow-y:auto;
    max-height:260px;

}
.overlayLibrary .closebtn {
    position: absolute;
    top: 5px;
    z-index:123123123123;
    right: 5px;
    font-size: 30px;
    width: 21px;
    height:20px;
    border-radius: 11px 11px 11px 11px;
    -moz-border-radius: 11px 11px 11px 11px;
    -webkit-border-radius: 11px 11px 11px 11px;
    border: 1px solid #000000;
    background: white url(../../images/controls.png) no-repeat -50px -26px;
}
.content-container::-webkit-scrollbar {
    width: 3px;
}

.content-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

.content-container::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

@media screen and (max-height: 450px) {
    .overlayLibrary {overflow-y: auto;}
    .overlayLibrary a {font-size: 20px}
    .overlayLibrary .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}

.overlayVideo{
    width:100%;
    height: 20%;
    margin-top:0px;
    background: black;
}
.myAlbum .videoDeleteButton{
    position: absolute;
    bottom: 40px;
    right: 17px;
    background-color: #fff;
    border-radius: 4px;
}
.show_video_checkbox {
    width: 141px;
    height: 100%;
    background-color: #fff0;
    /*background-color: black;*/

}
.primary_checkbox{
    margin-top: 5px;
    position: relative;
    margin-left: 5px;
}
.video.cboxElement img {
    width: 100%;
    height: 100%;
    max-height: 98px;
}

.videoOrAttachmentsImage video{
    height: 166.3px;
    background: black;
}

.coachContent ul li {
    list-style-type: none !important;
}

.selected {
    padding-bottom:0;
    border-bottom: 3px solid black !important;
}




/******************* END  PERFORMANCE *****************/



.marginBotton20 {
    margin-bottom: 20px;
}

.marginTop6 {
    margin-top: 7px;
    margin-right: 5px;
}

.marginRight5 {
    margin-right: 5px;
}

.user_table_campaigns {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
}

.user_table_campaigns th {
    border: 1px solid #CCCCCC;
}

.user_table_campaigns th{
    background: #f6f6f6;
}

.user_table_campaigns .actions{
    width: 255px;
    text-align: center;
}

.user_table_campaigns .user_profile {
    color: #515151;
    font-size: 11px;
    line-height: 1.1;
}

.talent_filters {
    border:1px solid lightgray;
    float:right;
    border-radius: 5px 5px 0px 0px;
    border-bottom:1px solid transparent;
    background-color:white;
}

.talent_filters div {
    float:left;
    padding:5px;
    cursor:pointer;
}

.talent_filters .active {
    background-color:#E01733;
    color:white;
}



.load {
    position: absolute;
    background: url(../images/loaders/loader.gif) center center no-repeat;
    width: 100px;
    height: 30px;
    /*top: 0;*/
    left: 30%;
    /*right: 0;*/
    /*margin: 0;*/
    border: none;
    z-index: 100
}

.load_back {
    width: auto;
    height: 30px;
    background-color: #fff;
    margin-bottom: 20px;
}

.heart_border {
    z-index: 99999;
    height: 100%;
    width: 100%;
    position: relative;
}

#heart_with_images img {
    transform: rotate(180deg);
}
#heart_with_images {
    width: 41.67%;
    height: 79.81%;
    transform: rotate(180deg);
    z-index: -1;
    position: absolute;
    top: 1%;
    left: 4.7%;
}

.complete_level_heart
{
    z-index: 99;
    position: absolute;
    top: 31%;
    left: 49%;
    width: 16%;
}

#heart_with_images .user_image img {
    width: 100%;
}

.heart_with_images_empty_span {
    width:12.5%;
    padding-top: 12.5%;
}

.heart_complete {
    width: 70%;
    font-size: 314%;
    font-weight: bolder;
    color: #BA2532;
    margin-top: -28px;
}

.percent_heart_complete {
    width: 70%;
    font-size: 800%;
    font-weight: bolder;
    color: #BA2532;
}

.submit_butoon_signed_heart {
    width: 70%;
    font-size: 163%;
    font-weight: bolder;
}

#close_heart {
    font-weight: bolder;
    float: right;
    position: absolute;
    right: 1%;
    top: 3%;
}
.iframe_wrapper .happymeter .happyMeterPopUp {
    margin-top: 80px;
}
.iframe_wrapper .happymeter .happyMeterPopUp .happymetertext {
    text-align:center;
    font-size: 18px;
    color: #565656;
    letter-spacing: 1px;
}

.ganttCustom .fn-gantt .rightPanel {
    float: left;
    width: 870px;
    overflow: hidden;
}
.ganttCustom .fn-gantt .leftPanel .desc {
    display: block;
}
.centerImg {
    text-align: center;
}
.centerImg img {
    display: inline-block;
    width: auto;
}

.pr70 {
    padding-right: 70px;
}

.managePosts .select2-results .select2-disabled {
    background: #fff;
}
.datatablePosts table.fixed { table-layout:fixed; }
.datatablePosts table.fixed td { overflow: hidden; }

/* Clearable text inputs */
.clearable{
    background: #fff url(http://i.stack.imgur.com/mJotv.gif) no-repeat right -10px center;
    border: 1px solid #999;
    padding: 3px 18px 3px 4px;     /* Use the same right padding (18) in jQ! */
    border-radius: 3px;
    transition: background 0.4s;
}
.clearable.x  { background-position: right 5px center; } /* (jQ) Show icon */
.clearable.onX{ cursor: pointer; }              /* (jQ) hover cursor style */
.clearable::-ms-clear {display: none; width:0; height:0;} /* Remove IE default X */
.deliverable_item{
    border:1px solid #cccccc;
    margin: 15px 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);*/
    /*-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);*/
    /*box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);*/
}
.deliverable_item .rowElem {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.deliverable_item.active {
    /*-webkit-box-shadow: 1px 1px 5px 0px rgba(168,230,135,1);*/
    /*-moz-box-shadow: 1px 1px 5px 0px rgba(168,230,135,1);*/
    /*box-shadow: 1px 1px 5px 0px rgba(168,230,135,1);*/
}
.deliverable_item .post_toolbar{
    padding:0px 15px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.piaList {
    margin: 15px 0px;

}

.piaList table td.even, table tr.even {
    background: none;
}
.projectList {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.piaProjectList .dataTables_wrapper .fg-toolbar {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    background-color: white;
}
.queryBuilderCode{
    max-height: 300px;
    overflow:scroll;
}

.widget_image {
    background: url(../images/crystals.jpg) center center no-repeat;
    height: 300px;
}
.body_widget_image {
    background: url(../images/cars.jpg) center center no-repeat;
    height: 350px;
}

.disabledHref {
    pointer-events: none;
}
.profileChild.myAlbum li {
    border: 1px solid #c4c4c4;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 2px;
    margin:5px 5px;
}
.profileChild .imageControls {
    top: 0px;
    right: 5px;
}
.profileChild.myAlbum p {
    padding: 0px 10px;
}
.profileChild p+p {
    padding-top: 0px;
    margin-top: 0em;
}

.scoreColorOrangeBg {
    background-color: #FF8700 !important;
}

.scoreColorRedBg {
    background-color: #FF5607 !important;
}

.scoreColorGreenBg {
    background-color: #89C540 !important;
}

.scoreColorDarkgreenBg{
    background-color: #47B04B !important;
}

.wordDefinition{
    overflow-y: hidden;
}

.dexCategory {
    /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);*/
    border: 1px solid #eeeeee;
    transition: 0.3s;
    width: 308px;
    height:200px;
    margin-bottom: 15px;
}
.dexCategory:hover {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
}
.dexCategoryImage {
    border-bottom: 1px solid rgba(0,0,0,0.2);
}
.dexCategoryImage img {
    /*width: 285px;*/
    height:150px;
    margin: auto;
    padding: 10px 0px;
}
.dexCategoryText {
    padding: 0px 5px;
}
.dexCategoryDescriptionText {
    padding: 10px;
    height: 151px;
    overflow: scroll;
    z-index: 100;
}
.dexCategoryText h3 {
    max-width: 269px;
}

.imageCategoryDms {
    width: 100px;
}

.border_bottomf0f0f0 {
    border-bottom: 1px solid #f0f0f0;
}

.oneCategoryDms {
    padding: 20px;
    height: auto;
    position: relative;
    padding-bottom: 10px;
}
.height200 {
    height: 147px;
}
.informationDmsCategory {
    padding-bottom: 1.6%;
    padding-right: 37px;
    position: absolute;
    bottom: 0px;
    right: 0;
}
.category.height200{
    border: 1px solid #f0f0f0;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
}
.border_subcategory {
    border: 1px solid #f0f0f0;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
.paddinglr10 {
    padding: 5px 10px 5px 10px;
}
.paddinglr20 {
    padding: 0px 20px 0px 20px;
}
.dmsImageContainer {
    height: 127px;
    overflow: hidden;
    border-bottom: 1px solid #f0f0f0;
}
.categoriesDms {
    padding-top: 30px;
    height: auto;
    position: relative;
}

.main_category_description {
    margin: 30px;
}
#new_version_stories table tr.benefit_color {
    color: #fff;
}

.maxWidth320 {
    max-width: 320px;
}
.dmsCategoryDescription {
    max-height: 100px;
}
.fullCategoryDescription {
    max-height: 59px;
    overflow-y: scroll;
    margin-top: 15px;
    margin-bottom: 5px;
}
.childInfoOptionsNoResults {
    color: #858585;
}
.profileChild p{
    text-align: center;
}

.performande_update_buttons {
    margin-top: 10px;
    z-index: 10;
    margin-right: 10px;
    margin-bottom: 10px;
}

#performance_update_tips {
    display: none;
}

.table_performance {
    border: 1px solid black;
}
.th_no_border {
    border-width: 0px!important;
    border: none!important;
}

.performance-360-table {
    width: 95%;
    margin-left: 25px;
}
.performance-360-table, .performance-360-table td {
    border: 1px solid lightgrey;
    padding: 10px;
    text-align: center;
}

.performance-360-table th {
    padding: 10px;
    text-align: center;
}



.dexWord {
    border: 1px solid #eeeeee;
}
.dexWordDefinition {
    width: 910px;
    /*border-left: 1px solid #cccccc;*/
    padding: 10px 10px 25px 10px;
}

.wordDefinition{
    overflow-y: hidden;
}
.alphabet span{
    color: #e01733;
    font-size: 16px;
    cursor:pointer;
}
.categoryMenu.dexActions a {
    line-height: 22px;
}
.categoryMenu.dexActions div:first-child {
    font-size: 11px;
    color: #515151;
    line-height: 35px;
    font-weight: normal;
    text-align: center;
}
.subCategoryDescriptionText{
    overflow: hidden;
}
.dexWordMain strong {
    font-size: 18px;
}