.fc-toolbar.fc-header-toolbar{
                margin-bottom: 0.7em !important;
                margin-top: 0.7em !important;
            }
            .fc-left h2{
                font-size: 24px !important;
            }
            .fc-day-header{
                padding: 7px !important;
            }
            .fc-content{
                background-color: transparent !important;
                color: #000 !important;
                font-size: 13px !important;
            }
            
            *:focus {
                outline: 0 !important;
            }
            
            *{
                font-family: "Poppins","Nunito", sans-serif;
            }
            
            #date{
                display:none;
            }
            
            /*.fc-right .fc-prev-button, .fc-right .fc-next-button{
                
                     background-color: #b1d583;
                     background-image: none;
            }*/
            
            .fc-unthemed td.fc-today{
                background-color: transparent;
            }
            
            /*th.fc-day-header.fc-widget-header {
                background-color: burlywood;
            }*/
            
            .fc-day-number{
                padding-right: 5px !important;
                font-weight: 500;
            }
            
            .fc-title{
                font-weight: 500;
                display: -webkit-box;
               -webkit-line-clamp: 1;
               -webkit-box-orient: vertical;
               overflow: hidden;
               text-overflow: ellipsis;
            }
            
            .fc-event{
                border: none !important;
                background-color: transparent !important;
            }
            .fc-time{
                color:#0069D9 !important;
            }
            
            .fc-button{
               padding: 0 0.9em !important;
            }
            
            .fc-today .fc-day-number{
                border-radius: 50%;
                width: 21px;
                height: 21px;
                padding: 5px;
                text-align:center;
                color: #fff !important;
                background-color: #EA351C !important;
            }
            
            .fc-day-number:hover{
                border-radius: 50%;
                width: 21px;
                height: 21px;
                padding: 5px;
                text-align:center;
                color: #fff !important;
                background-color: #23272B !important;
                cursor:pointer;
            }
            
            
            #LogOutFacebook,#LogInFacebook{
                display:none;
            }
            
            
            html, body{
                min-height:100%;
                        }
            body{
                height:100vh;
                background-color: #fff;
            }
                
            canvas {
                    max-width: 100%;
                    height: auto;
                    border : 2px solid black;
            }
                    
                #spinnerBtn,#alertSuccess,#alertApproved,#alertRejected{
                    display:none;
                }
                
                .validate_post,.fa-user-times,.fa-minus-circle{
                    cursor:pointer;
                }
                
                .card-body{
                    padding: 0.75rem !important;
                }
                
                .post_content{
                  display: inline-block;
                    width: 240px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }
                
                .title_posts{
                    font-size: 0.938rem !important;
                    margin-bottom: 0 !important;
                    font-weight: 600;
                }
                .content_posts{
                    font-size: 0.938rem !important;
                    margin-bottom: 0 !important;
                    font-weight: 500;
                }
                
                .FeedBackSpellSection,.SuggestionSpellSection{
                    visibility: hidden;
                }
                
                .FeedBackSection,.SuggestionSection,#ApproveSection,#RejectSection,.SimpleList,#ImagesDisplay{
                    display: none;
                }
                
                .defaultSkin{
                    border:1px solid #CED4DA;
                    border-radius: 2px;
                }
                
                .SimpleList,.ImagesList{
                    color:gray;
                    cursor:pointer;
                }
                .SimpleList:hover,.ImagesList:hover{
                    color:#EA351C;
                   
                }
                
                .PostCard{
                    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                    border-radius: 5px;
                }
                
                #text_path_row{
                    background-color:#fff !important;
                }
                
                .page-item.active .page-link {
                    color: #fff !important;
                    background-color: #333333 !important;
                    border-color: #333333 !important; 
                }
                
                .blue.page-item.active .page-link {
                    color: #fff !important;
                    background-color: #3490dc !important;
                    border-color: #3490dc !important; 
                }
                
                .dataTables_filter input[type="search"]{
                    height: 35px;
                    width: 200px !important;
                }
                
                #btnSubmitPost:hover{
                    background-color:#EA351C !important;
                    border-color:#EA351C !important;
                }
                
                .navbar-dark .navbar-nav .nav-link {
                    color : #fff !important;
                }
                
                .TypePosts{
                    padding-top: 10px;
                    visibility:visible ;
                }
                
                .CalendarChecker{
                    cursor:pointer;
                }
                
                .arabic{
                    float:right;
                }
                
        .leftside, .rightside{
          height: 50vh;
          width: 100%;
      }
      

      .leftside{
        background-image: linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.6)), url("https://cdn.wallpapersafari.com/8/75/Se4Axw.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        /*filter: grayscale(1);*/
      }
      
      .leftside:hover{
          background-image: linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0.4)), url("https://cdn.wallpapersafari.com/8/75/Se4Axw.jpg");
      }

      .rightside{
        background-image: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.4)), url("https://howtostartablogonline.net/wp-content/uploads/2017/01/Social-Media-Icons-Color-Splash-Montage-Landscape.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
      }
      
      .rightside:hover{
          background-image: linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.2)), url("https://howtostartablogonline.net/wp-content/uploads/2017/01/Social-Media-Icons-Color-Splash-Montage-Landscape.jpg");
      }
      
      /*.rightside:hover h5,.rightside:hover h3,.leftside:hover h5,.leftside:hover h3{
          text-shadow: 1px 1px 2px black, 0 0 1em white, 0 0 0.2em white;
      }*/
      
        
     @media screen and (max-width:768px) {
        .block-width{
            width: 75%;
        }
        .w-md-50{
            width: 100%;
        }
        .w-md-75{
            width: 100%;
        }
      }

      @media screen and (min-width:768px) {
        .leftside, .rightside{
          height: 100vh;
      }
        .block-width{
            width: 42%;
        }
        .w-md-50{
            width: 50%;
        }
        .w-md-75{
            width: 100%;
        }
      }
      
      .h3_title,.h5_text{
            text-shadow: 1px 1px 2px black, 0 0 1em white, 0 0 0.2em white;
        }
        
        input[type=color] {
          visibility: hidden;
        }
        
        .color_label {
          background-color: black;
          height: 32px;
          border-radius: 50%;
          border: 1px solid #000;
          width: 32px;
          cursor: pointer;
        }
        
        .bgcolor_label {
          background-color: white;
          height: 32px;
          border-radius: 50%;
          border: 1px solid #000;
          width: 32px;
          cursor: pointer;
        }
   
        .carousel-control-prev-icon {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23737F88' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23737F88' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

#ExportAlert{
    display: none;
}

