/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.

You're the boss, so have fun editing!

--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Global Styles
2.0 - Responsive media queries (mobile styles)
	2.1 - MAXIMUM width of 720 pixels (phones landscape)
	2.2 - MAXIMUM width of 350 pixels (phones portrait)
	2.3 - MINIMUM width of 721 pixels (tablets+)
	2.4 - MINIMUM width of 1040 pixels (desktops and laptops)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 - Global Styles
--------------------------------------------------------------*/

#main-wrap {
	border-left: 1px solid #ddd;
}
.group-single #secondary, #secondary {
	border-left: 1px solid #ddd;
}
body.is-desktop.left-menu-open[data-logo="1"] #right-panel
{
	margin-top: 0 !important;
}
body.is-desktop:not(.left-menu-open)[data-logo="1"] #right-panel
{
	margin-top: 0 !important;
}

.is-desktop.bp-user #item-header-content {
	margin-top: 14px !important;
}
body.buddypress #item-header-content .location {
	white-space: normal;
	display: block;
}

body.left-menu-open #mastlogo #logo img {
	width: auto; max-width: 160px;
}



.alert {
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;
}
.alert-primary {
	color: #004085;
	background-color: #cce5ff;
	border-color: #b8daff;
}
.alert-secondary {
	color: #383d41;
	background-color: #e2e3e5;
	border-color: #d6d8db;
}
.alert-success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}
.alert-danger {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}
.alert-warning {
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;
}
.alert-info {
	color: #0c5460;
	background-color: #d1ecf1;
	border-color: #bee5eb;
}


#menu-buddypanel {}
#menu-buddypanel .menu-item .sub-menu-wrap .sub-menu {
	background-color: red;
	padding: 5px 0;
}
#menu-buddypanel .menu-item .sub-menu-wrap>ul>li>a {
	color: white;
}


.bp-docs-fullscreen-btn-container {
	text-align: right;
	margin-top: -30px;
	margin-bottom: 30px;
	margin-right: -30px;
	opacity: 0.7;
}
.bp-docs-fullscreen-btn-container:hover {
	opacity: 1;
}
body.bp-docs-fullscreen {}
body.bp-docs-fullscreen .site-header,
body.bp-docs-fullscreen #left-panel,
body.bp-docs-fullscreen #right-panel #item-header,
body.bp-docs-fullscreen #right-panel #buddypress #item-nav,
body.bp-docs-fullscreen #right-panel #buddypress #subnav,
body.bp-docs-fullscreen #right-panel #buddypress .doc-permissions,
body.bp-docs-fullscreen #right-panel #buddypress .doc-tabs,
body.bp-docs-fullscreen #right-panel #buddypress .doc-attachments,
body.bp-docs-fullscreen #right-panel #buddypress .doc-meta,
body.bp-docs-fullscreen #right-panel #buddypress .comments-area,
body.bp-docs-fullscreen #right-panel .widget-area,
body.bp-docs-fullscreen #cometchat_userstab
{
	display: none !important;
}
body.bp-docs-fullscreen #right-panel #right-panel-inner {
	margin-left: 0 !important;
}
body.bp-docs-fullscreen #right-panel #primary.site-content {
	width: 100% !important;
}


.pm-pro-file-container .image-content img {
	width: 32px
}
.pm-pro-file-container .pm-folders-list li .image-content {
	height: 135px;
}
.pm .pm-discussion .pm-new-message-form.pm-col-6 {
	width: 100%;
}
.pm .pm-discussion .pm-blank-template .pm-content {
	max-width: 100%;
	padding-left: 25px;
}



div#buddydrive-main ul#buddydrive-browser
{
	margin-top: 15px !important;
}
div#buddydrive-main ul#buddydrive-browser li .buddydrive-icon {
	width: 50px !important;
	height: 50px !important;
}
div#buddydrive-main ul#buddydrive-browser li .buddydrive-icon img {
	width: 50%;
}
div#buddydrive-main ul#buddydrive-browser li .buddydrive-content .buddydrive-title .buddydrive-name {}
div#buddydrive-main ul#buddydrive-browser li .buddydrive-content .buddydrive-title .buddydrive-name a {
	word-break: break-all;
}
div#buddydrive-main ul#buddydrive-browser li .buddydrive-content {
	margin-left: 50px !important;
}
div#buddydrive-main ul#buddydrive-browser li .buddydrive-content .buddydrive-actions {
	position: absolute;
	left: 0;
}

#pmpro_levels_pricing_tables .pricing-header {
	background-color: #30445C;
	height: 150px;
	color: #fff;
}
#pmpro_levels_pricing_tables .active .pricing-header {
	background-color: #d82520;
}
#pmpro_levels_pricing_tables .active .pricing-header .separator:after {
	background-color: #fff;
}
#pmpro_levels_pricing_tables .pricing-content {
	color: #30445c;
}
#pmpro_levels_pricing_tables .checklist ul li:before {
	color: #30445c;
	width: 30px;
}
#pmpro_levels_pricing_tables .checklist.unchecked ul li:before {
	color: #d82520;
}
#pmpro_levels_pricing_tables .pricing-button .pmpro_btn {
	background-color: #30445c;
	color: #fff;
}
#pmpro_levels_pricing_tables .active .pricing-button .pmpro_btn {
	background-color: #d82520;
}

#pmpro_pricing_fields .checklist ul li:before {
	color: #30445c;
	width: 30px;
}
#pmpro_pricing_fields .checklist.unchecked ul li:before {
	color: #d82520;
}


.pm-calendar .fc-button {
	width: 100px;
}
.pm-calendar .fc-toolbar .fc-left,
.pm-calendar .fc-toolbar .fc-left {
	margin-bottom: 20px;
}


