/* For opportunity pages */
.heading-section {
	padding: 2rem 0;
}
.heading-section h1 {
    font-weight: 700;
    color: gray;
}
.heading-section a.btn.btn-primary {
    background-color: var(--teg-orange);
    border: 0 none;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 18px;
}
.heading-section a.btn.btn-primary:hover{
    background-color: #47569c;
}
.heading-section a.btn.btn-primary i {
    display: inline-block;
    margin-right: 10px;
}
.table-section{
    background-color: #FFF;
    padding: 20px 5px;
}
.table-section .table thead th{
    border-top:1px none;
    border-bottom: 2px solid #ccc;
}
.table-section .table tbody tr td:first-child{
    font-weight: 700 !important;
}
.table-section .table tbody tr td:nth-child(2),.table-section .table tbody tr td:nth-child(3),.table-section .table tbody tr td:nth-child(4){
    color: #666;
}
.table-section .table tbody tr td:last-child a{
    margin-right: 10px;
    color:#666;
}
.table-section .table tbody tr td:last-child a:hover{
    color: var(--teg-orange);
}


.opportunity-list .heading-section {
	padding: 1rem 1rem;
}
.opportunity-list .heading-section .heading-container {
	background-color: #eee;
    padding: 10px;
}
.opportunity-list .heading-section .heading-container img {
	display: inline-block;
	vertical-align: middle;
}
.opportunity-list .heading-section .opportunity-title-box {
	display: inline-block;
	vertical-align: middle;
    padding: 0 0 0 10px;
}
.opportunity-list .heading-section .opportunity-title-box span{
    color: #666;
}
.opportunity-list .heading-section .stage-container .stage-progress ul{
    margin:20px 0 20px 0;
}
.opportunity-list .heading-section .stage-container .stage-progress ul li a{
    border-radius: 0;
}
.opportunity-list .heading-section .stage-container .stage-progress ul li:first-child a{
    border-radius: 25px 0 0 25px;
}
.opportunity-list .heading-section .stage-container .stage-progress ul li.active a{
    background-color: #014486;
    color: #FFF;
}
.opportunity-list .heading-section .stage-container .stage-progress ul li a{
    background-color: #eee;
}
.opportunity-list .heading-section .stage-container .stage-progress ul li a:hover{
    color:var(--teg-orange);
}
.opportunity-list .heading-section .stage-container .stage-progress ul li a.active:hover{
    color:#FFF;
}
.opportunity-list .heading-section .stage-container .stage-progress ul li:last-child a{
    border-radius: 0 25px 25px 0;
}
.opportunity-list .heading-section .stage-container .stage-actions{
    padding:20px;
}
.opportunity-list .heading-section .stage-container .stage-actions a{
    color:#666;
}
.opportunity-list .heading-section .stage-container .stage-actions a:hover{
    color:var(--teg-orange);
}
.opportunity-list .heading-section .stage-container .stage-actions span{
    padding: 10px;
    background-color: #EEE;
    border-radius: 30px;
    height: 40px;
    width: 40px;
    margin-right: 15px;
}
.opportunity-list .heading-section .stage-container .stage-actions a.advise-me{
    width: auto;
    height: auto;
    color: #FFF;
}

.about-section{
    padding: 1rem;
}
.about-section .about-heading{
    background-color: #EEE;
    padding: 15px;
}
.about-section .about-heading h3{
    margin: 0;
    padding: 0;
}
.about-content{
    padding: 20px;
}
.about-content .d-flex.justify-content input[readonly]{
    border:0px none;
    border-bottom: 2px solid #333;
    background-color: transparent;
}
.about-content .d-flex.justify-content a{
    padding: 7px 8px 0 10px;
}
.about-content .save_field{
    display:none;
}

/* new changes */
body.page-template-template-peterbilt section.main-content, body.page-template-template-peterbilt .content-wrapper > .content {
    background-color: #F1F1F1;
}
.elements-block {
	background: black;
	padding: 20px;
	border-radius: 10px;
	color: #FFF;
}
.elements-list.flex-container {
	display: flex;
    gap: 15px;
    flex-wrap: wrap;
    flex-direction: row !important;
    margin-bottom: 0;
}
.elements-block ul.elements-list li {
	flex-grow: 2;
	text-align: center;
}
.row.filters-container.goals {
	margin: 0 auto;
	/* max-width: 900px; */
	width: 100%;
	background-color: #FFF;
	margin-top: 20px;
	border-radius: 10px;
	box-shadow: 0px 5px 17px -8px #666;
    padding: 10px;
    max-width: 100%;
}

