/*
Theme Name: Staff Portal
Theme URI: http://bckmn.com/naked-wordpress
Author: J Beckman
Author URI: http://bckmn.com
Description: A super bare theme for designers who don't know Wordpress PHP but want to build with Wordpress.
Version: 1.0
License: GNU General Public License
*/

:root {
  --ms-sidebar-bg: #3B4B54; 
  --ms-main-bg: #F3F4F6;  
  --ms-standard-text-color: #212529 ;
  --ms-heading-color: #495057 ;
  
 
}


[data-bs-theme="dark"] {
  --ms-sidebar-bg: #000000;
  --ms-main-bg: #111827; 
  --bs-light-bg-subtle: #374151 ;  
  --ms-standard-text-color: #AAA ;
  --bs-body-color: #ADB5DB ;  
 
  
  --ms-heading-color: #CCC ;
  --bs-heading-color: #CCC ;
}
 




/* Core */
.grey_bg{
  background-color: var(--ms-main-bg) !important;
  }
  
[data-bs-theme="dark"] .btn-toggle::before {
	content: '' !important;
}



/* Social Posts */
.bg-white-sidebar {
	--bs-bg-opacity: 1;
	background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 70%, rgba(255, 255, 255,0.3) 100%);
	border-right: 1px solid #DDD;
}

/* Tasks */
@media (min-width: 768px) {
.logged-in .right_section.w-100 {
    width: calc(100% - 292px) !important;
}

.logged-in.page-id-2643 .right_section.w-100 {
    width: 100% !important; /* or whatever width you want */
}
}
        
 
.ql-mention-list-container {
	background: #FFF;
	border: 1px solid #CCC;
	border-radius: 10px;
}
#quill-mention-list {
	margin: 0;
	padding: 10px;
}

