@import url(/partners/common/statics/fontAwesomeIcons.css?date=20170206);
:root{--main-bg-color:#1ba688;
    --second-bg-color:#eee;
    --main-font-color:#fff;
    --second-font-color:#000;
    --title-underline-color :#666;
    --admin-link-color :#1ba688;
}
*{color:#666;font-size:16px;box-sizing: border-box;}
a{color:#000;text-decoration:none;}
a.action{color:#1b9b5e;text-decoration:none;}
a:hover{text-decoration: underline;}
.cleaner3, .cleaner2 {display:none;}
body {display: block;  margin: 0px; }
body #adminMainContainer{margin-top:0px;background-color:#f0f2f5;padding:0px 0px 30px 80px;height:100%;}
body #adminMainContainer .adminContent{padding:30px;background-color:#f0f2f5;}
body #adminMainContainer .adminContent .content{overflow: hidden;overflow-x: scroll;}
body #menu{background-color:#fff;width:80px;height:100%;
    -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.4) !important;
    -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.4) !important;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.4) !important;
    position: fixed;left:0px;top:0px;
}
#menu .item{width:100%;border:2px solid #fff;text-align: center;margin-bottom:20px;}
#menu .item.itemPicto{padding:15px;}
.menuAdmin ul li.adminLogo{float:left;margin-top:-10px;width:200px;
}
body #adminMainContainer .header{padding:20px 20px 50px 20px;width:100%;background-color:#333;}

