/*!

=========================================================
* Paper Dashboard Angular - v2.0.0
=========================================================

* Product Page: https://www.creative-tim.com/product/paper-dashboard-angular
* Copyright 2019 Creative Tim (https://www.creative-tim.com)
* Licensed under MIT (https://github.com/creativetimofficial/paper-dashboard-angular/blob/master/LICENSE.md)

* Coded by Creative Tim

=========================================================

* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

*/
.tim-row {
  margin-bottom: 20px;
}

.tim-white-buttons {
  background-color: #777777;
}

.typography-line {
  padding-left: 25%;
  margin-bottom: 35px;
  position: relative;
  display: block;
  width: 100%;
}

.typography-line span {
  bottom: 10px;
  color: #c0c1c2;
  display: block;
  font-weight: 400;
  font-size: 13px;
  line-height: 13px;
  left: 0;
  position: absolute;
  width: 260px;
  text-transform: none;
}

.tim-row {
  padding-top: 60px;
}

.tim-row h3 {
  margin-top: 0;
}

.offline-doc .page-header {
  display: flex;
  align-items: center;
}

.offline-doc .footer {
  position: absolute;
  width: 100%;
  background: transparent;
  bottom: 0;
  color: #fff;
  z-index: 1;
}

@media all and (min-width: 992px) {
  .sidebar .nav>li.active-pro {
    position: absolute;
    width: 100%;
    bottom: 10px;
  }
}

.card.card-upgrade .card-category {
  max-width: 530px;
  margin: 0 auto;
}

/* Nucleo Style */

.demo-iconshtml {
  font-size: 62.5%;
}

.demo-icons body {
  font-size: 1.6rem;
  font-family: sans-serif;
  color: #333333;
  background: white;
}

.demo-icons a {
  color: #608CEE;
  text-decoration: none;
}

.demo-icons header {
  text-align: center;
  padding: 100px 0 0;
}

.demo-icons header h1 {
  font-size: 2.8rem;
}

.demo-icons header p {
  font-size: 1.4rem;
  margin-top: 1em;
}

.demo-icons header a:hover {
  text-decoration: underline;
}

.demo-icons .nc-icon {
  font-size: 34px;
}

.demo-icons section h2 {
  border-bottom: 1px solid #e2e2e2;
  padding: 0 0 1em .2em;
  margin-bottom: 1em;
}

.demo-icons ul {
  padding-left: 0;
}

.demo-icons ul::after {
  clear: both;
  content: "";
  display: table;
}

.demo-icons ul li {
  width: 20%;
  float: left;
  padding: 16px 0;
  text-align: center;
  border-radius: .25em;
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  transition: background 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
}

.demo-icons ul li:hover {
  background: #f4f4f4;
}

