@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
#style-3::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb
{
	background-color: #e54c3f;
}

html,body{ min-height: 100%;}
body{font-family: 'Open Sans', sans-serif; color: #1a1a1a !important; background-color: #f5f9fc;}
.text-dgray{ color: #333333;}
.text-lgray{ color: #999999;}
.fw-500{ font-weight: 500;}
.f10{ font-size: 0.55rem;}
.f11{ font-size: 0.65rem;}
.f12{ font-size: 0.75rem;}
.f14{ font-size: 0.875rem;}
.f16{ font-size: 1rem;}
.f18{ font-size: 1.25rem;}
.f20{ font-size: 1.375rem;}
.f24{ font-size: 1.5rem;}
.f28{ font-size: 2rem;}
.f40{ font-size: 2.5rem; line-height: 40px}
.pr-1{ padding-right:10px}
.pr-2{ padding-right:30px}
.pt-30{padding-top:30px}
label {font-weight:600}
.rounded-12{border-radius: 0.5rem;}
.rounded-16{border-radius: 1rem;}
.btn{ border-radius: 8px;}
.border-gray{ border-color: #29abe2 !important;}
.add-btn{ background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); border-radius: 20px; padding: 2px 10px; color: #000000; text-decoration: none; display: inline-block; box-shadow: 0 1px 5px #bbbbbb; font-size:13px;}
.add-btn-big{ /*background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); border-radius: 8px;  text-decoration: none; box-shadow: 0 1px 5px #bbbbbb;*/ padding: 0px 10px; color: #133FA1;  display: inline-block;  font-size:14px; font-style: normal; text-decoration: none;}


/* Commented by Evan Nielsen */
/* .nav-tabs .nav-link{ font-size: 14px; color: #000000; text-decoration: none; padding: 5px 10px; display: inline-block; border-radius: 5px;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{ background-color: #000000; color: #ffffff; font-weight: 700; position: relative;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active:after{ content: ""; position: absolute; bottom: -8px; left: 0; right: 0; margin: auto;  width: 0; height: 0; border-left: 10px solid transparent;
  border-right: 10px solid transparent;  border-top: 8px solid #000000;} */

.btn-primary{ background-color: #0f70cd; border-color: #29abe2;}
.btn-primary:focus, .btn-primary:hover{background-color: #045da5; border-color: #29abe2;}
.border-primary{border-color: #0f70cd !important;}
.forgot-color{color: #0071bc; text-decoration: none;}
.login-bg{  background-image:  linear-gradient(  #e6e6e6 45%, #ffffff 0%, #ffffff 55% );}
.login-badge{background: url("../images/badge-icon.svg"); width: 20px; height: 50px; position: absolute; top:0; left: 15px;}
.login-elements{background: url("../images/login-elements.svg"); width: 96px; height: 100px; position: absolute; bottom:0; right: 0;}
.login-block-wraper, .four04-wraper{ min-height: 100vh; padding: 0 1rem;}
.login-block{box-shadow: 0px 1px 12px #575656;}
.login-logo img{ width: 150px;}
.login-img{ border-radius: 1rem 0 0 1rem;}
.login-hd{ font-size: 1.375rem; font-weight: 500;}
.login-elements{ margin-top: 3rem;}
.login-elements .login-elements-icons{ width: 80%;}
header .dropdown-menu{ padding: 10px; border-radius: 8px; border-color: #808080;}
header .dropdown-menu li{ padding: 3px 0;}
header .dropdown-menu li:not(:last-child){ border-bottom: 1px solid #808080;}
header .dropdown-item{ padding: .5rem 1rem; color: #000000;}
header .dropdown-item:focus,header .dropdown-item:hover{background-color: #000000; color: #ffffff; border-radius: 6px;} 
header .dropdown-item .profile-icons{ width: 18px; height: 18px; display: inline-block; vertical-align: middle; margin-right: 5px;}

header .dropdown-item .profile-icons.profile-icon{background: url("../images/profile-information-icon.svg") no-repeat;}
header .dropdown-item:hover .profile-icons.profile-icon{background-position: 0 -18px;}
header .dropdown-item .profile-icons.password-icon{background: url("../images/change-password-icon.svg") no-repeat;}
header .dropdown-item:hover .profile-icons.password-icon{background-position: 0 -18px;}
header .dropdown-item .profile-icons.request-icon{background: url("../images/request-icon.svg") no-repeat;}
header .dropdown-item:hover .profile-icons.request-icon{background-position: 0 -18px;}
header .dropdown-item .profile-icons.faqhelp-icon{background: url("../images/faqhelp-icon.svg") no-repeat;}
header .dropdown-item:hover .profile-icons.faqhelp-icon{background-position: 0 -18px;}

/*side menu icons */
.navbar .navbar-toggler{ border: none !important; padding: 0 !important; top: 1rem !important;}
.navbar .navbar-toggler:focus{ box-shadow: none;}
.sidebar { position: fixed; top: 0; bottom: 0; left: 0; z-index: 100; padding: 0;  background-color: #ffffff !important;}
.sidebar-sticky { position: relative; top: 0; height: calc(100vh - 48px); padding-top: .5rem; overflow-x: hidden; overflow-y: auto;}
.sidebar .nav{ margin: 0 0;}
.sidebar .nav-item{ margin-bottom: 4px;}
.sidebar .nav-link { font-weight: 600; color: #000000; font-size: 14px; display: flex; align-items: center; padding: 6px 12px; border-radius: 8px; border: none;}
.sidebar .nav-link .menu-icons{ display: inline-block; width: 22px; height: 22px;}

.sidebar .nav-link .menu-icons.nav-home-icon{ background: url("../images/na-home-icon.svg");}
.sidebar .nav-link.active .menu-icons.nav-home-icon{ background-position: 0px -22px;}
.sidebar .nav-link .menu-icons.nav-leasehold-icon{ background: url("../images/na-leasehold-icon.svg");}
.sidebar .nav-link.active .menu-icons.nav-leasehold-icon{ background-position: 0px -22px;}
.sidebar .nav-link .menu-icons.nav-improvments-icon{ background: url("../images/na-improvments-icon.svg");}
.sidebar .nav-link.active .menu-icons.nav-improvments-icon{ background-position: 0px -22px;}
.sidebar .nav-link .menu-icons.nav-spaces-icon{ background: url("../images/na-spaces-icon.svg");}
.sidebar .nav-link.active .menu-icons.nav-spaces-icon{ background-position: 0px -22px;}
.sidebar .nav-link .menu-icons.nav-tenants-icon{ background: url("../images/na-tenants-icon.svg");}
.sidebar .nav-link.active .menu-icons.nav-tenants-icon{ background-position: 0px -22px;}
.sidebar .nav-link .menu-icons.nav-leases-icon{ background: url("../images/na-leases-icon.svg");}
.sidebar .nav-link.active .menu-icons.nav-leases-icon{ background-position: 0px -22px;}
.sidebar .nav-link .menu-icons.nav-reports-icon{ background: url("../images/na-reports-icon.svg");}
.sidebar .nav-link.active .menu-icons.nav-reports-icon{ background-position: 0px -22px;}
.sidebar .nav-link .menu-icons.nav-rolecall-icon{ background: url("../images/na-rolecall-icon.svg");}
.sidebar .nav-link.active .menu-icons.nav-rolecall-icon{ background-position: 0px -22px;}
.sidebar .nav-link .menu-icons.nav-rentrolecall-icon{ background: url("../images/na-rentrolecall-icon.svg");}
.sidebar .nav-link.active .menu-icons.nav-rentrolecall-icon{ background-position: 0px -22px;}
.sidebar .nav-link .menu-icons.nav-support-icon{ background: url("../images/na-support-icon.svg");}
.sidebar .nav-link.active .menu-icons.nav-support-icon{ background-position: 0px -22px;}
/*Side menu icons end*/

.sidebar .nav-link .feather { margin-right: 4px; color: #727272;}
.sidebar .nav-link:focus, .sidebar .nav-link:hover { color: #222222; border: 1px solid #222222;  border-radius: 8px;}
.sidebar .nav-link.active{ color: #ffffff; background-color: #00205b; text-shadow: 1px 1px #514f4f; border-radius: 8px;}
.sidebar .copy{color: #4d4d4d;}
.navbar{background-color: #f5f9fc; border-bottom: 1px solid #CCCCCC;}
.navbar-brand { padding-top: .55rem; padding-bottom: .55rem; background-color: transparent; text-align: center;}
.navbar .navbar-toggler { top: .25rem; right: 1rem;}
.navbar .page-title{ font-size: 26px;}
.navbar .search-btn{background-color: #e2e9f5; font-size: 13px; padding:11px 10px; border-radius: 5px; box-shadow: 1px 0px 0px #cccccc; border: none;}
.navbar .user-letters{ display: inline-block; background-color: #e2e9f5; font-size: 13px; padding:11px 10px; border-radius: 5px; box-shadow: 1px 0px 0px #cccccc;}
.navbar .dropdown-toggle::after{ border: none; background: url("../images/down-arrow.svg"); width: 20px; height: 11px;}
.logo{ width:145px;}
.navbar .user-dropdown a{ text-decoration: none;}
.navbar .user-dropdown a .user-name{ font-size: 13px; color: #1a1a1a; line-height: 12px; font-weight: 500;}
.navbar .user-dropdown a small{color: #999999;font-size: 12px;}
/*.logout-icon{ background: url("../images/nav-logout-icon.svg") no-repeat; width: 193px; height: 132px; display: inline-block; text-indent: -9999px;}
.logout-icon:hover, .logout-icon:focus{ background-position: 0 -132px;}*/
.logout-icon{ background: url("../images/logout-button.svg") no-repeat; width: 120px; height: 80px; display: inline-block; text-indent: -9999px;}
.logout-icon:hover, .logout-icon:focus{ background-position: 0 -80px;}
.form-label{font-weight: 500;}

.global-search{ width: 100%;}
.content-waper{ padding-top: 1rem;}
.content-body{min-height: calc(100vh - 248px);}
.breadcrumb-hd .breadcrumb-item, .breadcrumb-hd .breadcrumb-item a{ font-size: 1.75rem;; font-weight: 500; color: #333333; text-decoration: none;}
.custom-form .form-control, .custom-form .form-select{ border-radius: 0; border-left: none; border-right: none; border-top: none; background-color: transparent; padding-left: 0; font-weight: 300}
.custom-form .form-control:focus{ box-shadow: none;}
.custom-form select { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; cursor: pointer; background: #ffffff url(../images/select-arrow.svg) no-repeat center right 10px; padding-right: 38px; }
.custom-form select::-ms-expand {display: none;}
.form-control, .form-select{ border: 1px solid #676767}
.file { position: relative; overflow: hidden;}
.file input { position: absolute; font-size: 50px; opacity: 0; right: 0; top: 0;}
.custom-scroll{ min-height: .01%;overflow-x: auto; border: 1px solid #ddd;}
.fixed-table-header{ border: none; width: 99.9%;}
.fixed-table-header th { position: sticky; top: 0; background: #E0E3E8 !important; z-index:2; border-bottom: 1px solid #ccc; color: #222222; font-size: 15px; font-weight: 700;}
.fixed-table-header th:first-child{border-radius:8px 0 0 8px; padding-left: 15px}
.fixed-table-header th:last-child{border-radius:0 8px 8px 0}
.fixed-table-header td:first-child{padding-left: 15px}
.table > :not(caption) > * > *{ border-color: #e6e6e6 !important;}
.table > thead > :not(caption) > * > *{ border-top: none;}
.table td{ font-size: 14px; color: #666666;}
.table td.table-actions a{ display: inline-block; vertical-align: middle;}
.table td.table-actions a .tactions{width: 20px; height: 20px; display: block; transition: 0.5s}
.table td.table-actions a .tactions:hover{transform: scale(1.2)}
.table td.table-actions a .tedit-icon.tactions{background: url(../images/tedit-icon.svg) no-repeat; }
.table td.table-actions a .tview-icon.tactions{background: url(../images/tview-icon.svg) no-repeat; }
.table td.table-actions a .tdelete-icon.tactions{background: url(../images/tdelete-icon.svg) no-repeat; }
.table td.table-actions a .trolcal-icon.tactions{background: url("../images/rolcall-icon.svg") no-repeat; }
.custom-tabs .nav-item{ border-right: 1px solid #f2f2f2;}
.custom-tabs{ background-color: #4d4d4d;}
.custom-tabs .nav-link{color: #ffffff; border-radius: 0; border: none; font-size: 0.85rem; padding: .4rem 1rem;}
.custom-tabs .nav-link.active, .custom-tabs .nav-link:focus, .custom-tabs .nav-link:hover{ background-color: #f2f2f2; color: #333333;}

.delete-icon{background: url(../images/tdelete-icon.svg) no-repeat; width: 20px; height: 20px; display: block;}

.kpi-block{ border-radius: 12px; box-shadow: 0 3px 3px #cccccc; border: 2px solid #ffffff;}
.kpi-block .kpi-num{ font-size: 90px; line-height: 90px; text-decoration: none; color: #222222;}
.kpi-block .kpi-text{ font-size: 14px; color: #000000; line-height: 18px; }
.kpi-block.l-bluebg{ background-color: #dcf4f7;}
.kpi-block.l-greenbg{ background-color: #ebf7ed;}
.kpi-block.l-purplebg{ background-color: #eae5f9;}
.kpi-block.l-garybg{ background-color: #e0e3e8;}
.kpi-block.l-whitebg{ background-color: #f2f5fa;}
.kpi-block.l-megentag{ background-color: #f8ede7;}
.kpi-block.l-pinkbg{ background-color: #dde8e3;}
.form-control, .form-select{ border-color: #e6e6e6; border-radius: 8px; padding: .5rem .75rem;}
.form-select { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; cursor: pointer; background: #ffffff url(../images/down-arrow.svg) no-repeat center right 15px; padding-right: 43px; }
.form-select::-ms-expand {display: none;}
.cal-icon{ background:  url(../images/cal-icon.svg) no-repeat; width: 18px; height: 18px; display: block;}
.hour-icon{ background:  url("../images/hour-icon.svg") no-repeat; width: 18px; height: 18px; display: block;}
.search-icon{ background: url(../images/search-icon.svg) no-repeat; width: 18px; height: 18px; display: block;}
.input-group-text{ background-color: transparent; border-radius: 15px; padding-right: 15px; border-color: #e6e6e6;}
.input-group.right .form-control{ border-right: 0;}
.input-group.left .form-control{ border-left: 0;}
.input-group.left .input-group-text{ padding-left: 15px; padding-right: 0;}
.file { position: relative; overflow: hidden; border-radius: 8px;}
.file input { position: absolute; font-size: 50px; opacity: 0; right: 0; top: 0;}
.bg-404{background: url("../images/404-bg.jpg") no-repeat; background-size: cover; }
.texthd-404{ font-size: 44px; color: #6c6666;}
.textsubhd-404{ font-size: 24px; color: #6c6666; line-height: 26px;}
.custom-accordion{ margin-top: 0.75rem;}
.custom-accordion .accordion-button{border-radius: 6px; color: #000000; font-weight: 700; background-color: #e2e9f5;  border: 2px solid #ffffff; box-shadow: 0 0px 4px #484848 !important; padding-left: 50px;}
.custom-accordion .accordion-button:not(.collapsed){ background-color: #e5f8fc !important; }
.custom-accordion .accordion-item{ border: none; margin-bottom: 1rem; background-color: transparent;}
.custom-accordion .accordion-button{ border-radius: 6px !important;}
.custom-accordion .accordion-button::after{ position: absolute; left: 15px;}
.modal-content {border-radius:12px; box-shadow: 0 0 3px #444; border: 3px solid #ffffff; background-color: #dcf4f7;}
.btn-close{ width: 15px; height: 15px;}
.modal-body{ /*background-color:#f5f9fc;*/}
.modal-title{ font-size: 20px; font-kerning: 10px; color: #555; text-transform: uppercase;}
@media (min-width:768px){
	/*.login-block-wraper{ transform: translateY(-100px);}*/
	.login-block-wraper, .four04-wraper{ min-height: 100vh;}
	.login-block{ width: 700px; min-height: 400px; overflow: hidden;}
	.login-block .login-img-block{ width: 40%;}
	.login-block .login-fileds{ width: 57%;}
	.login-fileds{ border-top: none; margin-top: 0; display: flex; flex-direction: column; justify-content: space-between;}
	.login-elements .login-elements-icons{ width: 70%;}
	.h-720{ height: 722px;}
}
@media (min-width:992px){
	.login-badge{left: 100px;}
	.login-text{color: #222222; font-size: 32px; border-left: 1px solid #6c6666;}
	.navbar{background-color: #f5f9fc; border-bottom: 0px solid #CCCCCC;}
  .navbar-brand { padding-top: .55rem; padding-bottom: .55rem; background-color: #ffffff !important; text-align: center; border-right: 1px solid #00205b;}
  .sidebar, .navbar-brand{ width: 230px; background-color: #f5f9fc !important; }
	.sidebar{padding: 74px 0 0;}
	.content-waper{ padding-left: 245px; padding-right: 20px; padding-top: 0; border-top: 1px solid #CCCCCC;}
	.global-search{ width: 450px;}
	.scrollbar{max-height: calc(100vh - 332px)}
	.siderbar-items{min-height: calc(100vh - 75px);flex-direction: column; justify-content: space-between;}
	.main-nav{max-height: 78vh; overflow: auto; display: block;}
  .sidebar-bg{ background: #f5f9fc; border-right: 1px solid #00205b;}
	.border-custom{ width: 200px; height: 1px; background-color: #888888;  margin: 10px auto 0;}
}

.scanner-icon{
  background: url("../images/scanner.svg") no-repeat;
  width: 24px;
  height: 24px;
  display: block;
}

.circle-add-icon{
  background: url("../images/add.png") no-repeat;
  width: 24px;
  height: 24px;
  display: block;
}

.circle-add-icon{
  background: url("../images/add.png") no-repeat;
  width: 24px;
  height: 24px;
  display: block;
}

.circle-bell{
  background: url("../images/circle_bell.svg") no-repeat;
  width: 40px;
  height: 40px;
  display: block;
  transition: 0.5s;
  cursor: pointer;
  border:1px solid #087f5b;
  border-radius: 5px;
}

@media (max-width: 991.98px) {
  .sidebar {
    top: 7rem;
  }

  .siderbar-items {
    width: 320px;
  }
}

@media (max-width: 767.98px) {
  .login-row {
    margin: 0;
  }

  .sidebar {
    top: 7rem;
  }

  .siderbar-items {
    width: auto;
  }
}