.ql-mention-list-item {
	list-style: none;
	line-height: 100%;
	font-size: 1rem;
	color: #666;
	padding: 5px;
	padding-right: 20px;
}
.ql-mention-list-item:last-child{}
.mention-avatar {
	border-radius: 50%;
	width: 25px;
	border: 1px solid #CCC;
	margin-right: 10px;
}
.ql-mention-list-item:hover{background: #EEE; cursor:pointer}

.ql-editor p .mention, .ql-editor li .mention, .notes-container .mention span{
  color: #36C;
  text-decoration: underline;
  	font-size: 1rem;
  }
  
.ql-editor p {
	font-size: 1rem;
	margin-bottom: 10px;
}
 .ql-editor li{	font-size: 1rem;}

.notes-container img{ width: auto; max-height: 200px}


/* Keyword Research Groups */
 
    .toggle-submenu {
        cursor: pointer;
    }
    .toggle-submenu i {
        margin-right: 5px;
    }
    ul.list-group {
        list-style-type: none;
     
    }
    ul.list-group > li { 
    } 


/* Progress Circle */
        .progress-circle {
            width: 70px;
            height: 70px;
            border-radius: 50%;
            background: conic-gradient(#007bff 0%, #007bff var(--progress), #e9ecef var(--progress), #e9ecef 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
        }
        .progress-circle::before {
            content: '';
            position: absolute;
            width: 80%;
            height: 80%;
            background: #CFF4FC;
            border-radius: 50%;
        }
        
                .page-id-1694 .progress-circle::before { 
            background: #FFF; 
        }
        .progress-circle .progress-value {
            position: absolute;
            font-size: 0.9rem;
            font-weight: bold;
        }

.page-id-1694  .progress-circle {
            width: 40px;
            height: 40px;}
.page-id-1694  .progress-circle .progress-value {
 
	font-size: 0.7rem;
	font-weight: normal;
} 


        .progress-circle.pie_success { 
            background: conic-gradient(#198754 0%, #198754 var(--progress), #e9ecef var(--progress), #e9ecef 100%);
     
        }

        .progress-circle.pie_warning { 
            background: conic-gradient(#ffc107 0%, #ffc107 var(--progress), #e9ecef var(--progress), #e9ecef 100%);
     
        }
        .progress-circle.pie_error { 
            background: conic-gradient(#dc3545 0%, #dc3545 var(--progress), #e9ecef var(--progress), #e9ecef 100%);
     
        }
        
    
.sticky-top.marketing_scan_page_detail {
	top: 55px;
}
           

/* Graph */
.gsc_button {color: #666}
.gsc_button.active {color: #FFF}

.gsc_clicks.active{background: #4285f4}
.gsc_impressions.active{background: #5e35b1}
.gsc_ctr.active{background:#00897b }
.gsc_position.active{background:#e8710a }
 
#marketingDataGraph {
    height: 350px!important; /* Adjust this value as needed */
    width: 100%!important;
}

.gsc_button .bi-check-circle{display:none}
.gsc_button.active .bi-check-circle{display:inline-block}
.gsc_button.active .bi-circle{display:none} 
 
 
 
/* Marketing pages */
.sticky-top-custom { 
    top: 125px; /* Adjusts the gap between the fixed header and the sticky element */ 
}
.sticky-top-custom .active { 
font-weight:bold
} 

/* Task select */
.selected-staff-member {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.selected-staff-member img {
    margin-right: 10px;
}

.selected-staff-member button.remove-staff {
    background: none;
    border: none;
    color: red;
    cursor: pointer;
}











        .kanban-board {
            display: flex;
        }

        .kanban-list {
            flex: 1; 
        }

        .kanban-item {
         
        }
        
        
.default-avatar {
 
}

.member-overlap-item {
	background-size: cover !important;
	width: 30px;
	height: 30px;
	margin-left: -10px !important;
	border: 2px solid #fff !important;
}









.table-striped tbody tr td{background: #FFF}


/* Menu */
.admin-bar .offcanvas.offcanvas-start {
top: 32px}


/* Domain Pricing */
.our-price-cell span, .our-transfer-price-cell span{  background: #FFF3CD;
  padding: 3px 5px;}   
  
  
  /* Third Tiers */
  /* Positioning the third tier menu */
.nav-item.dropdown .dropdown-menu .dropdown-menu {
    display: none; /* Hide third-tier by default */
    position: absolute; /* Position absolutely relative to parent */
    left: 100%; /* Position to the right of the parent item */
    top: 0; /* Align with the top of the parent item */
}

.nav-item.dropdown .dropdown-menu .nav-item.dropdown:hover > .dropdown-menu {
    display: block; /* Display third-tier on hover */
}

/* Optional: Adjust styling for third-tier dropdowns */
.nav-item.dropdown .dropdown-menu .dropdown-menu {
    margin-left: .125rem; /* Slight gap from parent menu */
    margin-top: 0; /* Align with the parent item */
}



/* Services */
.service_box.status_0 .status, .service_box.status_1 .status, .service_box.status_active .status{width: 5px;height: 90%;top: 5%;left: 5px;}
.service_box.status_1 .status, .service_box.status_active .status{background: #31C48D;}
.service_box.status_0 .status{background: #F98080;}



.page-template-submission-form .frm_primary_label {
	font-size: 16px !important;
	font-weight: bold !important;
}
.page-template-submission-form .frm_checkbox label{	font-size: 16px !important;}
.page-template-submission-form .vertical_radio .frm_checkbox{margin-bottom: 5px!important}
.page-template-submission-form.page-id-692 .frm_inline_box,
.page-template-submission-form.page-id-1288 .frm_inline_box
{min-width: 200px!important }
                          
/* LOgin */
body{background: #EEEEEE}
body.page-id-21 { 
	background: url('https://www.media-street.co.uk/wp-content/uploads/2019/10/Mask-Group-8.png');
	background-size: cover;
}

.loginbox {
	background: #EEE;
	width: 400px;
	padding: 20px;
	max-width: 80%;
}


/* Staff Page */



/* Sticky Header */
.sticky-header thead th {
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: white;  /* This ensures that the header is not transparent */
}

/* Notes height */
.notes-form {
    max-height: 400px; /* Set this to whatever height you prefer */
}

/* Nav Menu */
.nav-pills .nav-link { 
	background: #FFF;
	color: #333;
	text-align: left;
	margin-bottom: 4px;
	border: 1px solid #CCC;
}

.nav-pills .nav-link .bi-toggle2-on{color: #8CE78C}
.nav-pills .nav-link.active .bi-toggle2-on, .nav-pills .nav-link.active .bi-toggle2-off{color: #FFF}
.nav-pills .nav-link .bi-toggle2-off{color: #F29B9B}
 


/* Sidebar Nav */
.btn-toggle-nav.list-unstyled   {  background: rgba(255,255,255,0.05);}
.btn-toggle-nav.list-unstyled li{ border-bottom: 1px solid rgba(255,255,255,0.1);}


/* Counter */
 

.counter-box p {
	margin: 5px 0 0;
	padding: 0;
	color: #909090;
	font-size: 18px;
	font-weight: 500
}

.counter-box i {
 
 
}

.counter { 
	display: block;
	font-size: 32px;
	font-weight: 700;
	color: #666;
	line-height: 28px
}

.counter-box.colored {
      background: #3acf87;
}

.counter-box.colored p,
.counter-box.colored i,
.counter-box.colored .counter {
 
}




/* New Design */ 
.holiday_img img{max-width: 100%;
height: auto;
border-radius: 50%}
/* Header */
.dropdown-item.active, .dropdown-item:active{background: none}
.admin-bar .sticky-top{top:32px}


.bg-mediastreet{background: var(--ms-sidebar-bg) !important;}



.header {
	
	z-index: 99;
}
.logo {
	width: 179px;
}
.header_account button{
 
	background: no-repeat;
	border: none;
	padding: 0; 

}
.header_account button img{  border-radius: 50%;}
.header_gap{width: 100%; height: 67px}

#menu-main-menu > li{padding-left: 0.5em ; padding-right: 0.5em}


/* Add Button */
.add_button {
	right: 2%;
	bottom: 2%; 
	color: #198754; 
	font-size: 52px;
	z-index: 99;
}


/* Form */
.hideinput, .frm_screen_reader{display:none}
.horizontal_radio {
float:left;
width: 100%;}
.frm_opt_container{margin-top: 20px}
.frm_checkbox.frm_image_option {
	position: relative;
	float: left;
	background: #DDD;
	margin-right: 5px;
	margin-bottom: 5px;
	max-width: 200px;
}

.frm_verify{display:none}
.frm_checkbox.frm_image_option input{display:none}
.frm_checkbox.frm_image_option img{width: 100%; height: auto}
input[type="radio"]:checked + .frm_image_option_container .frm_selected_checkmark, input[type="checkbox"]:checked + .frm_image_option_container .frm_selected_checkmark {
	display: block;
}


.frm_image_option_container .frm_selected_checkmark {
	position: absolute;
	z-index: 99;
	left: -10px;
	top: -12px;
	display: none;
}

.frm_checkbox.frm_image_option .frm_text_label_for_image{  float: left;
  width: 100%;
  background: #0B5ED7;
  color: #FFF;
  padding: 10px;
  text-transform: uppercase;
} 


/* Cards */
    

/* Tables */
.no_img img{
display:none}

/* Apps */
.mobile_app_link{}
.mobile_app_link img{  width: 110px;   margin-bottom: 10px
}
td .mobile_app_link:last-child img{margin:0}


/* Top Menu */
#navbarText {
	flex-grow: inherit;
}
#navbarText a {
 color: #FFF
}

#navbarText .dropdown-menu li a{color: var(--bs-nav-link-color);}

/* Staff Listing Page */
.staff_hr_img_table{
width: 55px;
height: auto;
border-radius: 50%}

/* Staff Page */
.hr_bluebox {
  background: #04B7D4;
  color: #FFF;}
.hr_bluebox.Inactive {
	background: #c32229;
}
 .hr_bluebox a{  color: #FFF;}
.hr_nav_tabs, .sticky-top.marketing_scan_page_detail {
	border-top: 1px solid #16ABE1;
	background: #09abc4;
}
.hr_nav_tabs.Inactive {
	border-top: 1px solid #a11232;
	background: #dd443c;
}
.hr_nav_tabs .nav-tabs .nav-link.active, .sticky-top.marketing_scan_page_detail .nav-link.active, 
.page-id-1185 .nav_services_link, 
.page-id-1176 .nav_services_link, 
.page-id-1178 .nav_services_link, 
.page-id-1181 .nav_services_link, 
.page-id-1183 .nav_services_link,
.page-id-501 .reviews_staff ,
.page-id-523 .progression_staff , 
.page-id-1630 .nav_tasks_link  ,
.page-id-1618 .nav_tools_link ,
.page-id-1458 .nav_tools_link

{  background-color: #f07;
  color: #FFF;
  border-radius: 0;
  border: 0;}
 .hr_nav_tabs .nav-tabs .nav-link{  border: 0; color: #FFF}
 .hr_nav_tabs .nav-tabs .nav-link:hover{    border: 0;} 
 .files_btn{  
  color: #fff; 
  background: #F39324;}