/*  Agora Inbox & Reports  */

.treatBorder{
    border: 1px solid grey;
    border-radius: 3px;
}
.treatCheck{
    color: grey;
}
.treatBorder:hover {
    border: 1px solid green;
}
.treatBorder:hover *{
    color: green;
}
.commentRow,.conversationRow,.hoverTreat,form-check-input{
    cursor: pointer;
}

.longtext {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
       -webkit-line-clamp: 1; /* number of lines to show */
               line-clamp: 1; 
       -webkit-box-orient: vertical;
}
            
.section::-webkit-scrollbar {
    width: 10px;
}
.section::-webkit-scrollbar-track {
    background-color: #F9F9FA;
}
.section::-webkit-scrollbar-thumb {
  background-color: #D6DAE0 ;
  border-radius: 6px;
  border: 3px solid lightgrey;
}

#actionsSection,#TimeOutAlert{
    display: none;
}
.ResumeSection,.Section_Facebook,.Section_Instagram{
    display: none;
}
.ResumeCard{
    cursor: pointer;
}
.ResumeCard:hover{
    border: 1px solid #046EE5;
}
.Account:hover p{
    color: #178DFE;
}
.Account.active{
    border: 2px solid #3A9EFE;
}
.activeSection{
    border-left: 3px solid #FF6726;
}
/* Center the loader */
#loader {
  position: absolute;
  left: 50%;
  top: 50vh;
  z-index: 1;
  width: 70px;
  height: 70px;
  margin: -76px 0 0 -76px;
  border: 12px solid #f3f3f3;
  border-radius: 50%;
  border-top: 12px solid #FF6726;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

.blured{
    filter: blur(10px);
    pointer-events: none;
}

.addaccount,.concurrent_table,.ContenuReports,.AudienceReports,.btn_Concurrents,.ConcurrentReports,.InboxSection,.CalendarSection,.ReportsSection,.CommunityManagementSection{
    display: none;
}

.report_post_content{
    overflow: hidden;
    width: 90%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

input[type=checkbox].selectTreat, .selectAllCheck {
  transform: scale(1.6);
  margin: 10px;
  cursor: pointer;
}

.selectAllCheck,.selectTreat { filter: hue-rotate(240deg) }

.dataTables_filter {
    display: none;
}

.page-link {
    cursor: pointer;
}