@import url(/partners/common/statics/fontAwesomeIcons.css?date=20170206);
:root{--main-bg-color:#0299d2;
    --second-bg-color:#eee;
    --main-font-color:#fff;
    --second-font-color:#000;
    --title-underline-color :#666;
    --admin-link-color :#0299d2;
}
@font-face {
    font-family: 'Crimson Pro';
    src: url('/partners/main/statics/fonts/CrimsonPro-VariableFont_wght.ttf') format('truetype')
}
@font-face {
    font-family: 'Roboto';
    src: url(/partners/main/statics/fonts/roboto/Roboto-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Roboto';
    font-weight:300;
    src: url(/partners/main/statics/fonts/roboto/Roboto-Light.ttf) format('truetype'), url(/partners/main/statics/fonts/roboto/7Auwp_0qiz-afTLGLQjUwkQ.woff2) format('woff2');
}
@font-face {
    font-family: 'police_light';
    font-weight:300;
    src: url(/partners/main/statics/fonts/roboto/Roboto-Light.ttf) format('truetype'), url(/partners/main/statics/fonts/roboto/7Auwp_0qiz-afTLGLQjUwkQ.woff2) format('woff2');
}
@font-face {
    font-family: 'Roboto';
    font-weight:700;
    src: url(/partners/main/statics/fonts/roboto/Roboto-SemiBold.ttf) format('truetype');
}
@font-face {
    font-family: 'Roboto-Black';
    src: url(/partners/main/statics/fonts/roboto/Roboto-Black.ttf) format('truetype');
}
*{color:#666;font-size:18px;box-sizing: border-box;font-family: Roboto;}
a{color:#000;text-decoration:none;}
a.action{color:#1b9b5e;text-decoration:none;}
a:hover{text-decoration: underline;}
.cleaner3, .cleaner2 {display:none;}
div.input input {font-size:20px;padding:10px 20px;}
.error, .watchOut {
    font-size: 18px;
    line-height: 19px;
}
textarea,input[type="text"], input[type="password"]
{background-color:#fff !important;font-size:20px !important;font-family: Roboto;border-radius:5px;
    border:2px solid #e1e4ed;
    padding:10px 20px !important;
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4) !important;
    -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4) !important;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4) !important;
    color:#333;
    webkit-text-fill-color: #333 !important;

}
input[type="text"]:placeholder-shown, input[type="password"]:placeholder-shown {
    background-color: #e1e4ed ;
    border:2px solid #e1e4ed;
    padding:10px 20px !important;
    -webkit-box-shadow: 0 0 0 1000px #e1e4ed inset !important;
    box-shadow: 0 0 0 1000px #e1e4ed inset !important;
    color:#333;
    webkit-text-fill-color: #333 !important;
}
.searchContainer  input[type="text"]:placeholder-shown {
    border:2px solid #e1e4ed;
    padding:10px 20px !important;
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4) !important;
    -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4) !important;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4) !important;
    color:#333;
    webkit-text-fill-color: #333 !important;
}
input[type="text"].fillError:placeholder-shown, input[type="password"].fillError:placeholder-shown {
    background-color: red ;
    border:2px solid red;
    padding:10px 20px !important;
    -webkit-box-shadow: 0 0 0 1000px red inset !important;
    box-shadow: 0 0 0 1000px red inset !important;
    color:#333;
    webkit-text-fill-color: #333 !important;
}

input[type="text"]:-webkit-autofill, input[type="text"]:-webkit-autofill:focus,
input[type="password"]:-webkit-autofill, input[type="password"]:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #fff inset, 0px 2px 5px rgba(0, 0, 0, 0.4) !important;
    box-shadow: 0 0 0 1000px #fff inset,0px 2px 5px rgba(0, 0, 0, 0.4) !important;
    color:#333;
    webkit-text-fill-color: #333 !important;
}
input[type="text"].fillError:not(:placeholder-shown), input[type="password"].fillError:not(:placeholder-shown),input[type="text"].fillError, input[type="password"].fillError{
    background-color:red !important;font-size:20px !important;
    border:2px solid red;
    -webkit-box-shadow: 0 0 0 1000px red inset !important;
    color:#fff;
    padding:10px 20px !important;
    -webkit-text-fill-color: #fff !important;
}
input:focus{
    outline: none;
}