.filters-container.goals .filter-title {
	font-family: Noto Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	color: #000;
	background: #FFF;
	text-decoration: underline #E45C24;
	text-decoration-thickness: 2px;
	text-decoration-style: underline;
}

.row.filters-container.goals ul {
	background: transparent;
	border-radius: 0;
	padding: 10px 25px;
	font-size: 15px;
}
.filters-container.goals ul li {
	font-size: 16px;
	list-style-type: disc;
}
#pressures_content {
    border-left: 2px solid #A6A6A6;
}
#goals_content, #pressures_content {
    height: auto;
    padding: 0 20px;
}
.initiative-parent {
    background-color: #f1f1f1;
    width: 100%;
    margin-top: 3rem;
}
.row.initiative-container {
    padding: 0;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.initiative-container .filter-title {
    position: relative;
    background: transparent;
    padding: 3px 10px;
    margin-bottom: 12px;
    color: #000;
    font-size: 20px;
    border-radius: 0;
    text-align: center;
    text-transform: uppercase;
    font-family: Noto Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: underline #E45C24;
    text-decoration-thickness: 2px;
}
.nav-pills.initiative-pills .nav-link.active, .nav-pills.initiative-pills .nav-link:hover, .nav-pills.initiative-pills .show > .nav-link {
    color: #FFF !important;
    background-color: #E45C24;
    padding: 10px;
    border-radius: 10px 10px 0px 0px;
    text-transform: uppercase;
}

.nav-pills.initiative-pills .nav-link {
    color: #000;
    background-color: #CDCDCD;
    font-size: 20px;
    padding: 10px;
    position: relative;
    border-radius: 10px 10px 0 0;
    margin: 0 auto;
    text-transform: uppercase;
}

.obstacles-main {
	width: 100%;
	padding: 15px;
	background-color: #FFF;
}

.obstacles-title-main {
	text-align: center;
	width: fit-content;
	padding: 0 58px;
	text-transform: uppercase;
	font-family: Noto Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
    display: flex;
}
.obstacles-title-main h3 {
    font-size: 26px;
    align-items: center;
    display: flex;
    text-align: center;
    width: 100%;
    color: #000;
    font-weight: 700;
}
.obstacles-main {
    display: flex;
    border-top: 2px solid #E45C24;
}
.obstacles-container {
    background-color: #FFF;
    padding: 10px;
    width: 100%;
    display: flex;
    border-radius: 0;
    align-items: stretch;
}
.obstacles-container p{
    display: flex;
}
.obstacles-container p::before{
    background-image: url(../img/icon-obs.png);
    background-repeat: no-repeat;
    content: '';
    width: 45px;
    height: 25px;
    margin-right: 10px;
}

.obstacles-container div p{
    background-color: #FFF;
    border-radius: 0;
    padding: 5px;
    font-size: 16px;
    min-height: 55px;
    text-align: left !important;
}
.obstacles-main {
    display: flex;
    flex-wrap: nowrap;
}
.projects-pills li a {
    padding: 10px 20px !important;
    background: var(--Light-Gray-Gradient, linear-gradient(180deg, #FFF 0%, #CDCDCD 100%), linear-gradient(0deg, #FFF 0%, #FFF 100%), #F1F1F1);
    text-transform: uppercase;
    font-family: Noto Sans;
    font-size: 15px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal;
}
.nav-pills.projects-pills {
    margin-bottom: 0 !important;
    border-top: 2px solid #E45C24;
}
.nav-pills.projects-pills li a {
    border-right: 2px double #A6A6A6;
}
.nav-pills.projects-pills li:last-child a {
    border-right: 0px none;
}
.projects-tab-container .tab-content {
    padding: 2rem;
    height: auto;
    background-color: #FFF;
    border-radius: 0;
}
.projects-tab-container .tab-inner-content {
    height: auto;
    font-size: 21px;
    padding-right: 1rem;
  }
.tab-inner-content ul li{
    list-style-type: disc;
    margin-left:10px;
    font-family: Noto Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; 
}
.tab-inner-content p{
    font-family: Noto Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; 
}
.tab-inner-content p b{
    font-family: Noto Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal; 
}
.tab-inner-content ul li::marker{
    color: #000;
}
.row.sales-container{
    padding: 0.5rem 0;
    width: 100%;
    background: #000;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 20px;
    border-radius: 6px;
}
.sales-container {
    display: flex;
    background-color: #000;
    padding: 1rem;
    flex-wrap: wrap;
}
.sales-container .filter-title {
    position: relative;
    background: #000;
    padding: 15px 10px 5px 10px;
    /* margin-bottom: 10px; */
    color: #FFF;
    font-size: 20px;
    border-radius: 0;
    text-align: center;
    font-family: Noto Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: underline #E45C24;
    text-decoration-thickness: 2px;
}
.sales-container .nav-tabs li{
    border: 1px none;
}
.sales-container .nav-tabs li button{
    text-transform: uppercase;
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 600;
    line-height: normal; 
    color: #000;
}

.sales-container .nav-tabs li{
    border: 1px none;
}

.sales-container .nav-tabs li button{
    border:1px none;
    color:#000 !important;
}
.sales-container .nav-tabs li:first-child button{
    margin-left: 0;
}


.nav-tabs .nav-item::after{
    border-right: 1px none !important;
}


/***------ opportunity sec ----****/


#subsalesTabs .nav-item {
    width: fit-content;
    background: linear-gradient(0deg, #F1F1F1, #F1F1F1),
linear-gradient(0deg, #FFFFFF, #FFFFFF),
linear-gradient(180deg, #FFFFFF 0%, #CDCDCD 100%);
}

#prepares1 .nav-link.active {
    border: none !important;
    color:#E45C24;
    text-align: center;
    border-bottom: 1px solid #E45C24 !important;
}

#prepares1 .nav-link{
 padding-bottom: 12px;
 padding-top: 12px;
 }

#prepares1 .nav-link{
    text-align:center;
    color: #000;
    font-size: 15px;
    font-weight: 600;
}

#subsalesTabs {
    background: linear-gradient(0deg, #F1F1F1, #F1F1F1),
linear-gradient(0deg, #FFFFFF, #FFFFFF),
linear-gradient(180deg, #FFFFFF 0%, #CDCDCD 100%);
}

#prepares1 .nav-tabs{
    border-bottom:none;
}

#prepares1 a.nav-link:hover {
    border-color: inherit !important;
    border: none !important;
}

#prepares1 a.nav-link{
    border:none !important;
}

#salesTabContent{
padding: 0px !important;
}

