@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');
h1, h2, h3, h4, h5, h6{font-weight:700; font-family: 'Roboto', sans-serif; color: #000;}
body{padding: 0px; margin: 0px; font-weight: 400; font-family: 'Roboto', sans-serif; color: #002C59; background: #F3F7FF;}
html, body{height: 100%;}
a{text-decoration: none !important; color: #13A0F0;}
a:hover{color: #0275b8;}
ul{ list-style: none; padding: 0px; margin: 0px;}
*{outline: none !important;}
img{max-width: 100%;}
.form-control:focus{ box-shadow: none;}
.container{max-width:1800px;}
.login-container{padding-left:3rem; padding-right:3rem;}
.wrapper-main {align-items: stretch; display: flex; flex-wrap: wrap; width: 100%; position: relative;}
.login-box-area{width: 450px;}
.login-box{background: #fff; box-shadow: 0 0px 15px rgba(0,0,0,0.1); border-radius:10px; padding:2rem; width: 100%;}
.login-header {margin-bottom:2rem;  text-align: right;  padding-top: 2rem;}
.login-logo-area{margin-bottom:2rem;}
.login-logo-area img {max-width: 300px;}
.login-box h2{text-transform: uppercase; font-size:26px; color: #0956C9; margin-bottom: 1rem;}
.login-box h3{font-size:30px; color: #000; margin-bottom:1rem; font-weight: 400;}
.form-group{position: relative;}
.login-form .form-group i {position: absolute;  left: 10px;  width: 32px;  top:10px;}
.login-form .form-control {height: 52px;  border-color: #C1E7FA; padding-left:60px; letter-spacing: 2px;} 
 /* text-transform: uppercase;  */

.login-form .btn{text-transform: uppercase; font-weight: 700; width: 100%; text-align: center; height: 52px;}
.btn-primary {background: #002C59;  border-color: #002C59;}
.btn-outline-secondary { border-color: #002C59; color: #002C59;}
.login-form .row {margin-right: -8px; margin-left: -8px;}
.login-form [class*='col-']{padding-left:8px; padding-right:8px;}
.login-btn-area{display: inline-block; width: 100%; margin-top:1rem;}
.login-wrapper {display: flex; flex-wrap: wrap; justify-content: space-between;}
.login-header a {font-weight: 700;  color: #000;  display: inline-block;}
.login-header a i {display: inline-block;  margin-right: 5px;  width: 22px;  top: -3px;  position: relative;}
.login-header a:hover{color: #002C59;}
.home-img{flex: 1; padding-left: 2rem; text-align: right;}

.sidebar {transition: all ease 0.3s; z-index:3; position: fixed; top: 0px; left: 0;  height: 100%; width:280px; background: #fff; padding: 1rem;}
.main {width: 100%; min-height: 100vh;  min-width: 0; -webkit-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; padding:1rem 40px 1rem 320px;}
/*=============Menu CSS==========*/
.sidebar-menu{padding:1rem 0px; margin-top: 2rem;}
.sidebar-menu > ul#accordion > li{margin-bottom: 5px;}
.sidebar-menu > ul#accordion > li > a {display: flex; align-items: center; width: 100%; text-transform: uppercase; color: #002C59; font-size:17px; padding: 12px 12px 12px 1rem; font-weight:600;}
.sidebar-menu > ul#accordion > li > a > i {width:25px; text-align: center; margin-right: 12px;}
.sidebar-menu ul#accordion ul.submenu a {font-size: 14px;  color: #427AA1;  padding:6px 6px 6px 3.5rem;  display: inline-block;  width: 100%; text-transform: uppercase;}
.sidebar-menu ul#accordion ul.submenu li{margin-bottom: 2px;}
.sidebar-menu ul#accordion ul.submenu li.active a{font-weight: 700; color: #002C59;}
.sidebar-menu ul#accordion li a{position: relative;}
.sidebar-menu ul#accordion li a.ac-link:after {content: "";position: absolute; right:-10px; top:20px; width:20px; height: 20px; background: url(../images/menu-arrow.svg) left top no-repeat; transform: rotate(0deg); transition: all ease 0.4s;}
.sidebar-menu ul#accordion li a.ac-link.collapsed:after{transform: rotate(-90deg); transition: all ease 0.4s; right:-10px; top:12px;}
.dashboard-page .sidebar {padding-bottom: 6rem;}
.sidebar-menu ul#accordion li span {flex: 1; word-break: break-word;}
/*============End==================*/
.company-logo{text-align: center;}
.logo-area img, .company-logo img {max-width: 200px;}
.logo-bottom {position: fixed;  bottom: 1rem;  left: 0;  width:280px;  padding: 1rem;}
.default-style{background: #fff; border-radius:15px; border: 0px !important;}
.top-search-bar{padding:15px 15px 15px 25px; position: relative; display: flex; align-items: center; margin-bottom:30px;}
.top-search-bar i{width:25px; margin-right: 10px;}
.top-search-bar .form-control{border: 0px; border-radius: 0px; border-right: solid 1px #D0D7E4; flex: 1;}
.btn-filter{margin-left: 1rem;}
.dashboard-top-tiles{margin-bottom:3rem;}
.tiles-col {padding: 1rem 1.5rem;  align-items: center; font-size: 22px; color: #002C59; font-weight: 700;}
.tiles-col .icon-large{width:80px; margin-right: 1rem;}
.modals-wrap{display: flex; flex-wrap: wrap; width:100%;}
.modals-col{width: calc(33.333% - 20px); margin-right: 30px; margin-bottom: 30px;}
.modals-col:nth-child(3n){margin-right:0px;}
.title-2{color: #427AA1; font-size:24px; margin-bottom: 1rem;}
.modals-col .card-img-top{border-radius: 15px;}
.modals-col h5{color: #002C59; font-size: 18px; display: flex; align-items: center; margin: 0px;}
.modals-col h5 i{margin-right: 10px;}
.add-project-col{align-items: center; justify-content: center; text-align: center;}
.add-project-text {font-weight: bold;}
.ctaButton {display: inline-block; width: 100%; margin-top: 2rem;}
.btn-cta {background: #002C59;  display: flex;  border-radius: 15px;  justify-content: space-between;  padding: 1rem 1rem 1rem 1.5rem;  align-items: center;  font-size: 18px;  font-weight: 700;  color: #fff !important;}
.bg-cta2{background: #427AA1;}
.btn-cta span {flex: 1;  padding-right: 1rem;}
.page-top-sec {display: flex; justify-content: space-between;  margin: 10px 0 30px 0;}
.page-top-sec .btn {border-radius: 60px;  padding-left: 25px;  padding-right: 25px; font-weight:500; margin-left: 10px;}
.btn-bg-1{background: #427AA1; border-color: #427AA1;}
.btn-bg-2{background: #4F5D75; border-color: #4F5D75;}
.top-actions {padding: 20px 30px;  justify-content: space-between;}
.top-actions-col {display: flex;  align-items: center;  color: #002C59;  font-size: 18px;  font-weight:500;  width: 20%; margin-right:2rem;  border-right: solid 1px #D0D7E4;}
.top-actions-col i {margin-right:12px;}
.top-actions-col:last-child{margin-right: 0px; padding-right: 0px; border: 0px;}
.default-sec{padding: 1.5rem;}
.title-3 {color: #427AA1; font-size: 20px; margin-bottom:2rem;}
.default-form .form-control {border-radius: 0;}
.button-section .ctaButton {display: flex;  align-items: center;  margin: 0;}
.button-section .btn-cta {min-width: 250px;}
textarea.form-control {min-height: 100px;}
.addprojectImg-col{background: #F3F7FF; height:370px; width: 100%; border-radius: 15px; display: flex;}
.add-project-icon{height: 280px;}
.add-project-icon img{max-width: 100%; max-height: 100%;}
.after-logo-text {color: #427AA1; font-weight: bold;  font-size:22px; text-align: center; margin-top: 1rem;}
.top-right-action .btn{border-radius: 100%; width: 40px; height: 40px; padding: 0px;} 
.top-right-action .btn img{max-width:20px;}
.top-right-area{display: flex;}
.top-two-col .top-actions-col{width: 33.333%;}
.exit-actions{background: #427AA1;}
.top-two-col .exit-actions .top-actions-col{width:50%; color: #fff; border: 0px;}
.top-two-col .exit-actions .top-actions-col i{max-width:28px;}

.table-wrap table{border: solid 1px #CAD2E2;}
.table-wrap table thead{background: #F3F7FF;}
th, td{color: #002C59;}
.sec-title-row{display: flex; justify-content: space-between; flex-wrap: wrap;}
.table-actions-col .btn{padding: 0px; margin: 0px; margin-left:5px;}
.table-actions-col {margin-top: -5px;}
.custom-select02{position: relative;}
.custom-select02 select {appearance: none; -webkit-appearance: none; -moz-webkit-appearance: none; width: 140px; border: 0; background: #427AA1; padding: 5px 25px 5px 20px; border-radius: 60px; color: #fff;  height: 36px;}
.custom-select02:after{background: url(../images/down-arrow.svg) right top no-repeat; width: 12px; height: 8px; position: absolute; right: 13px; top: 13px; content: "";}
ul.doc-media-list li {display: flex; align-items: center;  font-weight: 700; border-bottom: solid 1px #CAD2E2; padding-bottom: 1.5rem; margin-bottom: 1.5rem;}
ul.doc-media-list li i {width: 20px; margin-right: 10px;}
ul.doc-media-list li span { flex: 1;}
span.preview-here-text {display: block;}
.report-review-area { display: flex;  align-items: center;  justify-content: center;  height: 100%;}
.report-review-wrap{height: 97%;}
.top-left-area{display: flex; align-items: center;}
.top-left-col {display: flex; padding-left: 3rem;}
.top-left-col .custom-select02 select {width: 215px; height: 44px;}
.top-left-col .custom-select02:after {right: 18px;  top: 18px;}
.top-left-area .title-2 {margin: 0;}
.top-actions-col a {color: #002C59 !important; display: flex; align-items: center;}
.top-two-col .exit-actions .top-actions-col a{color: #fff !important;}


/* filter */
.filtrerbox-wrapper .ibox {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
}
.ibox .ibox-title {
    border-bottom: 1px solid #e7eaec!important;
}
.ibox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 2px 0 0;
    color: inherit;
    margin-bottom: 0;
    padding: 15px 90px 8px 15px;
    min-height: 48px;
    position: relative;
    clear: both;
}
.ibox-tools {
    display: block;
    float: none;
    margin-top: 0;
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 0;
    text-align: right;
}
.ibox-tools a {
    cursor: pointer;
    margin-left: 5px;
    color: #c4c4c4 !important;
}
.border-bottom {
    border-bottom: 1px solid #dee2e6!important;
}
.m-b-sm {
    margin-bottom: 10px;
}
.ibox-content {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
}


.nav-bar{height: 9%; padding: 10px 10px 1px 15px; background-color:white; border-radius: 10px;}
.nav-bar i{ float: right; margin-top: -40px;}
.nav-bar h4{color:#002C59;}


/* / form-control / */

.income-form {
display: block;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
/* / #Scrollspy1 / */

#Scrollspy1 {
position: relative;
overflow-y: scroll;
height: 240px;
}
/* / select / */

.customeselectclass {
width: 215px;
height: 44px;
appearance: none;
-webkit-appearance: none;
-moz-webkit-appearance: none;
width: 140px;
border: 0;
background: #427AA1;
padding: 5px 25px 5px 20px;
border-radius: 60px;
color: #fff;
height: 36px;
}

.ng-select.custom {
    appearance: none;
    -webkit-appearance: none;
     -moz-webkit-appearance: none;
     border: 0;
     background: #427AA1;
     padding: 5px 25px 5px 20px;
     border-radius: 60px;
 }
 
 .ng-select.custom .ng-select-container {
    width: 215px;
    height: 44px;
 position: relative !important;
 top: 0;
 border-color: transparent !important;
 color: white;
 border-bottom-width: 0.0625rem !important;
 background-color: transparent !important;
 border-radius: 0px;
 }

 .ng-select.custom2 {
    appearance: none;
    -webkit-appearance: none;
     -moz-webkit-appearance: none;
   
     padding: 5px 25px 5px 20px;
     /* border-color: #000!important; */
 }

 .ng-select.custom2 .ng-select-container {
    width: 215px;
    height: 44px;
 position: relative !important;
 top: 0;
 border-bottom-width: 0.0625rem !important;
 
 border-color:#b3b3b3 #ccc #d9d9d9;;
 border-radius: 5px;
 }

 /* accordion */
accordion-group .panel-heading.card-h
eader{
    padding: 0px!important;
  }
  accordion-group.partial .panel-heading{
    background-color: gainsboro;
  }
  accordion-group.full .panel-heading{
    background-color: #a5eaf5;
  }
  accordion-group .panel-heading.card-header{
    padding: 0px!important;
  }


  input:disabled 
  {
    /* background-color: -internal-light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3))!important; */
    background-color: lightgrey!important;
  }

.button {
    background-color: #f3f7ff;
    color: #002C59;
    border: none;
    padding: 10px 20px;
}
.title{
    text-align: center;
}

#FinancialTable td, #FinancialTable th {
    border: 1px solid #dddddd;
    padding: 0.95rem;
  }