/*
Theme Name: Woffice Child
Description: Child theme for Woffice
Author: Alkaweb Team
Template: woffice
*/

.main-menu li.current-menu-item.menu-item-has-icon a, .main-menu li.current_page_item.menu-item-has-icon a, .main-menu li.menu-item-has-icon>a:hover
{
  background: linear-gradient(238deg, #fd8800, #fd008f, #9700fd, #003dfd, #05c7e6, #4bd58d) !important;
  background-size: 1200% 1200%;
  -webkit-animation: rainbow 30s ease infinite !important;
  animation: rainbow 30s ease infinite !important;
}
@-webkit-keyframes rainbow {
  0% { background-position: 0% 50% }
  50% { background-position: 100% 50% }
  100% { background-position: 0% 50% }
}
@keyframes rainbow {
  0% { background-position: 0% 50% }
  50% { background-position: 100% 50%}
  100% { background-position: 0% 50% }
}

/* rendez-vous 
.media-frame {
    
    z-index: 1000;
    position: fixed;
    background: #fafafa;
    left: 50%;
   
    border: 1px solid #aaa;
	width: 80%;
    height: auto;
    margin-left:-40%;
    top: 30px;
    margin-top: 0px;
    visibility: visible;
}

button.media-modal-close {background: none !important; border: none !important;
position: absolute; top: 60px; left: 85%; background-color: #fff;
width: 20px; z-index: 1050;}
.media-modal-icon::before {font-family: "Font Awesome 5 free";content: "\f410";
font-size: 30px;}

.media-frame-title {padding: 15px 0 0 25px;}
.media-frame .media-frame-menu-heading {padding-left: 25px;}

button.media-frame-menu-toggle , div.media-menu {display:none;}

body.rendez-vous ul#rendez-vous-nav li.last {float: none;}

.media-frame-tab-panel {margin-top: 20px; }
.media-frame-router {padding-left: 20px; }

.media-menu-item {
	background-color: #fafafa;
	border-style: none;
	padding: 10px;
}


.media-router .active {
	background-color: #fff !important;
border: 1px solid #ddd;
border-bottom-color: #fff; z-index: 1050;
	position: relative;	
	top: 2px;
}
.media-frame-content {background-color: #fff; padding-right: 30px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
	
}

ul.list-rendez-vous-users {float: left; min-height: 300px;}


.media-toolbar {padding: 0 30px 30px 30px;}
.rendez-vous-frame {background-color: #fff; width: 100%; min-height: 500px; padding-top: 30px}

.rdv-days {margin-bottom: 30px;}

#rendez-vous-types-filter-form select {
    float: left;
    width: 40%;
    margin-right: 20px;
    padding: 5px !important;
    line-height: 0.5;
	height: 20px !important;}

.btn-rendez-vous {font-size: 14px;  }

a.add-public, .media-toolbar-primary button, #rendez-vous-edit-btn  a , a.button.bp-secondary-action.last , a.delete-rendez-vous, a.view-rendez-vous, a.edit-rendez-vous   {color:#fff !important; float: none; background-color: #6fa7f0;
    font-weight: 700 !important;
    padding: 8px 16px !important;
    margin: 15px 0 !important;
    border: 0;
    border-radius: .2rem !important;
    white-space: normal !important;
    font-size: .9rem !important;
	width: auto !important;
	text-transform: uppercase;
	line-height: 1 !important;
}

a.add-public:hover, .media-toolbar-primary button:hover, #rendez-vous-edit-btn  a:hover , a.button.bp-secondary-action.last:hover, a.delete-rendez-vous:hover, a.view-rendez-vous:hover, a.edit-rendez-vous:hover  {text-decoration: none !important;}

form#rendez-vous-types-filter-form {font-size: 14px;}

ul.list-rdv-fields {list-style: none;}
.rdv-fields {padding-top: 20px;}
.list-rdv-days {float: left; overflow-y: scroll !important; height: 450px; padding-right: 20px;}
.media-sidebar {float: right;
    position: relative;
    top: 0;
    right: 0;
    padding: 16px;
    
    width: 217px;
    border-left: 1px solid #ddd;
    background: #f3f3f3;
    color: #666;
}
input#media-search-input {position: absolute; right: 40px; bottom: 150px;}


.list-rendez-vous-users li.selected {border: 5px solid #007bff !important; }

.list-rendez-vous-users li.rendez-vous-users { width: 300px; background: #fafafa; margin-right: 35px;
border: 5px solid #fff; }

.list-rendez-vous-users .avatar {float: left; margin-right: 5px;}
.list-rendez-vous-users .displayname {float: left; top: 40px; position: relative; left: 20px;}
.selection-view .user-avatar {margin-right: 10px;}

.list-rendez-vous-users .selected div.media-modal-icon::before {font-family: "Font Awesome 5 free";content: "\f14a";
font-size: 30px; 
}
div.media-modal-icon {position: fixed; display: block; margin-left: 255px; height: 30px;}

.rendez-vous-users img {width: 100px;}
.rendez-vous-users {margin-right: 30px; margin-bottom: 30px;}

.list-rendez-vous-users {margin-top: 50px;}
.list-rendez-vous-users li {float: left;list-style: none; }

.media-frame-toolbar
{  padding-top: 10px;}
.selection-view li {width: 50px; float: left; list-style: none;}
.media-toolbar-primary {float: right;}
.media-toolbar-secondary {float: left; width: 80%; padding-bottom: 20px;}
.media-toolbar-primary button {z-index: 2000;}

#pag-top {margin-bottom: 10px; padding-bottom: 20px; border-bottom: 1px solid #ddd !important; }
ul#rendez-vous-list {padding-left: 10px;}
#rendez-vous-list li {list-style: none;}
#rendez-vous-list .action {padding-top: 10px; width: 150px; float: right;}
.item-avatar {width: 50px; float: left;}
.private .item {min-width: 300px; float: left;}
#pag-bottom {clear: both; padding-top: 20px;} */