.sales-container .tab-pane {
  display: none;
}

.sales-container .tab-pane.active {
  display: block;
}
.sales-container .tab-pane.active {
  display: inline-block;
  width: 100%;
}

#salesTabs li.nav-item {
    width: 24% !important;
    background: #CDCDCD !important;
    margin-right: 15px;
    border-radius: 20px 20px 0px 0px;
}

#salesTabs li button {
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    text-align: center;
    background: #fff0 !important;
    margin-right: 15px !important;
}

ul#salesTabs{
width: 100%;
border:none !important;
}

#subsalesTabs .nav-link .active {
    border-bottom: 1px solid #E45C24 !important;
}

#subsalesTabs .nav-link {
    width:100%;
    background: transparent !important;
    border-radius: 0px;
    padding: 15px 25px;
    font-size: 15px;
}

ul#salesTabs .nav-link.active, .nav-tabs .nav-item.show .nav-link, ul#salesTabs .nav-link:hover{
    background-color: #E45C24 !important;
    border-radius: 20px 20px 0px 0px;
    color: #fff !important;
}

#subsalesTabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    border-bottom: 5px solid #E45C24 !important;
    color: #E45C24 !important;
    font-weight: 700;
}

#tab-projects1 .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    border-bottom: 5px solid #E45C24 !important;
    color: #E45C24 !important;
    font-weight: 700;
}

#tab-projects1 .nav-item {
    padding: 0px;
}

.obstacles-container div{
    display: flex;
    height: auto;
   flex-wrap: nowrap;
}
.video_cont iframe {
    width: 100%;
    height: 300px;
    border-radius: 22px;
    margin-bottom: 20px;
}
/*** sidebar ***/

.sidebar-sec {
    margin-top: 25px;
}

