/*
Author       : Waytoweb
Template Name: writodox
Version      : 1.0
*/

/*  Font Face Style */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

/*  Global */
:root { --bs-primary: #00256d; --bs-secondary: #00256d; --color-default: #333333; --font-default: 'Poppins', sans-serif; }
img { max-width:100%; height:auto; }
body { color: var(--color-default); font-size: 14px; line-height: 1.4; background-color: #ffffff; font-family: var(--font-default); }

/* Typography  */
video, audio { max-width:100%; height:auto; }
object { max-width:100%; }
iframe { max-width:100%; }
strong { font-weight:bold; }
a { text-decoration: none; color: var(--bs-primary); }
a:hover { color: var(--bs-secondary); }
h1, h2, h3, h4, h5, h6 { clear: both; font-weight: 600; line-height: 1.35; margin: 0 0 15px; color:#333333; font-family: var(--font-default); }
h1 { font-size: 32px; }
h2 { font-size: 28px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
ul { margin:0 0 12px; }
p { line-height:1.5; margin-bottom:12px; }

/* Base  */
.site { position: relative; display: flex; flex-direction: column; min-height: 100vh; }
a.disable-link { cursor: default; pointer-events: none; }

/* Header  */
.site-header { position: relative; }
.site-logo, .site-page-name { margin-right: 20px; font-size: 32px; }
.site-logo a, .site-page-name a { color: #ffffff; }
.site-logo a:hover, .site-logo a:focus, .site-page-name a:hover, .site-page-name a:focus { color: #fff; }

/* Navbar */
.navbar { padding: 15px 0; transition: all 0.4s ease-in-out; }
/* .navbar.navbar-light { background-color: var(--bs-primary); color: #ffffff; } */
.navbar.navbar-light {
  background-color: #fff;
  color: #333;
  box-shadow: 0 1px 8px rgba(0,0,0,.1);
}
.navbar-expand-lg .navbar-nav { flex-direction: column; border-top: solid 1px #ffffff30; width: 100%; }
.navbar-nav li { padding: 0; display: flex; flex-direction: column; border-bottom: solid 1px #ffffff30; }
.navbar-light .navbar-nav .nav-link { flex: 1; display: flex; align-items: center; padding: 10px 20px; font-family: var(--font-default); font-weight: 500; font-size: 14px; color: #ffffff; }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link { color: #ffffff; }
.navbar-expand-lg .offcanvas { order: 1; }
.navbar-light .navbar-toggler { order: 2; color: #333; border-color: transparent; font-size: 32px; padding: 0; width: auto; height: auto; display: block; }
.navbar-light .navbar-toggler:hover,.navbar-light .navbar-toggler:focus { color: #333; border-color: transparent; background-color: transparent; box-shadow: none; }
.offcanvas-menu { background-color: var(--bs-primary); color: #333; border-left: 0 none; }
.offcanvas-menu .offcanvas-body { padding: 0; }
.offcanvas-header .btn-close { margin-left: 4px; min-height: 10px; }
.offcanvas-header .btn-close, .offcanvas-header .btn-close:hover, .offcanvas-header .btn-close:focus { background-color: #ffffff; }
.navbar-expand-lg .offcanvas { position: fixed; z-index: 1045; flex-grow: 1; width: 400px !important; height: 100% !important; visibility: hidden !important; background-color: #333333 !important; border: 0 !important; transform: translateX(100%) !important; transition: transform 0.3s ease-in-out; }
.navbar-expand-lg .offcanvas.show:not(.hiding), .navbar-expand-lg .offcanvas.showing { transform: none !important; }
.navbar-expand-lg .offcanvas.hiding, .navbar-expand-lg .offcanvas.show, .navbar-expand-lg .offcanvas.showing { visibility: visible !important; }
.navbar-expand-lg .offcanvas .offcanvas-header { display: block; }
.navbar-right { display: flex; align-items: center; }

/* Labels */
.form-label { margin-bottom: 8px; font-size: 14px; color: #333333; }

/* Input Groups */
.form-control, input[type="number"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="search"], input[type="url"], textarea, select { padding: 8px 20px; border-radius: 4px;-moz-border-radius: 4px; height: 54px; max-width: 100%; font-size: 16px; font-weight: 400; color: #333; background-color: #ffffff; border: solid 1px #dadce0; font-family: var(--font-default); }
.form-select { background-position: right 1.25rem center; border-radius: 4px;-moz-border-radius: 4px; height: 54px; padding: 8px 20px; background-color: #ffffff; border: solid 1px #dadce0; color: var(--color-default); font-size: 16px; font-weight: 400; font-family: var(--font-default); }
.form-control:focus, .form-select:focus { box-shadow: none !important; border: solid 1px #00256D !important; }
textarea.form-control { border-radius: 15px; }
.input-group > .form-control, .input-group > .form-select { min-width: 100px; }
::-webkit-input-placeholder { color: rgba(161, 177, 177, 1); }
::-moz-placeholder { color: rgba(161, 177, 177, 1); }
:-ms-input-placeholder { color: rgba(161, 177, 177, 1); }
:-moz-placeholder { color: rgba(161, 177, 177, 1); }
/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
/* Firefox */
input[type=number] { -moz-appearance: textfield; }
.form-check { padding-left: 30px; min-height: auto; }
.form-check-input { border: solid 2px #9E9E9E; width: 18px; height: 18px; margin-top: 1px; background: none; }
.form-check .form-check-input { margin-left: -30px; }
.form-check-input:checked { background-color: transparent; border-color: #9E9E9E; }
.form-check-input:checked[type="radio"] { background-color: var(--bs-secondary); border-color: var(--bs-secondary); }
.form-check-input:focus { box-shadow: none; }
.form-control.is-valid, .was-validated .form-control:valid {
  border-color: #00256D;
  padding-right: calc(1.5em + 0.75rem);
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}


/*select2-container*/
.select2.select2-container { width: 100% !important; }
.select2-container .select2-selection--single { height: 43px; display: flex; flex-direction: column; justify-content: flex-end; }
.select2-container--default .select2-selection--single { background-color: #ffffff; border: solid 1px #cccccc; border-radius: 30px; }
.select2-container .select2-selection--single .select2-selection__rendered { padding-left: 20px; padding-right: 44px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--color-default); line-height: 43px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 41px; width: 44px; }
.select2-container--default .select2-search--dropdown .select2-search__field { border-color: #cccccc; border-radius: 4px; }
.select2-dropdown { border-color: #cccccc; }
.select2-container--default .select2-results__option--selected { background-color: #cccccc; }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: var(--bs-primary); }
.select2-results__option { padding: 4px 20px; }
.select2-container--default .select2-search--dropdown .select2-search__field:focus, .select2-container--default .select2-search--dropdown .select2-search__field:focus-visible { border-color: #cccccc; }
.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible { outline: none; }
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-radius: 4px; }

/* Buttons */
.btn, input[type=button], input[type=submit], input[type=reset] { display: inline-block; font-size: 16px; padding: 7px 30px; border: solid 1px transparent; border-radius: 30px; box-sizing: border-box; font-weight: 400; text-transform: capitalize; font-family: var(--font-default); }
input[type=button], input[type=submit], input[type=reset], .btn-primary { color: #fff; background-color: var(--bs-primary) !important; border-color: var(--bs-primary) !important; }
input[type=button]:hover, input[type=button]:focus, input[type=submit]:hover, input[type=submit]:focus, input[type=reset]:hover, input[type=reset]:focus, .btn-primary:hover, .btn-primary:focus, .btn-primary:focus-visible, .btn-primary:first-child:active, :not(.btn-check) + .btn-primary:active {  color: #fff; background-color: var(--bs-secondary); border-color: var(--bs-secondary); box-shadow: none; }
.btn-group-sm > .btn, .btn-sm { border-radius: 0; font-size: 14px; padding: 8px 20px; }
.btn-group-lg > .btn, .btn-lg { border-radius: 0; font-size: 18px; padding: 15px 30px; }
.btn img, .btn svg { margin-left: 12px; }
.btn-close:focus { box-shadow: none; }
.btn-link { color: rgba(0,0,0,0.6); text-decoration: none; }
.btn-link:hover, .btn-link:focus { color: rgba(0,0,0,1); }

.btn-primary.btn-sm{
  font-size: 12px;
  padding: 5px 20px;
  border-radius: 30px;
}

/* Main Content */
.site-main { flex: 1; position: relative; z-index: 1; }
.site-section { position: relative; padding: 25px 0; }

/*vertical-center-main*/
.vertical-center-main { display: flex; flex-direction: column; justify-content: center; }
.auth-section .container { display: flex; flex-direction: column; align-items: center; }

/*writodox-card*/
.writodox-card {
  max-width: 450px;
  width: 100%;
  padding: 48px 40px 36px;
  min-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #fff;
  border: 1px solid #dadce0;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.writodox-card-header { text-align: center; margin-bottom: 40px; font-size: 18px; }
.writodox-card-header h2 { font-size: 24px; margin-bottom: 6px; line-height: 1.25; color: rgb(32,33,36);}
.account-dropdown .dropdown-menu li .dropdown-item {font-size: 16px;}
.required-color { color: #ff0000; }
.writodox-card-reg { text-align: center; font-size: 18px; }
.writodox-card-reg h2 { font-size: 24px; }
.writodox-card-reg-thumb { margin-bottom: 10px; }

/*dashboard-main*/
.dashboard-main { position: relative; }
.dashboard-container { max-width: 910px; margin: 0 auto; }
/*.dashboard-card { transition: all 0.4s ease-in-out; font-size: 20px; color: #333333; border-radius: 30px; border: 4px solid rgba(154, 225, 94, 0.00); background-color: #F6F6F6; box-shadow: 0px 6px 4px 0px rgba(0, 0, 0, 0.25); min-height: 310px; display: flex; flex-direction: column; justify-content: center; align-items: center;padding: 50px 20px; }*/

.dashboard-card {
  transition: all 0.4s ease-in-out;
  font-size: 20px;
  color: #333333;
  background-color: #fff;
  /* min-height: 310px; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 50px 20px;
  border: 2px solid #00256D;
  border-radius: 2rem;
  box-shadow: 10px 11px 11px rgb(14 55 54 /25%);
}
/* .dashboard-main-2 .box-dashboard:nth-child(1) .dashboard-card {
  border-radius: 50px;
  border: 10px solid #3088E2;
  box-shadow: 0 10px 20px rgba(0,0,0,0.1);
 
}

.dashboard-main-2 .box-dashboard:nth-child(2) .dashboard-card {
  border-radius: 50px;
  border: 10px solid #ff5722;
  box-shadow: 0 10px 20px rgba(0,0,0,0.1);
 
}
.dashboard-main-2 .box-dashboard:nth-child(3) .dashboard-card {
  border-radius: 50px;
  border: 10px solid #017e8f;
  box-shadow: 0 10px 20px rgba(0,0,0,0.1);
 
}
.dashboard-main-2 .box-dashboard:nth-child(4) .dashboard-card {
  border-radius: 50px;
  border: 10px solid #009688;
  box-shadow: 0 10px 20px rgba(0,0,0,0.1);
 
}
.dashboard-main-2 .box-dashboard:nth-child(5) .dashboard-card {
  border-radius: 50px;
  border: 10px solid #795548;
  box-shadow: 0 10px 20px rgba(0,0,0,0.1);
 
}
.dashboard-main-2 .box-dashboard:nth-child(6) .dashboard-card {
  border-radius: 50px;
  border: 10px solid #e91e63;
  box-shadow: 0 10px 20px rgba(0,0,0,0.1);
 
} */



.dashboard-card:hover { background-color: var(--bs-primary); color: #ffffff; }
.site-breadcrumb { margin-bottom: 0; display: flex; flex-wrap: wrap; align-items: center; }
.site-breadcrumb .breadcrumb-item { font-size: 20px; font-weight: 400; color: #000; margin-bottom: 8px; }
.site-breadcrumb .breadcrumb-item:first-child { font-size: 20px; }
.site-breadcrumb .breadcrumb-item.active, .site-breadcrumb .breadcrumb-item a { color: #333333; }
.breadcrumb-item + .breadcrumb-item:before { content: ">"; }
.partnership-deed-card { max-width:450px; }
.partnership-deed-card label { margin-bottom: 5px;}
.dashboard-main p { color: rgba(0,0,0,0.6);}

/*account-dropdown*/
.account-dropdown { margin: 25px 0; text-align: center; }
.account-dropdown .dropdown-toggle { padding: 0; background: none; color: rgba(0,0,0,0.6); border: 0 none; font-size: .875rem; font-weight: 400; }
.btn-check:checked + .dropdown-toggle, .dropdown-toggle.active, .dropdown-toggle.show, .dropdown-toggle:first-child:active, :not(.btn-check) + .dropdown-toggle:active { background: none; color: #000; border: 0 none; }
.gst-show { display: none; }
.dropdown-item.active, .dropdown-item:active { color: #ffffff; background-color: var(--bs-primary); }
.gst-link { color: var(--color-default); font-size: 16px; padding-left: 26px; position: relative; margin-right: 30px; }
.gst-link:hover, .gst-link:focus, .gst-link.active { color: #333333; }
.gst-link:before { content: ''; position: absolute; left: 0; top: 50%; z-index: 1; transform: translateY(-50%); width: 18px; height: 18px; border: solid 2px #a6a1a1; border-radius: 50%; }
.gst-link.active:before { background-color: var(--bs-primary); border-color: var(--bs-primary); }

/*pdf-download*/
.pdf-download { margin-top: 50px; text-align: center; font-size: 20px; }
.pdf-download p { margin-bottom: 20px; }
.pdf-download-list { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; list-style: none; padding-left: 0; }
.pdf-download-list li { padding: 0 5px; margin-bottom: 10px; }
.pdf-download-list li img { margin-bottom: 5px; }
.pdf-download-list li a { display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 14px; color: var(--color-default); }

/*dashboard-index-main*/
.dashboard-index-main { display: flex; flex-wrap: wrap; }
.dashboard-index-sidebar { min-width: 320px; max-width: 320px; position: relative; margin-bottom: 20px; }
.dashboard-index-content { min-width: calc(100% - 320px); max-width: calc(100% - 320px); position: relative; padding-left: 100px; margin-bottom: 20px; display: flex; flex-direction: column; }
.dashboard-index-content .tab-content { flex: 1; display: flex; flex-direction: column; }
.dashboard-index-content .tab-pane { flex: 1; flex-direction: column; }
.dashboard-index-content .tab-pane.active { display: flex; }
.dashboard-index-sidebar-card { height: 100%; border-radius: 28px; border: 1px solid #000; background-color: #F4F4F4; padding: 16px 20px 16px 40px; position: relative; }
.dashboard-index-sidebar-card h3 { font-size: 21px; font-weight: 700; margin-bottom: 8px; }
.dashboard-index-nav-tabs { list-style: none; padding-left: 0; margin-bottom: 0; flex-direction: column; border-bottom: 0 none; }
.dashboard-index-nav-tabs .nav-item { position: relative; margin-bottom: 2px; }
.dashboard-index-nav-tabs .nav-link { text-align: left; border: 0 none; width: 100%; font-size: 14px; font-weight: 400; color: #333333; display: flex; align-items: flex-start; position: relative; padding: 4px 8px; border-radius: 30px; }
.dashboard-index-nav-tabs .nav-link > * { position: relative; z-index: 3; }
.dashboard-index-nav-tabs .nav-link:hover, .dashboard-index-nav-tabs .nav-link:focus, .dashboard-index-nav-tabs .nav-link.active { color: #ffffff; background-color: var(--bs-primary); }
.dashboard-index-nav-tabs .nav-link .bi { margin-left: auto; }
.dashboard-index-card { height: 100%; border: solid 1px #333333; border-radius: 28px; background-color: #ffffff; padding: 36px; }
.edit-link, .edit-link-close,.add-link,.delete-link { font-size: 12px; color: rgba(0, 0, 0, 0.5); display: inline-block; margin-bottom: 10px; }
.dashboard-index-card h6 { font-weight: 500; font-size: 14px; margin-bottom: 10px; }
.un-edit-content { position: relative; flex: 1; display: flex; flex-direction: column; }
.edit-content { display: none; flex: 1; flex-direction: column; }
.edit-content.show { display: flex; }
.edit-content textarea { padding: 6px 10px; font-size: 14px; }
.nav-input-group { position: relative; display: none; }
.nav-input-group.show { display: flex; }
.nav-input-group .form-control { padding: 2px 8px; font-size: 14px; font-weight: 400; }
.nav-input-group .input-group-text { cursor: pointer; padding: 2px 8px; border-color: #cccccc; background-color: #ffffff; border-radius: 0 30px 30px 0; }
.nav-input-group .input-group-text .bi, .nav-input-group .input-group-text .bi:before { display: block; }
.menu-list li {margin-bottom: 8px;}
.un-edit-content .col {color: rgba(0,0,0,0.6);}
.work-progress-list .table th {
  background-color: #017e8f17;
}
.work-progress-list .table td {
  border: solid 1px var(--bs-border-color) !important;
}
.work-progress-list .table i {
  color: #fff;
}
.work-progress-list .pagination .paginate_button.page-item.active .page-link {
  background-color: #00256D;
  border-color: #00256D;
  color: #fff;
}
.work-progress-list .pagination .paginate_button.page-item .page-link {
  color: #000;
}
.action-buttton-block .btn {
  border-radius: 5px !important;
  font-size: 14px;
  padding: 6px 12px;
}

.site-logo img {
  margin-top: 6px;
  width: 174px !important;
}
/*  Media Queries */
@media (max-width: 1399px) {
  .dashboard-index-content { padding-left: 60px; }
}

@media (max-width: 1199px) {
  .site-logo, .site-page-name { font-size: 28px; }
  .dashboard-index-content { padding-left: 20px; }
}

@media (max-width: 991px) {
  h1 { font-size: 30px; }
  h2 { font-size: 26px; }
  h3 { font-size: 22px; }
  h4 { font-size: 18px; }
  h5 { font-size: 16px; }
  h6 { font-size: 16px; }
  .site-section { padding: 20px 0; }
  .navbar { padding: 10px 0; }
  .writodox-card-header { margin-bottom: 20px; font-size: 16px; }
  .site-breadcrumb .breadcrumb-item { font-size: 14px; }
  .writodox-card-header h2, .writodox-card-reg h2, .site-breadcrumb .breadcrumb-item:first-child {  font-size: 14px; }
  .form-label, .writodox-card-reg { font-size: 16px; }
  .site-logo, .site-page-name { font-size: 24px; }
  .dashboard-card { font-size: 20px; }
  .pdf-download { margin-top: 30px; font-size: 18px; }
  .pdf-download p { margin-bottom: 10px; }
  .dashboard-index-sidebar { min-width: 100%; max-width: 100%; }
  .dashboard-index-content { min-width: 100%; max-width: 100%; padding-left: 0; }
  .dashboard-index-card { padding: 28px; }
}

@media (max-width: 767px) {
  .writodox-card { padding: 50px 30px; }
  .site-logo, .site-page-name { font-size: 22px; }
  .site-logo img { width: 132px !important; margin-top: 10px;}
}

@media (max-width: 575px) {
  .offcanvas-menu.offcanvas.offcanvas-end { width: 300px !important; }
  a.disable-link { cursor: pointer; pointer-events: inherit; }
  .writodox-card { /*padding: 40px 20px;*/ min-height: auto; }
  .site-breadcrumb .breadcrumb-item { font-size: 14px; }
  .writodox-card-header h2, .writodox-card-reg h2, .site-breadcrumb .breadcrumb-item:first-child {   font-size: 14px;}
  .site-logo, .site-page-name { font-size: 18px; margin-right: 10px; }
  .dashboard-card { font-size: 18px; }
  .vertical-center-main { justify-content: flex-start; }
}

@media (max-width: 479px) {
  .writodox-card-header h2, .writodox-card-reg h2, .site-breadcrumb .breadcrumb-item:first-child {     font-size: 14px; }
  /* .writodox-card { padding: 30px 20px; } */
}


.menu-box li span{
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}