#menu .item .fa-chart-simple{background-color:#fff !important;font-size: 30px; color: #4d4d4d; position: relative;height:30px; width:30px;}
#menu .item .fa-chart-line{background-color:#fff !important;font-size: 30px; color: #4d4d4d; position: relative;height:30px; width:30px;}
#menu .item .fa-list-check{background-color:#fff !important;font-size: 30px; color: #4d4d4d; position: relative;height:30px; width:30px;}
#menu .item .fa-layer-group{background-color:#fff !important;font-size: 30px; color: #4d4d4d; position: relative;height:30px; width:30px;}
#menu .item .fas:hover, #menu .item .fas on{color:#1ba688 !important;}
#menuLabel{display:none;position:absolute;top:50px;left:85px;z-index:99999}
#menuLabel .message{position:relative;padding:30px 20px;background-color:#fff;border-radius:10px;font-weight: bold;position:relative;float:left;margin:0px;}
#menuLabel .fa-caret-left{background-color: transparent;width:16px;height:16px;color:#fff;margin:20px 0px 0px 0px !important;float:left;position:relative;font-size:30px;}
.error, .error div{background-color:red !important;color:#fff;}
.select {border-bottom:1px solid green;}
.warning, .warning div{background-color:orange !important;color:#fff;}
.warning_light, .warning _lightdiv{background-color:yellow !important;color:#000;}
.alertSquare{width:15px!important;height:15px!important;display:inline-block;margin-top:0px!important;margin-right:5px!important;padding:0px !important;border:1px solid #000 !important;}
td.alert, div.alert{background-color:red !important;color:#fff;}

.cleaner{clear:both;}

#internalCloseButton{width:20px;float:right;margin-top:20px;margin-right:20px;}
#internalCloseButton .fa-times, .deleteButton{font-family: FontAwesomeSolid!important;font-size: 20px; color: #666;position: relative;top:-8px;left:-2px;width:20px;height:20px;font-weight: 200;}
#internalCloseButton.closeButton .fa-times{color:#333;background-color: #fff;}
#webinfocontainer{margin-left:1%;width:24%;box-sizing: border-box;float:left;position:relative;}
#websiteContainer{
    z-index:30001;position:fixed;top:0px;left:0px;width:100%;height:100%;background: #fff;
    display:none;
}
.cleaner{clear:both;}



.fa{color:#fff;display:inline-block;background:#000;padding:4px;width:24px;height:24px;font-size:16px;text-align:center;margin-right:4px;}
a:has(i.fa){margin-right:10px;}
.fa-info:hover{cursor:pointer;}
.fa-refresh:hover{cursor:pointer;}

.wrap {
    white-space: pre-wrap;      /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap;     /* Opera <7 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    word-wrap: break-word;      /* IE */
}

div.full{height:100%;height:100%;display: flex;align-content: center;align-items: center;}
#doubleAuthform{display:none;}
#loginform,#doubleAuthform {width:370px;left:50%;margin-left:-185px;position:relative;height:160px;}
#loginform .label, #doubleAuthform .label {width:150px;margin-right:20px;margin-bottom:20px;float:left;font-size:20px;padding-top:10px;font-weight:bold;}
#loginform .input, #doubleAuthform .input {width:200px;margin-bottom:20px;float:left;font-size:20px;}
#loginform .input input, #doubleAuthform .input input{font-size:20px;padding:10px;width:100%;}

.adminContent table{background-color: #fff; position: relative;min-width:1024px;}
.adminContent table .entityInfoContainer{border-bottom: 1px solid #e8e8e8;}
.adminContent table .entityInfoContainer:hover,.adminContent table .entityInfoContainer:hover .td1, .adminContent table .entityInfoContainer:hover .td2{background:#fcfcfc !important;}
.adminContent table .entityInfoContainer .mainId{width:40px;text-align: center;}
.adminContent table tr td{background-color:#fff;color:#666;}
.adminContent table tr .td1,.adminContent table tr .td2{padding:10px;}
.adminContent table .tdTitle{background-color:#fafafa;color:#000;border-bottom: 1px solid #e8e8e8;}
.adminContent table td span.key{padding:3px 5px;border:1px solid #aaa; color:#aaa;margin-right:5px;}
.entityManagementContainer #results{border-radius:10px;background: #fff;margin-top:20px;padding:20px 0px;position: relative;overflow:hidden;overflow-x: scroll;}
.navigationBar{float:left;position:relative;margin-left:20px;margin-top:20px;}
.addEntityButton{margin-right:20px;margin-top:20px;}
div.searchContainer{border-radius:10px;background: #fff;margin-top:20px;padding:20px 20px;}
#jobPopupTkp #tkpInsidePopup{background-color: #f0f2f5 !important;}
#jobPopupTkp #tkpInsidePopup #adminMainContainer{padding:0px;background-color: #f0f2f5;}
#header.header,#header.header a {color:#eee;position:relative;}
#header.header h1{font-size: 30px;color:#fff;}
#header.header ul{margin:0px 0px 0px 0px;padding:0px;position:absolute;left:20px;bottom:0px;}
#header.header ul li{display:inline-block;width:100px;padding:10px;background:#333 !important;text-align:center;margin : 0px 0px 0px 0px;color:#ccc;}
#header.header ul li.on{background:#f0f2f5 !important;color:#333;}
#header.header ul li.on .fas{color:#333;}
#header.header ul li.tabhome{width:60px;padding:11px 10px;}
#header.header ul li.tabAccountRights{width:150px;padding:11px 10px;}
#header.header .access{position:absolute;top:20px;right:0px;margin-right:20px;color:#fff;}
#header.header .access i.fa{color:#fff;background-color: transparent;font-size:20px;}
#header.header .language {border:0px;background-color:#333;position:absolute;top:15px;right:20px;}
#header.header .language ul{width:40px;float:right;border:0px;height: 30px;margin:0px;padding:0px;overflow:hidden;position:relative;}
#header.header .language ul:hover{overflow: unset;}
#header.header .language ul li{display:block;width:40px;border: 0px;background-color:#eee;padding:10px 10px 0px 10px;min-height:30px;line-height: 20px;text-align: center;box-sizing: border-box;color:#fff;}
.adminContent .content{width:96%;margin:30px 2%;background-color:#fff;padding:30px;border-radius:10px;}
#header #breadcrumbs, #header #breadcrumbs a{color:#fff;}
.adminContent .content3{width:29%;}
.adminContent .content4{width:23%;}
.adminContent .content2{width:48%;}
.adminContent .contentPart{float:left;border:1px solid #ddd;margin:15px 2% 15px 0%;}
.adminContent .contentPart h3{height:40px;display:block;font-size:18px;}
.adminContent h3{font-size:18px;margin:10px 0px;}
.adminContent .content .number {
    color: #2C5390;
    font-weight: bold;
    font-size: 30px;
}

.adminContent .content .number.numberbenchmark {
    color: rgb(249, 190,170);
    font-weight: bold;
    font-size: 20px;
}
table tr td.numberbenchmark{color: rgb(249, 190,170);}
h2{font-size: 30px;font-family: "Crimson Pro";margin:0px 0px 30px 0px;color:#333;}
#tkpWaitPopup{
    z-index: 999998;
    width: 100%;top:0px;left:0px;
    height: 100%;
    position: fixed;
    background: transparent;

}
#tkpWaitPopup img{width:60px;height:60px; top: 30px; z-index: 999999;position:absolute;
    right: 25px;}


table.genericTable {border-collapse: collapse;}
table.genericTable tr.title td{font-weight: bold;}
table.genericTable tr td{padding:10px;border-bottom: 1px solid #ccc;vertical-align: top;}
table.genericTable tr.limited{max-height: 100px;overflow:hidden;}
table.genericTable tr td.updateclick:hover{cursor:pointer;}

table .orderContainer {width:15px;height:31px;float:left;margin-right:5px;margin-top:-10px;padding:0px;box-sizing: border-box;}
table .orderContainer .orderItem{width:20px;height:5px;margin-bottom:1px;padding:0px;}
table .orderContainer .orderItem .fa-caret-up,table .orderContainer .orderItem .fa-caret-down{height:10px;width:10px;font-size:20px;color:#333;background-color:transparent;padding:0px;}
table .orderContainer .orderItem.on .fas{color:red;}
table .bottomLayer {
    position: absolute;
    padding: 10px 10px 5px 10px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    background: rgb(55, 154, 139);
    background: -moz-linear-gradient(0deg, rgba(55, 154, 139, 1) 30%, rgba(255, 255, 255, 0.6404936974789917) 88%);
    background: -webkit-linear-gradient(0deg, rgba(55, 154, 139, 1) 30%, rgba(255, 255, 255, 0.6404936974789917) 88%);
    background: linear-gradient(0deg, rgba(55, 154, 139, 1) 30%, rgba(255, 255, 255, 0.6404936974789917) 88%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#379a8b",endColorstr="#ffffff",GradientType=1);
}

div.label, div.input{float:left;min-width:100px;margin-bottom:10px;}
div.label{font-weight:bold;}
div.input i.fas:hover{cursor:pointer;}


.posts .post{width:100%;margin-bottom:20px; border:1px solid #ccc;padding:10px 10px 10px 10px;
    border-radius: 10px;min-height:300px;max-height:300px;overflow:hidden;position:relative;
    float:left;width:32%;margin-right:1%;
}
.post .actions{position:absolute;padding:10px;bottom:0px;right:0px;left:0px;;
    background: rgb(55,154,139);
    background: -moz-linear-gradient(0deg, rgba(55,154,139,1) 30%, rgba(255,255,255,0.6404936974789917) 88%);
    background: -webkit-linear-gradient(0deg, rgba(55,154,139,1) 30%, rgba(255,255,255,0.6404936974789917) 88%);
    background: linear-gradient(0deg, rgba(55,154,139,1) 30%, rgba(255,255,255,0.6404936974789917) 88%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#379a8b",endColorstr="#ffffff",GradientType=1);
}
.post  *{font-size:15px;}
.post .profileDetails{float:left;}
.post .profileDetails *{font-size:15px;}
.post  .profilefunction{font-size:12px;}
.post  .profilefollowers{font-size:12px;color:#333;}
.post .text{margin-top:10px;}
.post .share{margin-top:10px;}
.post .share i.fa{background-color: #fff;color:#333;}
.postsContainer .postStats{width:67%;position:relative;float:left;}
.postsContainer .postStats h3{display:inline-block;margin-bottom:5px;position:relative;}
.postsContainer .postStats .numbers{width:29%;float: left;margin-right:1%;position:relative;}
.postsContainer .postStats .besties{width:70%;float: left;padding:0px 10px;overflow:hidden;position:relative;}
.postsContainer .postStats .besties .fa{background-color: #fff;color:#333;}
.postsContainer .postStats .besties table{width:100%;padding:0px;margin:0px;}
.postsContainer .postStats .number{color:rgb(24, 144, 149);padding:10px;width:100px;height:100px;display: flex;align-items: center;width:125px;}
.posts .profilePic, .watchedPosts .profilePic{width:50px;height:50px;float:left;margin-right:10px;margin-bottom:10px;}
.posts .profileDetails, .watchedPosts .profilePic{float:left;margin-bottom:10px;}
.profilePic img{width:100%;height:100%;border-radius: 25px;}
.posts .separator, .watchedPosts .separator{height:1px;width:90%;background-color: transparent;margin:10px 5%;}
.post .keyword{padding:5px 10px;background-color: green;color:#fff;border-radius:5px;font-size:12px;margin-right:3px;}
.post .keyword.sponsored{background-color:#0072B1;}

@media screen and (max-width: 1024px) {
    .cleaner3{display:block;}
    .adminContent .content4{width:31%;margin:15px 1%;}
    .posts .post{ width:48%;margin-right:1%;}
}

@media screen and (max-width: 768px) {
    .posts .post {
        width: 100%;
        margin-right: 0%;
        float: none;
    }
}