.sidebar-sec .sidebar {
    background: #F1F1F1;
    border-radius: 15px;
    padding: 31px 0px 40px;
    height: 700px !important;
}


.sidebar-sec .sidebar {
    width: 25%;
}

.sidebar-sec .nav-link {
    width: -webkit-fill-available;
    max-width: 100%;
    text-align: left;
    margin: 6px 15px;
    padding:12px 40px;
    border: none;
    border-radius: 20px;
    background: #fff !important;
    background: linear-gradient(0deg, #CDCDCD, #CDCDCD),linear-gradient(0deg, rgba(205, 205, 205, 0.4), rgba(205, 205, 205, 0.4)) !important;
    margin-bottom: 7px;
    text-transform: capitalize;
    transition-duration: 0.5s;
    transition-property: color,letter-spacing,text-decoration;
    line-height: normal;
    font-weight: 600;
    border:1px solid #CDCDCD !important;
}

.sidebar-sec .nav-link:hover{
    letter-spacing: 0.1em;
}

section.main-content {
    padding: 0px !important;
}


.sidebar-tab .sidebar ul{
    padding:0px !important;
}


ul#tab-projects1 a {
    border-radius: 0px;
    border: none;
    background:transparent;
    border-right:1px solid;
    color: #A6A6A6 !important;
}

.projects-container ul#tab-projects{
    overflow:hidden;
}

.projects-pills .nav-item{
    background: var(--Light-Gray-Gradient, linear-gradient(180deg, #FFF 0%, #CDCDCD 100%), linear-gradient(0deg, #FFF 0%, #FFF 100%), #F1F1F1);
    padding:5px 0px;

}

.sidebar-sec li button {
    font-family: Noto Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal; 
}

.sidebar-sec li ul li button {
    font-family: Noto Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; 
}

.sidebar-sec .content {
    margin-left: 20px;
    background: #F1F1F1;
    padding: 30px;
    border-radius: 15px;
    height: 700px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.content {
    margin-left: 25px;
    background: #F1F1F1;
    padding: 30px;
    border-radius: 15px;
}

.advisor-img {
    display: flex;
    justify-content: center;
}

.advisor-content p {
    color: #000;
}
.sidebar-sec .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
   background: #E45C24 !important;
}

.advisor-content {
    background: #fff;
    padding: 20px;
    border-radius: 15px;
    margin-top: 30px;
}

.sidebar-sec .nav-link.active {
    background:#E45C24 !important;
    color:#fff !important;
}

.sidebar-sec .nav-link  img {
    filter: brightness(0) invert(0);
    padding-right: 12px;
}

.sidebar-sec .nav-link.active img {
    filter: brightness(0) invert(1);
}
/*** End sidebar **/



.projects-container ul#tab-projects {
    display: flex;
    flex-wrap: nowrap !important;
}

#tab-projects a {
    font-size: 15px;
}

.sidebar-tab  .sidebar ul {
    margin-left: 0;
    padding: 0 30px !important;
}

.repository-item img{
    min-height: 100px;
    margin-bottom: 20px !important;
    cursor: pointer;
}
.repository-item p{
    cursor: pointer;
}


@media (max-width:1300px){


#tab-projects-ontent .nav {
    display: flex;
    flex-wrap: nowrap !important;
    overflow: scroll;
}

#tab-projects a {
    width: 250px;
}

#tab-projects{
   justify-content: inherit !important;
}

#tab-projects .nav-item{
   width: auto;
}


#sales-container .nav {
    display:flex;
    flex-wrap:nowrap;
    overflow: scroll;
}
#salesTabs li.nav-item{
    width:auto !important;
}

#salesTabs li button{
    width:235px !important;
    margin-right:0px !important;
}

#subsalesTabs li button{
    width:350px !important;
    margin-right:0px !important;
}

}


#sales-container .sidebar .nav{
     overflow: hidden;
}

.repository-box.row{
    width: 100%;
    margin: 0;
}
.content-icon {
	display: inline-block;
	width: 50px;
}
.content-img {
	width: 30px;
}
.content-file {
	display: inline-block;
	text-align: left;
}
.content-file span {
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
}
.col-md-4.col-sm-12.content-item {
	margin-bottom: 15px;
}
#salesTabs li.nav-item:last-child {
	margin-right: 0;
}
/***------ opportunity sec ----****/