button, input[type=submit], input[type=button], .button, .contentAdmin .button {
    padding:10px 10px !important;font-size:22px !important;border-radius:5px;font-weight: bolder;
}
.mainHome button{padding:20px 10px !important}
input.forceInput, input.forceInput.fillError{padding:10px 20px !important;font-size:20px;}
body {display: block;  margin: 0px; background-color:#ebf4f8;}
a.buttonWithIcon{text-decoration: none;}
.buttonWithIcon{display: inline-block;background-color: #2f4b68;color:#fff;font-size:18px;padding:2px 10px 2px 5px;border:1px solid #2f4b68;text-decoration: none;}
.buttonWithIcon:hover{background-color: #fff;color:#2f4b68;}
.buttonWithIcon:hover .fa{background-color: #fff;color:#2f4b68;}
.buttonWithIcon span{color:#fff;font-size:18px;}
.buttonWithIcon:hover span{color:#2f4b68;}
.buttonWithIcon .fa{background-color: #2f4b68;color:#fff; border-right:1px solid #fff;width:28px;height:26px;font-size:18px !important;padding:4px 6px 4px 3px;}
.buttonWithIcon.buttonWithIconLinkedIn{background-color: #0299d2;font-size:18px;border:1px solid #0299d2;}
.buttonWithIcon.buttonWithIconLinkedIn:hover{background-color: #fff;color:#0299d2;}
.buttonWithIcon.buttonWithIconLinkedIn:hover .fa, .buttonWithIcon.buttonWithIconLinkedIn:hover .fas{background-color: #fff !important;color:#0299d2;}
.buttonWithIcon.buttonWithIconLinkedIn .fa{background-color: #0299d2 !important;font-size:18px;}
.buttonWithIcon.buttonWithIconSelect{background-color: #fcfcfc !important;font-size:18px;color:#05727f !important;border:1px solid #05727f;border-radius:3px;padding:5px 10px 5px 5px;font-weight:normal;}
.buttonWithIcon.buttonWithIconSelect:hover{background-color: #fe6609 !important;color:#fff;border:1px solid #fe6609;}
.buttonWithIcon.buttonWithIconSelect span{font-size:18px;color:#05727f;}
.buttonWithIcon.buttonWithIconSelect:hover span{color:#fff;}
.buttonWithIcon.buttonWithIconSelect .fa, .buttonWithIcon.buttonWithIconSelect .fas{color: #05727f;background-color: #fcfcfc;font-size:18px !important;}
.buttonWithIcon.buttonWithIconSelect:hover .fa, .buttonWithIcon.buttonWithIconSelect:hover .fas{color: #fff;background-color: #fe6609;font-size:18px !important;}
/* formulaires admin */
.hiddenForm .label{position:relative;z-index:1000;float:left ;width:30%;display:block;margin-bottom:5px;height:30px;font-size:20px;font-weight:lighter;color:#a4a4a4;padding:0px;}
.hiddenForm .input{position:relative;width:68%;float:left;margin-left:2%;display:block;margin-bottom:30px;height:auto;}
.hiddenForm .buttons button,.hiddenForm .buttons input[type="button"],.entityInfoContainer .actionButtons button {
    margin-top: 3px;
    margin-bottom: 3px;
    font-size:18px !important;font-weight:300;padding:10px 10px !important;
}
.hiddenForm i.fa, .hiddenForm i.fas {    color: #fff;
    background-color: #2F4B68;padding:4px;
}
.entityManagementContainer .addEntityButton {
    margin-bottom: 20px;
    margin-left: 5px;
    font-size:18px !important;font-weight:300;padding:10px 10px !important;
}


body #adminMainContainer{margin-top:0px;background-color:#ebf4f8;padding:0px 0px 30px 80px;height:100%;}
body #adminMainContainer .adminContent{padding:30px;background-color:#ebf4f8;}
body #adminMainContainer .adminContent > h2{margin-left:2%;}
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;
}
#header #menubtn{
    position: relative;
    background-color:transparent;
    width: 40px;
    height: 40px;
    padding: 3px;
    cursor: pointer;
    position: absolute;top:35px;right:10px;
    border:0px;
    display:none;
}
#header #nav-icon{width:25px;height:25px;}
#header #nav-icon span:nth-child(2) {top: 8px;}
#header #nav-icon span:nth-child(3) {top: 16px;}
#header #nav-icon.open span:nth-child(1) {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);top: 3px;left: 3px;}
#header #nav-icon.open span:nth-child(2) {width: 0;opacity: 0;}
#header #nav-icon.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);top: 20px;left: 3px;}

#header #nav-icon span{background: #fff;height:3px;}
#menu .item{width:100%;border:2px solid #fff;text-align: center;margin-bottom:20px;}
#menu .item.itemPicto{padding:15px;}
#menu .item.itemPictoHome{margin-bottom:80px;}
#menu .item:hover .fa, #menu .item .fa:hover{color:#fe6609;}
.menuAdmin ul li.adminLogo{float:left;margin-top:-10px;width:200px;}
#adminMainContainer .containerburgerMenuContent{border-top:3px solid #ebf4f8;width:100%;right:-100%;left:auto;position:fixed;display:block;z-index:999999;background:#333;color:#ccc;padding:0px 0px;box-sizing: border-box;overflow:hidden;}
#adminMainContainer  .containerburgerMenuContent #menuItems{width:100%;overflow: hidden;
    padding: 10px 20px;}
#adminMainContainer .containerburgerMenuContent #burgerScrollContainer{
    width:100%;overflow-y:scroll;height:100%;
}
.containerburgerMenuContent.hiddenBurger{display:none;}
/*
.containerburgerMenuContent ul{margin:0px;position:relative;padding:0px;}
.containerburgerMenuContent li{position:relative;display:block;list-style: none;color:#ccc;margin:20px 0px 0px 0px;border-bottom:1px solid #ccc;padding:0px;padding-bottom:10px;font-size: 16px;}
.containerburgerMenuContent li.sub{margin-left:20px;border-bottom:1px solid #666;}
.containerburgerMenuContent li.input{margin-left:0px;border-bottom:0px;margin-top:20px;margin-bottom:-20px;}
.containerburgerMenuContent li.input input{width:100%;padding:10px 40px 10px 10px;background: transparent;border:1px solid #fff;color:#ccc;float:left;}
.containerburgerMenuContent li.input img{float:left;margin-left: -30px;margin-top:10px; width:20px; height:20px;}
.containerburgerMenuContent li.input img:hover{cursor:pointer;}
.containerburgerMenuContent li a{color:#ccc;}
*/
.mobileOn{display:none !important;}
body #adminMainContainer .header{padding:20px 20px 50px 20px;width:100%;
    background-image:  url("/partners/main/statics/img/header-imloop.webp");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
}
body #adminMainContainer .header:before{
    content:'';
    position: absolute;
    background: rgba(47, 75, 104, 0.8);
    top:0px;left:0px;width:100%;height:100%;
}
#menu .item .fa-chart-simple{background-color:#fff !important;font-size: 30px; color: #2f4b68; position: relative;height:30px; width:30px;}
#menu .item .fa-chart-line{background-color:#fff !important;font-size: 30px; color: #2f4b68; position: relative;height:30px; width:30px;}
#menu .item .fa-list-check{background-color:#fff !important;font-size: 30px; color: #2f4b68; position: relative;height:30px; width:30px;}
#menu .item .fa-layer-group{background-color:#fff !important;font-size: 30px; color: #2f4b68; position: relative;height:30px; width:30px;}
#menu .item .fas:hover, #menu .item .fas on{color:#fe6609 !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;}
#subMenu .on{font-weight: bolder;text-decoration: underline;}
.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:#2f4b68;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%;display: flex;align-content: center;align-items: center;justify-content:center;flex-direction: column;}
#doubleAuthform{display:none;}
#loginform,#doubleAuthform {width:300px;position:relative;}
#loginform .label, #doubleAuthform .label {width:100%;margin-right:0px;margin-bottom:5px;font-size:16px;padding-top:10px;font-weight:normal;color:#a4a4a4;}
#loginform .input, #doubleAuthform .input {width:100%;margin-bottom:20px;float:left;font-size:20px;}
#loginform .input input, #doubleAuthform .input input{font-size:20px;padding:10px 20px;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:auto;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 #2F4B68; color:#fff;margin-right:5px;margin-bottom:5px;background-color:#2F4B68;}
.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: #ebf4f8 !important;}
#jobPopupTkp #tkpInsidePopup #adminMainContainer{padding:0px;background-color: #ebf4f8;}
#header.header,#header.header a {color:#eee;position:relative;}
#header.header h1{font-size: 30px;color:#fff;position: relative;margin:15px 0px 30px 0px;font-family: 'Crimson Pro';
    font-weight: 300;}
#header.header ul{margin:0px 0px 0px 0px;padding:0px;position:absolute;left:0px;bottom:0px;background-color:#fff;width:100%;}
#header.header ul li{display:inline-block;width:auto;padding:10px 20px;background-color:#fff !important;text-align:center;margin : 0px 0px 0px 0px;
    color:#98a6b4;
    border-right:1px solid #98a6b4;
    border-bottom:4px solid #fff;
}
#header.header ul li.on{background:#fff !important;color:#2f4b68;border-bottom:4px solid #fe6609;}
#header.header ul li .fas{color:#2f4b68;}
#header.header ul li.tabhome{width:60px;padding:11px 10px;}
#header.header ul li.tabAccountRights{width:auto;padding:11px 10px;}
#header.header .access{position:absolute;top:35px;right:0px;margin-right:50px;color:#fff;}
#header.header .access #name{color:#fff;}
#header.header .access i.fa{color:#fff;background-color: transparent;font-size:20px;}
#header.header .language {border:0px;background-color:transparent !important;position:absolute;top:30px;right:20px;}
#header.header .language ul{width:40px;float:right;border:0px;height: 30px;margin:0px;padding:0px;overflow:hidden;position:relative;background-color:transparent !important}
#header.header .language ul:hover{overflow: unset;background-color: transparent !important;}
#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;
    background-color: transparent !important}
.adminContent .content{width:96%;margin:30px 2%;background-color:#fff;padding:30px;border-radius:10px;}
.adminContent .content.contentTransparent{background-color:transparent;padding:0px;border-radius:0px;}
.adminContent .content.contentTransparent .content:not(.contentPart){margin:30px 0px;width:100%;}
#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:50px;display:block;font-size: 18px !important;
    margin: 0px;
    color: #2f4b68;}
.adminContent h3{font-size:22px !important;margin:10px 0px;color:#0299d2;margin-top:0px;}
.adminContent h4{font-size:20px !important;margin:10px 0px;color:#2f4b68;margin-top:0px;font-weight: bolder;}
.adminContent .content .number {
    color: #2f4b68;
    font-weight: bold;
    font-family: Roboto-Black;
    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);}
h1{font-family: "Crimson Pro";}
h2,div.title{font-size: 30px;font-family: "Crimson Pro";margin:0px 0px 30px 0px;color:#0299d2;}
div.bigTitle{font-size: 40px;line-height:35px;font-family: "Crimson Pro";margin:0px 0px 30px 0px;}
#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{height:auto !important;}
table.genericTable tr.title td{font-weight: bold;text-align: center;background-color:#ebf4f8;border:1px solid #eee;padding-bottom:30px;min-height:80px;}
table.genericTable tr td{padding:10px;border:1px solid #eee;border-top: 1px solid #ccc;vertical-align: top;text-align:center;}
table.genericTable tr.limited{max-height: 100px;overflow:hidden;}
table.genericTable tr td.updateclick:hover{cursor:pointer;}

table .orderContainer{position: absolute;bottom:5px;width:50px;height:20px;text-align: center;padding:0px;margin:0px;left:50%;margin-left:-20px;}
table .orderContainer a{float:left;position:relative;width:25px;display:block;margin:0px;padding:0px;}
table .orderContainer .orderItem{float:left;position:relative;display:inline-block;margin-right:5px;width:20px;}
table .orderContainer .orderItem i{margin:0px;width:20px;}

table .orderContainer .orderItem .fa-caret-up,table .orderContainer .orderItem .fa-caret-down{height:25px;width:20px;font-size:23px;color:#333;background-color:transparent;padding:0px;margin:0px;}
table .orderContainer .orderItem.on .fas{color:#fe6609;}
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;}

.content.posts{background:#ebf4f8;border:0px; }
.posts .post{width:100%;margin-bottom:20px; border:1px solid #ccc;padding:10px 10px 350px 10px;
    border-radius: 5px;min-height:300px;max-height:300px;overflow:hidden;position:relative;
    float:left;width:32%;margin-right:1%;background-color: #fff;
}
.post .actions{position:absolute;padding:10px;bottom:0px;right:0px;left:0px;;
    background: rgb(55,154,139);
    background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 30%, rgba(255,255,255,0.6404936974789917) 88%);
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 30%, rgba(255,255,255,0.6404936974789917) 88%);
    background: linear-gradient(0deg, rgba(255,255,255,1) 30%, rgba(255,255,255,0.6404936974789917) 88%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#379a8b",endColorstr="#ffffff",GradientType=1);
    height: 130px;padding-top:60px;
    text-align: center;
}
.post  *{font-size:17px;}
.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;color:#a4a4a4;font-size:20px;}
.post .share i.fa{background-color: transparent !important;color:#fe6609 !important;}
.postsContainer .postStats{width:67%;position:relative;float:left;}
.postsContainer .postStats h4{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: #2f4b68;
    font-weight: bold;
    font-family: Roboto-Black;
    font-size: 30px;
    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: white;color:#fe6609;font-size:12px;margin-right:3px;border:1px solid #fe6609;border-radius: 5px;}
.post .keyword.sponsored{background-color:white;}

@media screen and (max-width: 1280px) {
    .mobileOn1280{display:block !important;}
    .mobileOff1280{display:none !important;}
    #header.header ul li.mobileOn1280{display:inline-block !important;font-size:30px;}
    #tabSubMenu{position: relative;overflow: unset;}
    #tabSubMenu #subMenu{position: absolute;top:50px;width:100%;z-index:20000}
    #tabSubMenu #subMenu a.mobileOff{display: block;width:100%;position: relative;border-bottom:1px solid #fff;}
    #tabSubMenu #subMenu li{display: block;width:150px;position: relative;color:#fff;float:right;}
    #header.header ul li ul li{background-color:rgba(47, 75, 104, 1) !important;color:#fff;border-bottom:4px solid rgb(47, 75, 104) }
    #header.header ul li ul li.on{background-color: rgba(22, 75, 104, 1) !important;color:#fff;}
    .cleaner3{display:block;}
    .adminContent .content4{width:31%;margin:15px 1%;}
}

@media screen and (max-width: 1024px) {

    .posts .post{ width:48%;margin-right:1%;}
    .adminContent .contentPart {
        width: 48%;
        margin: 15px 1%;
    }
    .cleaner3{display:none;}
    .cleaner2{display:block;}

}

@media screen and (max-width: 768px) {
    * {
        font-size: 20px;
    }
    .posts .post {
        width: 100%;
        margin-right: 0%;
        float: none;
    }
    #itemPictoHome{margin-top:5px !important;}

    .mobileOn{display:block !important;}
    #header.header ul {height:auto;}
    #header.header ul li.mobileOn{display:inline-block !important;font-size:30px;}
    body #adminMainContainer .header {padding: 15px 10px 50px 10px;}
    #breadcrumbs{display:none;}
    body #menu{left: 0px;bottom: 0px;top:auto;width: 100%;
        height: 50px;z-index:10000;}
    #menu .item {
        width: 40px;
        border: 2px solid #fff;
        text-align: center;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-left: 10px;
        float:left;
    }
    body #adminMainContainer{padding-left:0px;z-index:9000;}
    body #adminMainContainer .adminContent{padding: 10px 10px;z-index:9000;}
    #header.header ul li.tabAccountRights {
        padding: 5px 10px;
    }
    #header.header h1 {
        font-size: 30px;
        color: #fff;
        margin: 10px 0px 35px 0px;
        display:inline-block;;
    }
    #header #menubtn{display:block;}
    #header.header ul li ul{left: 0px;}

    .mobileOff{display:none;}
    .adminContent .contentPart {
        width: 48%;
        margin: 15px 1%;
    }
    #header.header .access #name{display:none;}

    #header.header .access {top: 30px;right: 60px;margin-right: 10px;}
    #header.header .language {top: 25px;right: 45px;}
    #burgerScrollContainer{padding:20px 10px;}
    #burgerScrollContainer ul li{color:#fff;list-style: none;margin-bottom:20px;padding-bottom: 20px;border-bottom:1px solid #ccc;}
    #burgerScrollContainer ul li a{color:#fff;}
    #burgerScrollContainer ul li ul{margin-top:10px;margin-left:30px;}
    #burgerScrollContainer ul li ul li{padding:5px 0px 5px 20px;border-left:1px solid #ccc;margin:0px;border-bottom:0px;}
    #burgerScrollContainer ul li ul li.on, #burgerScrollContainer ul li ul li:hover{background-color: #fff;color:#333;}
}
@media screen and (max-width: 550px) {
    .adminContent .contentPart {
        width: 100%;
        margin: 15px 0%;
    }
}
@media screen and (min-width: 1024px) {
    *{color:#666;font-size:15px;box-sizing: border-box;font-family: Roboto;}
    .td2, .td2 a, .td2 a:hover, .td2 a:visited, .td2 a:link {
        font-size: 15px;
    }
    hiddenForm .buttons button, .hiddenForm .buttons input[type="button"], .entityInfoContainer .actionButtons button {
        font-size: 15px !important;
    }
    .entityManagementContainer .addEntityButton {
        font-size: 15px !important;
    }

    .notHome button, .notHome input[type=submit], .notHome input[type=button], .notHome .button, .contentAdmin .button {
        padding: 10px 10px !important;
        font-size: 15px !important;
    }

}

@media screen and (min-width: 1800px) {
    body #adminMainContainer .header{
        background-size: 1800px auto;
        background-repeat: no-repeat;
        background-position: center;
    }
}