.demo-icons ul p,
.demo-icons ul em,
.demo-icons ul input {
  display: inline-block;
  font-size: 1rem;
  color: #999999;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

.demo-icons ul p {
  padding: 20px 0 0;
  font-size: 12px;
  margin: 0;
}

.demo-icons ul p::selection,
.demo-icons ul em::selection {
  background: #608CEE;
  color: #efefef;
}

.demo-icons ul em {
  font-size: 12px;
}

.demo-icons ul em::before {
  content: '[';
}

.demo-icons ul em::after {
  content: ']';
}

.demo-icons ul input {
  text-align: center;
  background: transparent;
  border: none;
  box-shadow: none;
  outline: none;
  display: none;
}

.fa-sign-out{cursor:pointer}
.login-section{height:274px!important;box-sizing:content-box!important;}
.login-section .login-logo{flex:0 0 30%!important}
.login-section .text-danger{margin-bottom:-24px;display:block}
.form input[type="text"], .form textarea, .form input[type="file"], .form input[type="password"], .form .ddl, .form input[type="number"], .form input[type="tel"], .form select{font-size:0.875rem}
.form input[type="text"]:focus, .form input[type="numver"]:focus textarea:focus, .form input[type="file"]:focus, .form input[type="password"]:focus, .form select:focus{border: 1px solid #8a1538!important}
.form input::-webkit-input-placeholder{color:#aaa!important;opacity:1!important}
.form input:-moz-placeholder{color:#aaa!important;opacity:1!important}
.form input::-moz-placeholder{color:#aaa!important;opacity:1!important}
.form input:-ms-input-placeholder{color:#aaa!important;opacity:1!important}
.form input::placeholder{color:#aaa!important;opacity:1!important}
.form textarea::-webkit-input-placeholder{color:#aaa!important;opacity:1!important}
.form textarea:-moz-placeholder{color:#aaa!important;opacity:1!important}
.form textarea::-moz-placeholder{color:#aaa!important;opacity:1!important}
.form textarea:-ms-input-placeholder{color:#aaa!important;opacity:1!important}
.form textarea::placeholder{color:#aaa!important;opacity:1!important}
.form .btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none!important;padding:0!important;height:48px;background:#8a1538!important;border-radius:4px!important;color:#FFF;cursor:pointer;outline:none!important;font-family:'NeoSansStdBold',sans-serif!important;position:relative!important;line-height:48px!important;text-align:center!important;font-size:1rem!important;display:inline-block!important;margin:0!important;right:auto!important;left:auto!important;top:auto!important;bottom:auto!important;overflow:inherit!important;transition:all 0.4s}
.md .content .main .block-content .summary .inner-summary h1,.md .content .main .block-content .summary .inner-summary h4{font-family:'NeoSansStdBold'!important}
.md .content .main .block-content .summary .inner-summary h4{line-height:22px}
.md .content .main .block-content .summary .inner-summary p{font-family:'NeoSansStdRegular'!important;color:inherit!important;}
.md .content .main .block-content .summary .inner-summary p span{font-family:'NeoSansStdBold'!important}
.md .content .main .block-content .summary .inner-summary app-my-circle{position:relative;top:15px}
.md .content .main .block-content .summary .inner-summary .circles-wrp:before{border:4px solid #8a1538;}

.main-panel .navbar{height:20px;width:auto!important;border:none!important;min-height:unset;line-height:20px;margin:0 0 30px;padding:19px 30px 21px!important;box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16)!important;background-color:#fff!important;color:#363636;display:flex;flex-direction:row;justify-content:space-between;box-sizing:content-box}
.main-panel .container-fluid,.main-panel .navbar .navbar-brand{padding:0;color: #363636!important;}
.main-panel .container-fluid,.main-panel .navbar .navbar-brand:hover{color:#8a1538!important}
.main-panel .navbar .navbar-nav{align-items:center}
.main-panel .navbar .navbar-nav >li{position:relative;margin-left:20px}
.main-panel .navbar .navbar-nav >li:first-child{margin-left:0}
.main-panel .navbar .navbar-nav >div{padding:0!important;}
.main-panel .navbar .navbar-nav .ui-inputtext{height:34px!important;border:1px solid #cdcdcd!important}
.main-panel .navbar .navbar-nav .ui-inputtext:focus{border:1px solid #8a1538!important;box-shadow:0 3px 6px 0 rgb(0 0 0 / 16%)!important}
.main-panel .navbar .navbar-nav .fa-search{font-size:1.5rem;padding:0!important;position:absolute;right:10px;top:4px;cursor:pointer;}
.main-panel .navbar .navbar-nav .nav-link{padding:0;margin:0;position:relative;display:flex;align-items:center;justify-content:center}
.main-panel .navbar .navbar-nav .nav-link.dropdown-toggle{padding:5px 0;font-size:0.825rem}
.main-panel .navbar .navbar-nav .nav-link:hover{color:#8a1538!important}
.main-panel .navbar .navbar-nav .nav-link .picture{width:32px!important;min-width:32px!important;border:1px solid #8a1538;background:none;height:32px!important;padding:3px;vertical-align:middle}
.main-panel .navbar .navbar-nav .nav-link .picture+span{padding:0!important;font-family:NeoSansStdRegular!important;padding-left:6px!important;font-size:0.825rem}
.main-panel .navbar .navbar-nav .nav-link i.fa-bell{padding:0!important;opacity:1}
.main-panel .navbar .navbar-nav .nav-link i.fa-bell:before{font-size:26px}
.main-panel .navbar .navbar-nav .nav-link i.fa-bell+div{position:absolute;top:-5px;z-index:1;right:-12px;border:1px solid #8a1538;background:#fff;border-radius:50%;padding:0;line-height:19px;width:20px;text-align:center;font-size:0.7rem;margin-left:0!important}
.main-panel .navbar .navbar-nav .flage{padding:0!important;margin:0!important;width:28px!important;height:28px!important;margin-left:25px!important;cursor:pointer}
.main-panel .navbar .navbar-nav .fa-sign-out{margin:0!important;margin-left:20px!important}
.main-panel .navbar .navbar-collapse .nav-item a{font-family: NeoSansStdRegular!important}
.md .content .main.home{margin:0 -30px}
.circles-wrp{position:relative;min-height:65px;min-width:65px}
.circles-wrp svg{display:none}
.circles-wrp:before{content:'';position:absolute;border:4px solid rgb(221, 221, 221);left:0;right:0;top:0;bottom:0;border-radius:50%!important}
.circles-wrp .circles-text{height:auto!important;bottom:0;justify-content:center;display:flex;align-items:center;font-size:1rem!important}
.md .content .main .block-content .rotatingLabel{font-family:'NeoSansStdRegular'!important;text-decoration:none!important;line-height:normal;cursor: default;pointer-events: none;}
.md .content .main .block-content .outcomes{}
.md .content .main .block-content .outcomes >div{display:flex;flex-direction:row;row-gap:20px;column-gap:20px;position:relative;flex-grow:1;align-items:stretch;padding:0 25px;margin:0}
.md .content .main .block-content .outcomes >div,.md .content .main .block-content .stakeholders-content,.md .content .main .block-content .enables-content .col,.md .content .main .block-content .values .col{direction:ltr;}
.md .content .main .block-content .outcomes >div>div.outcomes-content{padding:0!important;padding-top:0!important}
.md .content .main .block-content .outcomes >div>div.outcomes-content > a > div{text-align:center;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-grow:1;flex-wrap:wrap;padding:0 10px}
.md .content .main .block-content .outcomes >div>div.outcomes-content > a img{width:85px;height:auto;padding:0!important}
.md .content .main .block-content .outcomes >div>div.outcomes-content .strategy-name{cursor:pointer;font-size:1.25rem;font-family:'NeoSansStdBold';margin-bottom:0}
.md .content .main .block-content .outcomes app-my-circle{display:block;flex:0;padding:0}
.md .content .main .block-content .outcomes .circles-wrp,.md .content .main .block-content .stakeholders-content .circles-wrp,.md .content .main .block-content .internal-process-content .circles-wrp,.md .content .main .block-content .enables-content .circles-wrp{min-height:50px;min-width:50px}
.md .content .main .block-content .outcomes .circles-wrp .circles-text,.md .content .main .block-content .stakeholders-content .circles-wrp .circles-text,.md .content .main .block-content .internal-process-content .circles-wrp .circles-text,.md .content .main .block-content .enables-content .circles-wrp .circles-text{font-size:0.825rem!important}
.md .content .main .block-content .outcomes .circles-wrp:before,.md .content .main .block-content .internal-process-content .circles-wrp:before,.md .content .main .block-content .enables-content .circles-wrp:before{border:3px solid #fff}
.md .content .main .block-content .stakeholders .circles-wrp:before{border:3px solid #8a1538;transition:all 0.4s}
.md .content .main .block-content .stakeholders .strategy-name{margin-bottom:0!important;cursor:pointer;font-size:1rem;font-family:'NeoSansStdRegular';max-width:130px;display:inline-block;vertical-align:middle;}
.md .content .main .block-content .stakeholders .strategy-name span{font-family:'NeoSansStdBold'}
.md .content .main .block-content .stakeholders-content > a{justify-content:flex-start!important;flex-direction:column!important}
.md .content .main .block-content .stakeholders-content > a > div{text-align:center;padding:0 10px;display:flex!important;flex-direction:row-reverse!important;align-items:center!important;justify-content:space-evenly;flex-grow:1;flex-wrap:wrap}
.md .content .main .block-content .stakeholders-content > a > div img{display:block;vertical-align:middle;padding:0!important;flex-grow:unset;width:auto;align-self:center}
.md .content .main .block-content .stakeholders-content app-my-circle{flex-basis:100%;flex-grow:0;display:inline-block;padding:0}
.md .content .main .block-content .stakeholders-content > a:hover .circles-wrp:before{border:3px solid #f69f16}
.md .content .main .block-content .gray-section .top-arrow:before{top:-10px!important}
.md .content .main .block-content .internal-process-content >div>a+a{height:auto!important;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:10px 0;}
.md .content .main .block-content .internal-process-content >div>a+a:hover{background:#a9914c!important}
.md .content .main .block-content .internal-process-content >div>a:first-child{line-height:20px;font-size:1.125rem;font-family:'NeoSansStdBold'!important;margin-bottom:10px;min-height:41px;justify-content:center;align-items:center;display:flex}
.md .content .main .block-content .internal-process-content >div>a:first-child app-my-circle{display:inline-block;padding:0 10px;}
.md .content .main .block-content .internal-process-content >div>a:first-child app-my-circle .circles-wrp:before{border-color:inherit}
.md .content .main .block-content .internal-process-content >div>a:first-child:hover,.md .content .main .block-content .stakeholders-content > a:hover{color:#f69f16!important}
.md .content .main .block-content .internal-process-content a span{font-family:'NeoSansStdRegular'!important;padding:0 30px 10px 30px!important;position: relative;display: block!important;}
.md .content .main .block-content .internal-process-content .depart-circle-div{height:50px}
.md .content .main .block-content .enables-content h5{font-family: 'NeoSansStdBold'!important;color:#8a1538!important}
.md .content .main .block-content .enables-content a{padding:10px 0 7px 0;height:auto!important;display:flex;flex-direction:column;align-items:center;justify-content:space-between;align-self:stretch!important;}
.md .content .main .block-content .enables-content a span{padding:0 30px 10px 30px!important;position:relative!important;display:block!important;font-family:'NeoSansStdRegular'!important;}
.md .content .main .block-content .enables-content a:hover{color:#f69f16!important}
.md .content .main .block-content .enables-content .col{padding:0;column-gap:12px}
.md .content .main .block-content .enables-content >div>a:first-child app-my-circle{display:inline-block;padding:0 10px;}
.md .content .main .block-content .enables-content >div>a:first-child app-my-circle .circles-wrp:before{border-color:inherit}
.md .content .main .block-content .values h5{font-family:'NeoSansStdBold'!important}
.md .content .main .block-content .values a >div{color:inherit!important;font-family:'NeoSansStdRegular'!important;cursor:pointer}
.sidebar .nav{padding:20px 0 100px 0;width:auto!important;}
.sidebar .nav li{line-height:54px;padding:15px 2px 14px 20px;min-height:54px;display:flex;flex-direction: column;justify-content:center;}
.sidebar .nav li.active{background:#ad5c74}
.sidebar .nav li>a{overflow:unset;text-overflow:unset;white-space:normal;margin:0!important;padding:0!important;font-family: 'NeoSansStdRegular',sans-serif!important;opacity:1!important;display:flex!important;align-items:center}
.sidebar .sidebar-wrapper .nav li>a:hover{font-family:'NeoSansStdBold'!important;color:#f69f16!important}
.sidebar .nav li>a>span{line-height:16px}
.sidebar .nav li ul{padding:0}
.sidebar .nav li ul li{line-height:30px;padding:0 0 0 10px;min-height:30px;display:block}
.sidebar .nav li ul li a{margin:10px 0!important}
.sidebar .nav li ul li a:hover p{font-family:'NeoSansStdBold'!important;color:#f69f16!important}
.sidebar .nav li ul li a p{margin:0;padding:0;line-height:16px}
.sidebar .nav i{top:0!important;margin-right:0!important}
.sidebar .sidebar-wrapper .nav ul li.active>a{font-family:'NeoSansStdBold'!important;color:#f69f16!important}
.sidebar .sidebar-wrapper .nav ul li.active>a>p{font-family:'NeoSansStdBold'!important;color:#f69f16!important}
.sidebar .sidebar-wrapper .nav ul li.active i{color:#f69f16!important}
.sidebar .sidebar-wrapper .nav ul li.active>a:before,.sidebar .sidebar-wrapper .nav ul li.active>a:after{display:none}
.navbar-collapse.show{background:#fff;border-radius:4px;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);position: relative;top:14px;}
.navbar-collapse.show .navbar-nav{flex-direction:row;justify-content:center;padding:10px 10px}
.navbar-collapse.show .navbar-nav >li{margin-bottom:0!important}
.dropdown.show .dropdown-menu{right:-15px!important;top:39px}
.dropdown.show .dropdown-menu:before{top:-11px}
.dropdown.show .dropdown-menu:after{top:-10px}

button.btn{width:160px!important}
button.btn.pull-right{margin-left:20px!important}
button.btn.pull-right:hover{background-color:#ad5c74!important;color:#f69f16!important}
body .ui-table .ui-table-tbody>tr td{font-family: 'NeoSansStdRegular';}
body .ui-table .ui-table-thead>tr>th{background:#8a1538!important;color:#fff!important;font-family:'NeoSansStdBold'!important;padding:0.61rem 20px!important;font-weight:100!important;box-shadow:none!important}
body .ui-table .ui-table-thead>tr>th:first-child{border-radius:4px 0 0 0}
body .ui-table .ui-table-thead>tr>th:last-child{border-radius:0 4px 0 0}
body .ui-table .ui-table-thead>tr>th i{font-size:1.45rem;width:16px;float:none;height:16px;text-align:center;margin-left:0.5rem;position:relative;top:1px}
body .ui-table .ui-table-thead>tr>th i:before{color:#fff;margin:0;padding:0;width:16px;height:16px;display:inline-block}
body .ui-table .ui-table-tbody>tr>td{padding:1.02rem 20px!important;line-height:18px;border-bottom:1px solid #cdcdcd}
body .ui-table td i.fa-eye,body .ui-table td i.fa-edit,body .ui-table td i.fa-trash,body .ui-table td i.fa-exchange,body .ui-table td i.fa-tasks,body .ui-table td i.fa-ban,body .ui-table td i.fa-lock,body .ui-table td i.fa-mobile,.mat-iconnnn{padding:0!important;margin:-10px 0 -10px 10px!important;position:relative;top:4px;cursor:pointer;font-size:1.5rem}
body .ui-table td i:first-child{margin-left:0!important}
.mat-form-field-suffix .mat-icon-button .mat-icon{line-height:16px!important;height:20px!important}
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button{top:2px}
.mat-form-field-suffix .mat-icon-button .mat-icon img{margin:0!important}
html:lang(en) .ui-autocomplete-dd input.ui-corner-all{border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-bottom-left-radius:4px!important;}
.mat-form-field-prefix, .mat-form-field-suffix{right:-7px}
.md .content .main .block-content .project-info-details>.col{padding-left:0!important;padding-right:0!important}
body .ui-paginator-bottom.ui-paginator{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;font-size:0.875rem!important;padding:20px!important;background:#fff;border:none}
body .ui-paginator-bottom.ui-paginator .p-paginator-current, body .ui-paginator-bottom.ui-paginator .p-paginator-first, body .ui-paginator-bottom.ui-paginator .p-paginator-last, body .ui-paginator-bottom.ui-paginator .p-paginator-next, body .ui-paginator-bottom.ui-paginator .p-paginator-page, body .ui-paginator-bottom.ui-paginator .p-paginator-prev{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;-webkit-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;position:relative}
body .ui-paginator .ui-paginator-pages{font-size:21px;display:flex!important;justify-items:center;align-items:center}
body .ui-paginator .ui-paginator-pages .ui-paginator-page{border-radius:3px!important;font-family:'NeoSansStdRegular';font-weight:400;height:2.357rem!important;min-width:2.357rem!important;line-height:2.357rem!important}
body .ui-paginator-bottom .pi-step-backward:before{content:"\e92d"}
body .ui-paginator-bottom .pi-step-forward:before{content:"\e92e"}
body .ui-paginator-bottom .pi-caret-left:before{content:"\e931"}
body .ui-paginator-bottom .pi-caret-right:before{content:"\e932"}
body .ui-paginator .ui-paginator-prev,body .ui-paginator .ui-paginator-next,body .ui-paginator .ui-paginator-first,body .ui-paginator .ui-paginator-last{height:2.357rem!important;min-width:2.357rem!important;line-height:2.357rem!important;}
body app-create-report .btns-section{margin:20px 0px;justify-content:flex-end}
body app-create-report .btns-section button{margin:0!important;}
body app-create-report .md .content{min-height:auto!important}
body app-create-report .col-12,body app-create-report .ui-table.ui-widget,app-stratigy-process .col-12,app-objective-list .col-12,app-kpi-list .col-12,app-user-tasks .col-12,app-tracking-tasks .col-12,app-qoc-table .col-12,app-draft-list .col-12,app-colobration-list .col-12,app-manag-yearly-vacation .col-12,app-favorites .col-12,app-project-list-has-cr .col-12,app-project-list-has-clouser .col-12,app-project-list .col-12,app-strategy-list .col-12{padding:0}
.mat-step-header:hover{background-color:transparent!important}
.mat-step-label .mat-step-text-label{font-weight:300!important;font-size:0.875rem!important;color:#363636!important;font-family:'NeoSansStdRegular',sans-serif}
.mat-step-label .mat-step-text-label:hover{color:#8a1538!important}
.mat-step-label.mat-step-label-selected .mat-step-text-label{font-family:'NeoSansStdBold'}
.mat-horizontal-stepper-header .mat-step-icon{text-align:center;background-color:#e1e2de!important}
.mat-horizontal-stepper-header .mat-step-icon.mat-step-icon-selected{background-color:#00AE8D!important;}
.mat-horizontal-stepper-header .mat-step-icon.mat-step-icon-selected .mat-step-icon-content{color:#fff}
.mat-step-icon-content{width:20px;height:20px;font-size:0.875rem;color:#363636}
.mat-step-header .mat-step-icon-state-error{background-color:transparent!important;color:#f44336}
.mat-step-icon-state-error .mat-icon{color:#f44336!important}
.mat-horizontal-content-container{padding:0!important}
.mat-horizontal-stepper-header{margin:0 30px!important;padding:0!important;background:none!important;}
.mat-horizontal-stepper-header:first-child{margin-left:0!important}
.mat-horizontal-stepper-header:last-child{margin-right:0!important}
.mat-step-header .mat-step-header-ripple{display:none}
.mat-stepper-horizontal-line{flex:0!important}
.md .content .main .col>div.row{margin:0}
body .ui-accordion .ui-accordion-content{padding: 0.571em 1em 0 1em!important;border-bottom:0!important}
body .ui-accordion .ui-accordion-header{margin:0;border-radius:4px 4px 0 0}
body .block-content .ui-accordion .ui-accordion-header a .ui-accordion-toggle-icon{color:#fff!important;position:relative;top:3px}
.mat-stepper-previous.back{border:1px solid #cdcdcd;background-color:#00AE8D!important;color:#fff!important}
.btns-section button:last-child{margin-left:auto}
.main-panel #btnSaveInDraft{margin:0 auto!important;display:flex;justify-content:center}
.ml-auto, .mr-auto{padding-bottom:20px}
body .ui-table.ui-widget{box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);}
app-strategy-theme .table,app-manag-yearly-vacation .ui-table.ui-widget{margin-top:28px}
body app-advanced-search .ui-table.ui-widget{box-shadow:none;padding:0 5px}
app-manag-yearly-vacation .md .content .main{padding-bottom:20px}
.ui-table.ui-widget .ui-table-tbody{border-left:1px solid #cdcdcd;border-right:1px solid #cdcdcd}
.form-group.p-4{padding:1.25rem 0!important;}
body .btn.disabled, body .btn:disabled, body .btn[disabled]{background:#e1d8d8!important;color:#c8bebe!important;border:none!important;}
body .btn.draftBtn{width:160px!important}
.progress-section .mat-progress-bar{height:14px!important;border-radius:4px;padding: 0!important;}
.progress-section{position:relative}
.progress-section .progress-value{padding:0;right:10px;line-height:15px}
.progress-section .mat-progress-bar .mat-progress-bar-element, .mat-progress-bar .mat-progress-bar-fill:after{height:101%!important;width:101%!important}
.form .btn.reset{margin-right: 20px!important}
.mat-form-field-appearance-fill .mat-form-field-flex,app-date-picker-custom .mat-form-field-wrapper{border-radius:4px!important}
app-project .update,app-program .update,app-delegate-user .form .btn,app-audit-log .form .btn{margin-top:20px!important}
app-audit-log .form .btn+.btn{margin-left:20px!important}
app-my-collaborations button.btn{margin:20px -15px 20px auto!important;display:flex;justify-content:center;}
app-role-user button.btn{margin:20px 0 0px auto!important;display:flex;justify-content:center;}
app-department button.btn{margin:20px 0 -8px auto!important;display:flex;justify-content:center;}
.project-status .project-info-details{}
.project-status .project-info-details > div+div{}
.project-status .project-info-details > div+div > div{display:flex;flex-direction:column;align-items:center;justify-content:space-between;align-self:stretch!important}
.project-status .project-info-details > div+div > div #lablestyle{line-height:22px;height:auto;padding:8px 20px;display:flex;flex-direction:column;align-items:center;align-self:stretch!important;flex:1;justify-content:center}
.project-status .project-info-details > div+div > div .ngx-gauge-meter{margin:0 auto}

.content.project{padding:0!important}
.content.project .pro-dt{margin:0!important}
.im-ti-de>div, .im-ti-de>div>a,.im-ti-de>span{line-height:19px}
.g-tabs .g-tabs-title a{line-height:21px}
.im-ti-de,.g-col-exp-title{font-family:'NeoSansStdBold'!important}
.g-col-exp-title{font-size:16px}
.g-table{max-width:100%!important}
body[dir=ltr] .g-table.col-7 .table-header>div,body[dir=ltr] .g-table.col-7 .table-row>div{padding-left:2%;padding-right:0}
.g-table.col-6 .table-row>div,.g-table.col-7 .table-row>div{font-family:'NeoSansStdRegular'!important}
.g-table.col-7 .table-header>div,.g-table.col-7 .table-row>div{padding-right:2%;box-sizing:border-box}
.g-table.col-7 .table-header>div:nth-child(1),.g-table.col-7 .table-row>div:nth-child(1){flex:0 0 14%}
.g-table.col-7 .table-header>div:nth-child(2),.g-table.col-7 .table-row>div:nth-child(2){flex:0 0 20%}
.g-table.col-7 .table-header>div:nth-child(3),.g-table.col-7 .table-row>div:nth-child(3){flex:0 0 12%}
.g-table.col-7 .table-header>div:nth-child(4),.g-table.col-7 .table-row>div:nth-child(4){flex:0 0 12%}
.g-table.col-7 .table-header>div:nth-child(5),.g-table.col-7 .table-row>div:nth-child(5){flex:0 0 12%}
.g-table.col-7 .table-header>div:nth-child(6),.g-table.col-7 .table-row>div:nth-child(6){flex:0 0 20%}
.g-table.col-7 .table-header>div:nth-child(7),.g-table.col-7 .table-row>div:nth-child(7){flex:0 0 10%} 

app-kpi-details-report .block-title{display:none}
body[dir=ltr] app-kpi-details-report .ui-accordion .ui-accordion-header>a,body[dir=ltr] app-kpi-project-details .ui-accordion .ui-accordion-header>a{box-shadow: none;font-family:'NeoSansStdBold'!important;background:#ebebeb!important;border:none!important;border-radius:4px 4px 0 0!important;min-height: 64px;}
body[dir=rtl] app-kpi-details-report .ui-accordion .ui-accordion-header>a,body[dir=rtl] app-kpi-project-details .ui-accordion .ui-accordion-header>a{box-shadow: none;font-family:'NeoSansArabicBold'!important;background:#ebebeb!important;border:none!important;border-radius:4px 4px 0 0!important;min-height: 64px;}
body[dir=rtl] app-kpi-details-report .ui-accordion #innerContent,body[dir=rtl] app-kpi-project-details .ui-accordion #innerContent{font-family:'NeoSansArabicRegular'!important;text-align:right;}
body[dir=ltr] app-kpi-details-report .ui-accordion #innerContent,body[dir=ltr] app-kpi-project-details .ui-accordion #innerContent{font-family:'NeoSansStdRegular'!important}
body[dir=rtl] #lablestyle{text-align:right;font-family: 'NeoSansArabicBold';}
app-kpi-details-report>.row>div{padding-bottom:30px!important}
app-kpi-details-report .block-content .project-info-details{padding:25px 0!important}
app-kpi-details-report .ui-accordion .ui-accordion-header,app-kpi-project-details .ui-accordion .ui-accordion-header{background:transparent!important;margin-bottom:0!important;border:none!important}
app-kpi-details-report .ui-accordion .ui-accordion-header-text,app-kpi-project-details .ui-accordion .ui-accordion-header-text{color:#0e0e0e!important;width:90%}
app-kpi-details-report .ui-accordion .ui-accordion-content,app-kpi-project-details .ui-accordion .ui-accordion-content{border-radius: 0 0 4px 4px;background-color:#ebebeb!important;min-height:105px;height:auto!important;border:none!important}
app-kpi-details-report .project-info-details>div>div{padding-bottom:30px!important}
app-kpi-details-report .md .content .main{border-radius:0;box-shadow:none}
#lablestyle{padding:0!important;justify-content:flex-start!important;margin:0!important;background-color:transparent!important;height:auto!important;line-height:inherit!important}
app-kpi-details-report .ui-accordion .ui-accordion-header:not(.ui-state-disabled) a .ui-accordion-toggle-icon,app-kpi-project-details .ui-accordion .ui-accordion-header:not(.ui-state-disabled) a .ui-accordion-toggle-icon{color:#2D2D2D!important}
app-kpi-details-report form, app-kpi-project-details form{background:#fff;border-radius:4px;box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);padding:30px!important}
app-kpi-project-details form>div.col-6{padding:0;padding-bottom:30px!important;width:425px;max-width:100%}
app-kpi-project-details .project-info-details>div{padding:0}
body app-kpi-project-details .ui-table .ui-table-thead>tr>th{background:#f6f6f6!important;color:#808080!important;}
body app-kpi-project-details .ui-table .ui-table-thead>tr>th i:before{color:#808080}
body app-kpi-project-details .ui-table .ui-table-tbody>tr td{border:none}
body app-kpi-project-details .ui-table.ui-widget{box-shadow:none}
body app-kpi-project-details .ui-table .ui-table-thead>tr>th{border-radius:0!important}
body app-kpi-project-details .ui-table.ui-widget .ui-table-tbody{border:none}
body app-kpi-project-details .ui-table .ui-table-tbody>tr:nth-child(2n){background:#f4f4f4}
body app-kpi-project-details >.block-title-2{max-width:100%;display:block;margin-top:30px;background:#fff;padding:25px 30px 0 30px}
body app-kpi-project-details >.block-title-2 label{float:none;display:block;margin-bottom:0}

app-kpi-monthly-details .project-info-details>div{padding:0}
body app-kpi-monthly-details .ui-table .ui-table-thead>tr>th{background:#f6f6f6!important;color:#808080!important;}
body app-kpi-monthly-details .ui-table .ui-table-thead>tr>th i:before{color:#808080}
body app-kpi-monthly-details .ui-table .ui-table-tbody>tr td{border:none}
body app-kpi-monthly-details .ui-table.ui-widget{box-shadow:none}
body app-kpi-monthly-details .ui-table .ui-table-thead>tr>th{border-radius:0!important}
body app-kpi-monthly-details .ui-table.ui-widget .ui-table-tbody{border:none}
body app-kpi-monthly-details .ui-table .ui-table-tbody>tr:nth-child(2n){background:#f4f4f4}
body app-kpi-monthly-details >.block-title-2{max-width:100%;display:block;margin-top:30px;background:#fff;padding:25px 30px 0 30px}
body app-kpi-monthly-details >.block-title-2 label{float:none;display:block;margin-bottom:0}

body[dir=rtl] app-kpi-project-details >.block-title-2 label{text-align:right}
body app-kpi-project-details>.col{padding:25px 30px;margin:0;background:#fff}
body app-kpi-project-details>.col>div{padding:0}


body[dir=rtl]{direction:rtl}
@font-face {font-family: 'NeoSansStdLight';src: url('../fonts/NeoSansStdLight/NeoSansStdLight.woff') format('woff'), url('fonts/NeoSansStdLight/NeoSansStdLight.woff2') format('woff2');font-display: swap}
@font-face {font-family: 'NeoSansStdRegular';src: url('../fonts/NeoSansStdRegular/NeoSansStdRegular.woff') format('woff'), url('fonts/NeoSansStdRegular/NeoSansStdRegular.woff2') format('woff2');font-display: swap}
@font-face {font-family: 'NeoSansStdBold';src: url('../fonts/NeoSansStdBold/NeoSansStdBold.woff') format('woff'), url('fonts/NeoSansStdBold/NeoSansStdBold.woff2') format('woff2');font-display:swap}
@font-face {font-family: 'NeoSansArabicLight';src: url('../fonts/NeoSansArabicLight/NeoSansArabicLight.woff') format('woff'), url('fonts/NeoSansArabicLight/NeoSansArabicLight.woff2') format('woff2');font-display:swap}
@font-face {font-family: 'NeoSansArabicRegular';src: url('../fonts/NeoSansArabicRegular/NeoSansArabicRegular.woff') format('woff'), url('fonts/NeoSansArabicRegular/NeoSansArabicRegular.woff2') format('woff2');font-display: swap}
@font-face {font-family: 'NeoSansArabicMedium';src: url('../fonts/NeoSansArabicMedium/NeoSansArabicMedium.woff') format('woff'), url('fonts/NeoSansArabicMedium/NeoSansArabicMedium.woff2') format('woff2');font-display: swap}
@font-face {font-family: 'NeoSansArabicBold';src: url('../../fonts/NeoSansArabicBold/NeoSansArabicBold.woff') format('woff'), url('fonts/NeoSansArabicBold/NeoSansArabicBold.woff2') format('woff2');font-display:swap}
body[dir=rtl] .login-section label{padding-right:0;float:none;font-family:'NeoSansArabicMedium';font-weight:normal}
body[dir=rtl] .form .username:before,body[dir=rtl] .form .password:before{left:unset;right:0;padding-bottom:0}
body[dir=rtl] .form .btn{font-family:'NeoSansArabicMedium',sans-serif!important;font-weight: normal;}
body[dir=rtl] .login-section .text-danger{font-family:'NeoSansArabicMedium';font-weight:normal;}
body[dir=rtl] .main-panel .container-fluid, .main-panel .navbar .navbar-brand{font-size:1.125rem!important;font-family:'NeoSansArabicMedium'!important;font-weight:normal!important;}
body[dir=rtl] .main-panel .navbar .navbar-nav >li,body[dir=rtl] .main-panel .navbar .navbar-nav .fa-sign-out{margin-right:20px!important;margin-left:0!important}
body[dir=rtl] .main-panel .navbar .navbar-nav .flage{margin-right:25px!important;margin-left:0!important}
body[dir=rtl] .main-panel .navbar .navbar-nav .nav-link .picture+span{margin-left:0!important;margin-right:6px!important;text-align: right;font-family:NeoSansArabicRegular!important;}
body[dir=rtl] .main-panel .navbar .navbar-nav .fa-search{right:unset;left:10px;transform:rotate(90deg);}
body[dir=rtl] .main-panel .navbar .navbar-nav .nav-link i.fa-bell+div{right:unset;left:-12px}
body[dir=rtl] .dropdown.show .dropdown-menu{right:unset!important;left:-15px}
body[dir=rtl] .dropdown.show .dropdown-menu:before{right:unset;left:12px}
body[dir=rtl] .md .content .main .block-content .summary .inner-summary h1, body[dir=rtl] .md .content .main .block-content .summary .inner-summary h4 {font-family: 'NeoSansArabicMedium'!important;}
body[dir=rtl] .md .content .main .block-content .summary{font-family: 'NeoSansArabicRegular'!important;}
body[dir=rtl] .md .content .main .block-content .outcomes >div>div.outcomes-content .strategy-name{font-size:1.125rem;font-family:'NeoSansArabicMedium';font-weight:normal}
body[dir=rtl] .md .content .main .block-content .stakeholders .strategy-name{font-family:'NeoSansArabicRegular';font-weight:normal}
body[dir=rtl] .md .content .main .block-content .rotatingLabel{font-family:'NeoSansArabicRegular'!important;padding:0;margin:0;left: -26px!important;font-size:1.125rem;cursor: default;pointer-events: none;}
body[dir=rtl] .md .content .main .block-content .home-content{margin: 0;}
body[dir=rtl] .md .content .main .block-content .internal-process-content >div>a:first-child{font-family:'NeoSansArabicMedium'!important}
body[dir=rtl] .md .content .main .block-content .internal-process-content a span{font-family:NeoSansArabicRegular!important}
body[dir=rtl] .main-panel .navbar .navbar-brand{margin-right:0;margin-left:1rem}
body[dir=rtl] .md .content .main .block-content .labels{font-family:"NeoSansArabicRegular";text-align: left;}
body[dir=rtl] .md .content .main .block-content .labels span{padding-right:20px;padding-left:0;}
body[dir=rtl] .md .content .main .block-content .enables-content h5,body[dir=rtl] .md .content .main .block-content .values h5{font-family:'NeoSansArabicMedium'!important}
body[dir=rtl] .md .content .main .block-content .values a >div{font-family: 'NeoSansArabicRegular'!important}
body[dir=rtl] .main-panel .navbar .navbar-nav .ui-inputtext{padding-right:15px}
body[dir=rtl] .sidebar .nav li{padding:15px 20px 14px 2px;}
body[dir=rtl] .sidebar .nav li ul li{padding:0 10px 0 0}
body[dir=rtl] .sidebar .nav li>a{font-family:'NeoSansArabicRegular'!important;font-size: 1rem;}
body[dir=rtl] .sidebar .sidebar-wrapper .nav ul li i{margin-left:0}
body[dir=rtl] .ui-autocomplete-panel .ui-autocomplete-list-item{text-align:right}
body[dir=rtl] .ui-autocomplete-dd input.ui-corner-all{border-top-right-radius:4px!important;border-bottom-right-radius:4px!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important;}
body[dir=rtl] .ui-autocomplete-dd .ui-autocomplete-dropdown.ui-corner-all{border-right:none!important}
body[dir=rtl] .mat-form-field-prefix, body[dir=rtl] .mat-form-field-suffix{left:-7px;right:unset}
body[dir=rtl] .md .content .main .block-title label{font-size:1rem}
body[dir=rtl] button.btn.pull-right {margin-left:0px!important;margin-right:20px!important;}
body[dir=rtl] .ui-table .ui-table-thead>tr>th #tableHeaderArStyle{font-size:inherit!important}
body[dir=rtl] .ui-table .ui-table-tbody>tr td{font-family:'NeoSansArabicRegular'!important}
body[dir=rtl] .ui-table .ui-table-thead>tr>th i{margin-right:0.5rem}
body[dir=rtl] .ui-table .ui-table-thead>tr>th:first-child {border-radius: 0 4px 0 0}
body[dir=rtl] .ui-table .ui-table-thead>tr>th:last-child {border-radius: 4px 0 0 0}
body[dir=rtl] .ui-paginator-bottom .pi-step-backward:before{content:"\e92e"}
body[dir=rtl] .ui-paginator-bottom .pi-step-forward:before{content:"\e92d"}
body[dir=rtl] .ui-paginator-bottom .pi-caret-left:before{content:"\e932"}
body[dir=rtl] .ui-paginator-bottom .pi-caret-right:before{content:"\e931"}
body[dir=rtl] .sidebar .nav li ul li a p#SubMenuArStyle{font-family:'NeoSansArabicRegular'!important;font-weight: normal;}
body[dir=rtl] .sidebar .sidebar-wrapper .nav li ul li a:hover p#SubMenuArStyle,body[dir=rtl] .sidebar .sidebar-wrapper .nav li ul li.active a p#SubMenuArStyle{font-family:'NeoSansArabicBold'!important;}
body[dir=rtl] .ui-accordion .ui-accordion-header a .ui-accordion-toggle-icon{float:left}
body[dir=rtl] .ui-accordion .ui-accordion-header a{text-align:right}
body[dir=rtl] .pi-chevron-right:before{content: "\e900";}
body[dir=rtl] .mat-step-label {min-width:auto!important}
body[dir=rtl] .mat-step-label .mat-step-text-label{font-family:'NeoSansArabicRegular';text-align:right}
body[dir=rtl] .mat-step-label.mat-step-label-selected .mat-step-text-label{font-family: 'NeoSansArabicBold';}
body[dir=rtl] .mat-horizontal-stepper-header:first-child{margin-left:30px!important;margin-right:0!important}
body[dir=rtl] .mat-horizontal-stepper-header:last-child {margin-right:30px!important;margin-left:0!important}
body[dir=rtl] .mat-step-sub-label-error{font-family:NeoSansArabicRegular!important}
body[dir=rtl] .btns-section button:last-child {margin-left: unset;margin-right:auto}
body[dir=rtl] .btns-section button,body[dir=rtl] #btnSaveInDraft{font-family:'NeoSansArabicMedium'!important;font-weight: normal;}
body[dir=rtl] .text-light{font-weight:normal;display:flex;justify-content: center;}
body[dir=rtl] .form textarea{margin-bottom:0}
body[dir=rtl] .progress-section .progress-value{right:unset;left:10px}
body[dir=rtl] .ui-table td i.fa-eye, body[dir=rtl] .ui-table td i.fa-edit, body[dir=rtl] .ui-table td i.fa-trash, body[dir=rtl] .ui-table td i.fa-exchange, body[dir=rtl] .ui-table td i.fa-tasks, body[dir=rtl] .ui-table td i.fa-ban, body[dir=rtl] .ui-table td i.fa-lock, body[dir=rtl] .ui-table td i.fa-mobile, .mat-iconnnn {margin: -10px 10px -10px 0!important;}
body[dir=rtl] .ui-table td i:first-child{margin-right:0!important}
body[dir=rtl] .form .btn.reset{margin-left: 20px!important;margin-right:0!important}
body[dir=rtl] app-audit-log .form .btn+.btn{margin-right:20px!important;margin-left:0!important}
body[dir=rtl] app-my-collaborations button.btn{margin:20px auto 20px -15px!important;display:flex;justify-content:center;}
body[dir=rtl] app-role-user button.btn{margin:20px auto 0px 0!important;display:flex;justify-content:center;}
body[dir=rtl] app-department button.btn{margin:20px auto -8px 0!important;display:flex;justify-content:center;}
body[dir=rtl] .main-panel .navbar .navbar-collapse .nav-item a,body[dir=rtl] .md .content .main .block-content .enables-content a span{font-family: NeoSansArabicRegular!important;}
body[dir=rtl] .md .content .main .block-content .summary .inner-summary p{font-family: inherit!important;}

body[dir=rtl] .project{text-align:right}
body[dir=rtl] .im-ti-de,body[dir=rtl] .g-col-exp-title{font-family:'NeoSansArabicBold'!important}
body[dir=rtl] .g-table.col-6 .table-row>div,body[dir=rtl] .g-table.col-7 .table-row>div{font-family:'NeoSansArabicRegular'!important}


@media only screen and (max-width: 1300px){
.md .content .main .block-content .stakeholders-content > a > div{justify-content:space-between}
.md .content .main .block-content .internal-process-content.col{flex-direction:row!important}
.md .content .main .block-content .enables-content.col .col{flex-direction:row!important}
body[dir=rtl] .md .content .main .block-content .stakeholders-content > a > div{}
}
@media only screen and (max-width: 1200px){
.md .content .main .block-content .outcomes >div{padding:0;flex-direction:column;}
}
@media screen and (max-width: 991px){
.navbar .container-fluid {padding:0!important}
.navbar .container-fluid >button.navbar-toggler{width:28px;height:28px;background: #9106300d;border-radius:50%;margin-top:-5px}
body[dir=rtl] .navbar-toggle .navbar-toggler{padding-right:0;padding-left: .75rem}
}
@media only screen and (max-width: 900px){
.md .content .main .block-content .stakeholders-content{padding:20px 10px!important}
.md .content .main .block-content .stakeholders-content > a{flex: 0 0 100%!important;flex-direction:row!important;}
.md .content .main .block-content .stakeholders-content > a > div{flex-direction:row!important;padding:0;flex-wrap:initial;}
.md .content .main .block-content .stakeholders .strategy-name{max-width:unset;margin:0;padding:0 20px;text-align:center}
.md .content .main .block-content .stakeholders-content app-my-circle{flex:0 0 10%;text-align:right}
.md .content .main .block-content .internal-process-content.col{flex-direction:column!important}
.md .content .main .block-content .internal-process-content >div>a+a{min-height:50px!important}
.md .content .main .block-content .enables-content.col .col{flex-direction:column!important}
.md .content .main .block-content .enables-content a{align-self:stretch!important;}
.md .content .main .block-content .internal-process-content >div>a:first-child app-my-circle{text-align:right;padding-right:0}
body[dir=rtl] .md .content .main .block-content .stakeholders-content app-my-circle{text-align:left}
body[dir=rtl] .md .content .main .block-content .internal-process-content >div>a:first-child app-my-circle{text-align:left;padding-left:0}
}
@media only screen and (max-width: 650px)
{
.login-section{height: auto!important;box-sizing:border-box!important}
.login-section .login-logo{flex-basis:unset!important}
.login-section .text-danger{margin-bottom:20px}
.main-panel .navbar{padding:19px 10px 21px!important;}
.md .content .main .block-content .internal-process-content >div>a:first-child{}
}
@media only screen and (max-width: 500px)
{
.navbar-collapse.show .navbar-nav{flex-wrap:wrap}
.main-panel .navbar .navbar-nav >li:first-child{margin-bottom:10px!important}
.navbar-collapse.show .navbar-nav li:nth-child(2){margin-left:0;flex-basis:100%}
.main-panel .navbar .navbar-nav .nav-link .picture{margin:0}
body button.btn.pull-right,body[dir=rtl] button.btn.pull-right{width:auto!important;padding:0 20px!important}
.mat-step-header{margin:0!important}
.mat-horizontal-stepper-header-container{align-items:flex-start!important;flex-direction:column}
.mat-stepper-horizontal-line{margin:0 -2px!important;transform: rotate(90deg);}
body[dir=rtl] .mat-horizontal-stepper-header:last-child{margin-right:0!important}
body[dir=rtl] .ml-auto, body[dir=rtl] .mx-auto {margin-right: auto!important;}
app-kpi-details-report .project-info-details>.row{flex-direction:column}
app-kpi-details-report .project-info-details>.row>div{padding-bottom: 30px!important;flex:1;max-width:100%}
app-kpi-project-details form>div.col-6{width:100%}
}

/** AD START **/
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body[dir="ltr"]{font-family: "Montserrat", sans-serif!important}
.login-section .login-logo{background: url(../img/Intalio-Logo-Black-Color.png) center center no-repeat!important;background-size: contain!important;}
.login-section{background: rgba(255,255,255,0.85) none repeat center center!important}
.login-section label{font-weight: 600}
body[dir="ltr"] .login-section label,
body[dir="ltr"] .form input[type="text"], 
body[dir="ltr"] .form input[type="search"], 
body[dir="ltr"] .form input[type="number"], 
body[dir="ltr"] .form textarea, 
body[dir="ltr"] .form input[type="file"], 
body[dir="ltr"] .form input[type="password"], 
body[dir="ltr"] .form .ddl, 
body[dir="ltr"] .form input[type="number"], 
body[dir="ltr"] .form input[type="tel"], 
body[dir="ltr"] .form select,
body[dir="ltr"] .form .btn,
body[dir="ltr"] .off-canvas-sidebar .nav li>a, 
body[dir="ltr"] .sidebar .nav li>a,
body[dir="ltr"] .md .content .main .block-content .summary .inner-summary h1, 
body[dir="ltr"] .md .content .main .block-content .summary .inner-summary h4,
body[dir="ltr"] .md .content .main .block-content .summary .inner-summary p,
body[dir="ltr"] .circles-wrp .circles-text,
body[dir="ltr"] .md .content .main .block-content .outcomes >div>div.outcomes-content .strategy-name,
body[dir="ltr"] .md .content .main .block-content .rotatingLabel,
body[dir="ltr"] .md .content .main .block-content .stakeholders .strategy-name,
body[dir="ltr"] .sidebar .nav li ul li a p,
body[dir="ltr"] .main-panel .navbar .navbar-nav .nav-link .picture+span,
body[dir="ltr"] .main-panel .navbar .navbar-brand,
body[dir="ltr"] .md .content .main .block-content .outcomes-content>a,
body[dir="ltr"] .md .content .main,
body[dir="ltr"] .md .content .main .block-title,
body[dir="ltr"] .sidebar .sidebar-wrapper .nav ul li.active>a>p,
body[dir="ltr"] .sidebar .nav li ul li a:hover p,
body[dir="ltr"] #themeEnableStyle,
body[dir="ltr"] .md .content .main .block-content .enables-content a span,
body[dir="ltr"] .md .content .main .block-content .values a,
body[dir="ltr"] .md .content .main .block-content .values h5,
body[dir="ltr"] .md .content .main .block-content .values a >div,
body[dir="ltr"] .md .content .main .block-content .internal-process-content >div>a,
body[dir="ltr"] .md .content .main .block-content .internal-process-content >div>a span,
body[dir="ltr"] .md .content label,
body[dir="ltr"] .ui-table .ui-table-thead>tr>th,
body[dir="ltr"] .ui-table .ui-table-tbody>tr>td,
body[dir="ltr"] .ui-widget.ui-widget-content,
body[dir="ltr"] .main-panel .navbar .navbar-nav .ui-inputtext,
body[dir="ltr"] .md .content .main .block-content .summary>*,
body[dir="ltr"] .off-canvas-sidebar .nav li>a:hover, 
body[dir="ltr"] .sidebar .nav li>a:hover,
body[dir="ltr"] .ui-accordion .ui-accordion-header a,
body[dir="ltr"] .ui-accordion .ui-accordion-header:not(.ui-state-disabled).ui-state-active a,
body[dir="ltr"] .md .content .main .add-link a, body[dir="ltr"] .md .content .main .edit-link a, body[dir="ltr"] .md .content .main .view-link a,
body[dir="ltr"] .btns-section button,body[dir="ltr"] #btnSaveInDraft,
body[dir="ltr"] .md .content .main .block-content .table .table-header,
body[dir="ltr"] #lablestyle,
body[dir="ltr"] .mat-step-label .mat-step-text-label,
body[dir="ltr"] .md .content .main .section-title,
body[dir="ltr"] button.btn,
body[dir="ltr"] app-kpi-details-report .ui-accordion .ui-accordion-header-text, 
body[dir="ltr"] app-kpi-project-details .ui-accordion .ui-accordion-header-text{font-family: 'Montserrat'!important}
body .form .btn{background:#00ae8b!important;font-weight: 500!important;text-transform: capitalize;}
body .form .btn:hover {background-color: #1CD3AB !important;color:#fff!important;}
.form input[type="text"]:focus, .form input[type="numver"]:focus textarea:focus, .form input[type="file"]:focus, .form input[type="password"]:focus, .form select:focus {border: 1px solid #00ae8b!important;}
.sidebar .sidebar-wrapper {background-color: #000!important;}
body[dir="ltr"] .off-canvas-sidebar .nav li>a:hover, body[dir="ltr"] .sidebar .nav li>a:hover,body[dir="rtl"] .off-canvas-sidebar .nav li>a:hover, body[dir="rtl"] .sidebar .nav li>a:hover{color:#00ae8b!important;font-weight: 600;}
.logo{background: url(../img/Intalio-Logo-White-Color.png) center center no-repeat!important;background-size: 80%!important;}
.md .content .main .block-content .summary>*{color:#000!important;}
.md .content .main .block-content .summary .inner-summary .circles-wrp:before {border: 4px solid #00ae8b;}
.content .main .block-content .summary .inner-summary h1,.md .content .main .block-content .summary .inner-summary h4{font-weight: 600}
.md .content .main .block-content .summary .inner-summary h1>span{display:block;}
.md .content .main .block-content .outcomes-content>a{font-weight:600;background-image: linear-gradient(to left, #00ae8b, #74e3c9 50%, #00ae8b)!important;}
.md .content .main .block-content .gray-section{background-color: #efefed!important;}
.md .content .main .block-content .stakeholders-content>a{color:#000!important;}
.sidebar .nav li ul li a:hover p{color: #00ae8b!important;font-weight: 600}
.sidebar .nav li.active{background: #00ae8a;}
.md .content .main .block-content .gray-section .top-arrow:before,.md .content .main .block-content .gray-section .top-arrow:after{background-color: #efefed !important;}
.off-canvas-sidebar .sidebar-wrapper::-webkit-scrollbar-track,.sidebar .sidebar-wrapper::-webkit-scrollbar-track {box-shadow: inset 0 0 6px #fff!important;background-color: #fff!important}
.off-canvas-sidebar .sidebar-wrapper::-webkit-scrollbar-thumb,.sidebar .sidebar-wrapper::-webkit-scrollbar-thumb {box-shadow: inset 0 0 5px #000!important}
.sidebar .sidebar-wrapper .nav ul li.active>a>p,.sidebar .sidebar-wrapper .nav ul li.active i {color: #000!important;}
.sidebar .nav li.active>a>span,.sidebar .nav li.active ul li a:hover p{color:#fff!important;}
.md .content .main .block-title{font-weight: 600;background-color: #00ae8a!important}
.main-panel .navbar .navbar-nav .nav-link .picture{border: 1px solid #00ae8a;}
.main-panel .navbar .navbar-nav .nav-link i.fa-bell+div{color: #00ae8a!important;border: 1px solid #00ae8a;}
body[dir="ltr"] .main-panel .navbar .navbar-brand,body[dir="rtl"] .main-panel .navbar .navbar-brand{font-weight: 600!important}
#themeEnableStyle:hover,.circles-wrp .circles-text,.main-panel .navbar .navbar-nav .nav-link i.fa-bell,.navbar p,.main-panel .navbar .navbar-nav .fa-sign-out,.main-panel .navbar .navbar-nav .fa-search{color: #00ae8a!important}
.md .content .main .block-content .summary .logo-medium{display: none}
.md .content .main .block-content .summary .inner-summary{padding-left: 0!important}
.bg{background: url(../img/0001_DATA-CAPTURE-1.jpg) center center no-repeat!important;background-size: cover!important;}
.login-section{-webkit-backdrop-filter: blur(4px)!important;backdrop-filter: blur(4px)!important;}
.md .content .main .block-content .enables-content .col a{background-color: #00ae8a!important}
.md .content .main .block-content .enables-content .col .circles-wrp .circles-text {color: #fff!important;}
#themeEnableStyle{color: #000!important;font-weight: 600}
.md .content .main .block-content .enables-content a:hover {color: #000!important;}
.md .content .main .block-content .enables-content .circles-wrp .circles-text {color: #000!important;}
.md .content .main .block-content .enables-content a:hover .circles-wrp .circles-text{color:#00ae8a!important }
.md .content .main .block-content .values{background-image: linear-gradient(to right, #060605 1%, #f2f1f0 50%, #000000)!important;}
.md .content .main .block-content .values h5 {font-weight: 600;color: #000!important}
.md .content .main .block-content .values a{color: #000!important}
.md .content .main .block-content .labels span{color: #00ae8a}
.md .content .main .block-content .enables-content .col a:hover .circles-wrp .circles-text,.md .content .main .block-content .rotatingLabel{color:#000!important }
.md .content .main .block-content .enables-content a:hover .circles-wrp:before {border: 3px solid #000;}
.md .content .main .block-content .internal-process-content >div>a:first-child{font-weight: 600}
.md .content .main .block-content .internal-process-content >div>a:first-child .circles-wrp .circles-text{color:inherit!important;}
.md .content .main .block-content .internal-process-content >div>a+a .circles-wrp .circles-text{color:#fff!important;}
.md .content .main .block-content .stakeholders-content > a > div img,.md .content .main .block-content .outcomes >div>div.outcomes-content > a img{visibility: hidden;}
.md .content .main .block-content .stakeholders-content > a > div{background: url(../img/st-3.png) right center no-repeat}
.md .content .main .block-content .stakeholders-content > a+a > div{background: url(../img/st-3.png) right center no-repeat}
.md .content .main .block-content .stakeholders-content > a+a+a > div{background: url(../img/st-3.png) right center no-repeat}
.md .content .main .block-content .stakeholders-content > a+a+a+a > div{background: url(../img/st-3.png) right center no-repeat}
.md .content .main .block-content .outcomes >div>div.outcomes-content > a > div{background: url(../img/out-2.png) 10px center no-repeat;background-size:85px;}
.md .content .main .block-content .outcomes >div>div.outcomes-content+div > a > div{background: url(../img/out-2.png) 20px center no-repeat;background-size:80px}
.md .content .main .block-content .outcomes >div>div.outcomes-content+div+div > a > div{background: url(../img/out-2.png) 20px center no-repeat;background-size:83px}
body[dir="ltr"] .md .content label{font-weight: 600!important}
body .ui-table .ui-table-thead>tr>th{background: #00ae8a!important;font-weight: 600!important}
body .ui-paginator .ui-paginator-pages a.ui-paginator-page.ui-state-active{background: #00ae8a!important;}
body .ui-state-active, body .ui-widget-content .ui-state-active, body .ui-widget-header .ui-state-active, body a.ui-button:active, body .ui-button:active, body .ui-button.ui-state-active:hover {border:1px solid #00ae8a!important;;background:#00ae8a!important;}
body .fa, body .fa-unlock, body .ui-table td i.fa-eye, body .ui-table td i.fa-edit, body .ui-table td i.fa-trash, body .ui-table td i.fa-exchange, body .ui-table td i.fa-tasks, body .ui-table td i.fa-ban, body .ui-table td i.fa-lock, body .ui-table td i.fa-mobile, .mat-iconnnn{color:#00ae8a!important }
.md .content .main .delete{background-color: #00ae8a!important;}
#btnSaveInDraft,button.draftBtn{border:#171717!IMPORTANT;background: #171717!important}
#btnSaveInDraft:hover,button.draftBtn:hover{opacity:0.7}
.md .content .main .block-content .table .table-header{background: #00ae8a!important}
.md .content .main .block-content .table .table-row .nb span{background:#000!important;}
#lablestyle{color:#000!important;font-weight: 600}
body[dir="ltr"] .mat-step-label .mat-step-text-label{font-weight: 600!important}
.md .content .main .add-link a, .md .content .main .edit-link a, .md .content .main .view-link a{ color: #00AE8D !IMPORTANT;}
.btns-section button:last-child{border:#00AE8D !IMPORTANT;background-color:#00AE8D !IMPORTANT;}
.btns-section button:hover,button.btn:hover{background:#00d1a8!important;color: #fff!important}
button.btn {background: #00AE8D !IMPORTANT;font-weight: 600!important}
.btn .btn-success{background: #00AE8D !IMPORTANT;}
.section-title{border:none!important}
.mat-step-label .mat-step-text-label:hover {color: #00ae8a!important;}
/** AD END **/
.btns-section button{background-color: #00ae8a!important;}
.btn{background: #00ae8a!important;}