.is-mobile #buddypress #mobile-item-nav ul li,
.is-mobile #buddypress div#subnav.item-list-tabs ul li a
{
	background-color: #30445c !important;
}


.ead-options li {
	width: 16.5% !important;
}
.ead-options li span {
	padding: 44px 5px !important;
}



.widget_rendez_vous_upcoming_widget {}
.widget_rendez_vous_upcoming_widget small {
	margin-left: 10px;
	color: #bcbcbc;
}

/*--------------------------------------------------------------
2.0 - Responsive media queries (mobile styles)
--------------------------------------------------------------*/

@media screen and (min-width: 481px) {
	header#masthead {
		position: relative;
	}
	.page-right-sidebar .site-content {
		border-right: 0px;
	}

	body.left-menu-open #left-panel #scroll-area{
		box-shadow: none;
		position: relative !important;
	}

	.left-menu-open #right-panel-inner {
		 z-index: auto;
	}
}

@media screen and (max-width: 915px) {
	.ead-options li {
		width: 33.33% !important;
	}
}

@media screen and (max-width: 425px) {
	.bp-docs-fullscreen-btn-container {
		margin-top: 0;
		margin-right: 0;
	}
}

/*--------------------------------------------------------------
2.1 - MAXIMUM width of 720 pixels (phones landscape)
--------------------------------------------------------------*/
@media screen and (max-width: 720px)
{
	.rendez-vous-frame .media-sidebar {
		display: block;
		width: 100%;
		position: relative;
		padding: 0;
	}
	.rendez-vous-frame .list-rdv-days fieldset {
		margin-right: 0px;
	}
	.rendez-vous-frame .list-rdv-days fieldset,
	.rendez-vous-frame .list-rdv-days li div.use-calendar {
		margin-right: 0px;
	}


}/* don't delete this closing bracket */

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


	.is-mobile #mobile-menu.menu-panel .menu-buddypanel-container {
		display: none;
	}
	.is-mobile #mobile-menu.menu-panel #header-menu .menu-item.current-menu-item {
		background-color: rgba(0,0,0,.3);
	}
	.is-mobile #mobile-menu.menu-panel #header-menu .menu-item.dropdown {
		background-color: whitesmoke;
	}
	.is-mobile #mobile-menu.menu-panel #header-menu .menu-item a {
		color: black;
	}


	#left-panel.menu-panel .bp_components.mobile ul.ab-top-menu.ab-top-secondary {
		display: block;
	}
	body.left-menu-open .menu-panel #wp-admin-bar-pm_search,
	body.left-menu-open .menu-panel #wp-admin-bar-bp-notifications
	{
		display: none;
	}

	#left-panel.menu-panel ul li a span.display-name,
	#left-panel.menu-panel .bp_components.mobile .logout-link
	{
		color: black;
	}
	#left-panel.menu-panel a.open-submenu .fa {
		color: #d82520;
	}
	#left-panel.menu-panel .bp_components.mobile .logout-link {
		border-top: 1px solid rgba(197, 197, 197, 0.68);
	}

	/*#left-panel.menu-panel #left-panel-inner .menupop>a:not(.open-submenu) {
		padding-top: 10px;
		padding-bottom: 10px;
	}*/
	#left-panel.menu-panel #left-panel-inner .menupop.with-avatar>.ab-item {
		display: none;
	}

	#left-panel.menu-panel .bp_components ul li ul li.menupop.dropdown {
		background-color: whitesmoke;
	}
	#left-panel.menu-panel .bp_components ul li ul li.menupop .ab-sub-wrapper {
		background-color: white;
	}
	#left-panel.menu-panel .bp_components ul li ul li.menupop .ab-sub-wrapper a.ab-item {
		color: black;
	}

	body:not(.logged-in) .menu-panel .bp_components a {
		color: #000;
	}

	.is-mobile #buddypress #mobile-item-nav ul li,
	.is-mobile #buddypress div#subnav.item-list-tabs ul li a {
		background-color: #dfe3e7;
	}

	.fc .fc-button-group>* {
		/* float: left; */
		margin: 0 0 0 -1px;
	}
	.is-mobile #mobile-header {
		background-color: #30455c;
	}


}/* don't delete this closing bracket */





/*--------------------------------------------------------------
2.2 - MAXIMUM width of 350 pixels (phones portrait)
--------------------------------------------------------------*/
@media screen and (max-width: 350px) {


	/*
	.just_an_example {
		color: black;
	}
	*/


}/* don't delete this closing bracket */





/*--------------------------------------------------------------
2.3 - MINIMUM width of 721 pixels (tablets+)
--------------------------------------------------------------*/
@media screen and (min-width: 721px)  {


	/*
	.just_an_example {
		color: black;
	}
	*/


}/* don't delete this closing bracket */





/*--------------------------------------------------------------
2.4 - MINIMUM width of 1024 pixels (desktops and laptops)
--------------------------------------------------------------*/
@media screen and (min-width: 1024px)  {

	div#buddydrive-main:not(.mini) ul#buddydrive-browser li {
		width: 24% !important;
		margin-right: 10px;
		padding: 5px;
		margin-left: 0px;
		height: 120px;
	}


}


/*--------------------------------------------------------------
2.4 - MINIMUM width of 1040 pixels (desktops and laptops)
--------------------------------------------------------------*/
@media screen and (min-width: 1040px)  {


	/*
	.just_an_example {
		color: black;
	}
	*/


}/* don't delete this closing bracket */
#doc-content-textarea .awsm-embed img{
	margin:5px;
}
#doc-content-textarea #insert-media-button{
	display:none;
}
#doc-content-textarea #files_media_link {
	display:none;
}