@import url('./bootstrap.min.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css');

:root {
  /* --color-1: #935347;  */
  /* --color-1: #92493d;  */
  --color-1: #800000; 
  --color-2: #d4cfcc; 
  /* --color-3: #faf5ef;  */
  --color-3: #f1dfc8; 
  --color-4: #e79889; 
  /* --color-5: #838d85;  */
  --color-5: #3a3d8b; 
  --color-6: #ba7d70; 
  --semi-black: #242424; 
}

html {
  scroll-behavior: smooth;
} 
body{
font-family: "Inter", sans-serif;background-color: #ffffff;min-height: 100vh;padding: 5px;background-image: url(../images/bg/theme-bg.png);background-size: inherit;background-repeat: repeat;
}
a,
a:hover,
a:active,
a:focus,
a:focus-visible {text-decoration: none;color: inherit;}
.table-bg{background-color: var(--color-3);padding: 15px;}
.bg-1{background-color: var(--color-1) !important;} 
.header-cover{    background-image: url(../images/bg/header-cover.jpg);background-size: cover;background-repeat: no-repeat;}
.text-maroon{color: var(--color-1); }
.page-wrapper{border: 2px solid var(--color-1);border-radius:10px;overflow: hidden;}
main{padding: 10px;background-color: var(--color-3);min-height: calc(100vh - 140px);} 
 /* header */
.header .header-middle{background-color: var(--color-3);    border-bottom: 1px solid var(--color-4);} 
.header .header-middle .header-logo .main-logo{height: 80px;}
.header .header-middle .header-logo .logo-text .logo-title-1{color: var(--color-1);font-size: 30px;line-height: 36px;}
.header .header-middle .header-logo .logo-text .logo-title-2{font-size: 24px;line-height: 1.2;}
.header .navbar .navbar-nav .nav-item .nav-link{color: white;font-weight: 500;}
 /* ./header end */
 .sub-title{    font-size: 21px;
    position: relative;
    padding-left: 20px;
    font-weight: 600;color: var(--semi-black);}
 .sub-title::before{
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    height: 12px;
    width: 12px;
    background-color: var(--color-6);
    border-radius: 3px;
    transform: rotate(45deg);
 }
.section-title{position: relative;padding-left: 15px;margin-bottom: 20px;}
.section-title::before{content: '';position: absolute;left: 0;top: 6px;height: 20px;width: 6px;background-color: var(--color-5);border-radius: 10px;}
.section-title .title{margin-bottom: 0;font-size: 26px;font-weight: 700;font-family: 'Open Sans';color: var(--color-1);}
/* buttons */
.link{display: inline-block;color: var(--color-1);}
.link:hover{text-decoration: underline; color: var(--color-1);}
.btn-style-1{background-color: var(--color-1);display: inline-block;color: white;border: 0;padding: 10px 30px;line-height: 1.2;font-size: 16px;font-weight: 600;border-radius: 20px; box-shadow:0px 0px 10px 2px rgba(0, 0, 0, 0); transition: all 0.3s;}
.btn-style-1:hover{background-color: #151a8b;box-shadow:0px 0px 10px 2px rgb(0 0 0 / 46%);transition: all 0.3s;}
.btn-style-2{background-color: var(--semi-black);display: inline-block;color: white;border: 0;padding: 10px 30px;line-height: 1.2;font-size: 16px;font-weight: 600;border-radius: 20px; box-shadow:0px 0px 10px 2px rgba(0, 0, 0, 0); transition: all 0.3s;}
.btn-style-2:hover{background-color: #070707;box-shadow:0px 0px 10px 2px rgb(147 83 71 / 88%);transition: all 0.3s;}
.btn-style-3{background-color: white;border-radius: 20px;padding: 8px 20px;color: var(--color-1);font-weight: 600;border: 2px solid var(--color-1);display: inline-block;transition: all 0.3s;}
.btn-style-3:hover{background-color: var(--color-3); color: var(--semi-blackcolor-1);transition: all 0.3s;}
button:disabled,button:disabled:hover{opacity: 0.5;cursor: no-drop;color: rgb(75, 75, 75);border: 2px solid rgb(114, 114, 114);background-color: #f2f2f2;}
/* buttons end*/  
/* login-page */
.login-container{padding: 30px;border-radius: 20px; }
.login-cover img{border-radius: 20px;object-fit: cover;}
.login-container .captcha-container{gap: 15px;}
.login-container .captcha-container .captcha-img{border:var(--bs-border-width) solid var(--bs-border-color);    border-radius: var(--bs-border-radius) 0 0  var(--bs-border-radius);border-right: 0;width: 200px;padding: 2px;}
.login-container .captcha-container .captcha-img img{max-width: 100%; height: 54px;}
.login-container .captcha-container .captcha-reload-btn button{display: block;background-color: #ebebeb;color: var(--color-1);padding: 10px 8px;height: 60px;border: var(--bs-border-width) solid #dee2e6;border-radius: 0 var(--bs-border-radius) var(--bs-border-radius) 0;display: flex;align-items: center;}
.login-container .captcha-container .captcha-reload-btn button:hover{background-color: #dee2e6;color: var(--semi-black);}
.login-container .captcha-container .form-floating{width: calc(100% - 220px);}
/* welcome-dashboard */
.welcome-dashboard-card{background-color: white;padding: 30px 50px;border-radius: 15px;background-image: url("../images/bg/dashboard-bg-2.jpg");background-size: cover;background-position: center right;}
.welcome-dashboard-card h1{font-size: 20px;font-weight: 400;margin-bottom: 15px;background: #ffffff;display: inline-block;border-radius: 20px; line-height: 1.5;}
.welcome-dashboard-card h2{color: #991d3e;font-size: 34px;margin-bottom: 15px; }
/* digital-clock */
.clockdate-wrapper {background-color: #1a1a1a;padding:25px;max-width:300px;width:100%;text-align:center;border-radius:20px; }
#clock{background-color:var(--color-1); font-size:40px; color:#fff;margin-bottom: 10px;border-radius: 15px;font-family: "Open Sans",sans-serif;font-weight: 600;}
#clock span {color:#ebebeb;font-size:40px;position:relative;top: 0px;left: 0px;font-family: "Open Sans",sans-serif;font-weight: 300;}
#date {letter-spacing:3px;font-size:14px; color:#fff;}
/* inner-dashboard-pages */
.inner-dashboard-card{border-radius: 7px;overflow: hidden;}
.inner-dashboard-card .inner-card-header{padding:8px 15px;background-color: var(--color-4);}
.inner-card-header .inner-card-title{font-size: 24px;font-weight: 600;}
.inner-dashboard-card .inner-card-body{padding: 15px;}
/* form */
.form-control:focus,
.form-control:focus-visible,
.form-control:focus-within,
.form-control:active,
.form-select:focus,
.form-select:focus-visible,
.form-select:focus-within,
.form-select:active
{box-shadow: none;}
fieldset{border: 1px solid #838d8554;border-radius: 15px;padding: 0px 10px 10px 10px;margin-top: 5px;margin-bottom: 25px;}
fieldset legend{ 
      color: #151a8b;
    width: auto;
    max-width: 100%;
    background-color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    padding: 0 10px;
    float: none;
    top: 8px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.custom-small-form  label, .custom-small-form  .label{font-size: 14px;margin-bottom: 5px;}
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {padding: .375rem .75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: var(--bs-body-color);border: var(--bs-border-width) solid var(--bs-border-color);height: auto;}
.select2-container--default .select2-selection--single .select2-selection__arrow {top: 7px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 1.5;}
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--single[aria-expanded="true"] {color: var(--bs-body-color);background-color: var(--bs-body-bg);border-color: #86b7fe;outline: 0;box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);}
.active>.page-link, .page-link.active { background-color: var(--color-1);border-color: var(--color-1);box-shadow: none;}
.page-link{color: var(--color-1);}
.page-link:hover {color: var(--color-1);background-color: #ebebeb; box-shadow: none;}
.form-summary{border: 1px solid #e7e7e7;padding: 5px 10px;border-radius: 5px;background: #f3f6f4;}
.form-summary .form-field{font-size: 14px; font-family: 'Open Sans';color: #798a7d;font-weight: 500;} 
.form-check-input:disabled.form-check-input:disabled~.form-check-label, .form-summary .form-check-input[disabled]~.form-check-label{opacity: 1;}
.form-check-input:disabled   .form-check-input:disabled{opacity: 1;}
/* tables */
table tbody tr td a,
table tbody tr td button{margin-bottom: 3px;margin-right: 3px;}
.btn-xs{--bs-btn-padding-y: .25rem; --bs-btn-padding-x: .5rem; --bs-btn-font-size: .75rem;}
.table-style-1 thead tr th {
    background-color: var(--color-6) !important;
    border: #CC9966 solid 1px !important;
    vertical-align: middle;
}
.table-style-2 thead tr th {
    background-color: var(--color-5) !important;
    border: #CC9966 solid 1px !important;
    vertical-align: middle;
}
.table-style-3 thead tr th {
    background-color: var(--semi-black) !important;
    border: #CC9966 solid 1px !important;
    vertical-align: middle;
}
.table-style-1 thead tr th, .table-style-2 thead tr th, .table-style-3 thead tr th {
    color: white !important;
    border: #CC9966 solid 1px !important;
    vertical-align: middle;
}
.table-style-1 tbody tr td {
    border: #CC9966 solid 1px !important;
}
.table-style-2 tbody tr td {
    border: #CC9966 solid 1px !important;
}
.table-style-3 tbody tr td {
    border: #CC9966 solid 1px !important;
}

@media (min-width:320px) and (max-width:480px){
   
  main {
    padding: 10px; 
    min-height: calc(100vh - 220px);
}
  .captcha-container{flex-wrap: wrap;}
  .captcha-container .d-flex{width: 100%;}
  .captcha-container .captcha-img{width: calc(100% - 35px);}
   .login-container .captcha-container .form-floating{width: 100%;}
   .sectin-login{padding: 20px 0 !important;}
.login-container {
    padding: 15px;
    border-radius: 15px;
}
  .login-content {
    padding: 0;
}
}
.button-inc-dec {
    position: absolute;
    right: -7px;
    top: 130px;
}
  @media print {
    *{
            transition: none !important;
            -webkit-print-color-adjust: exact;
    }
  }

table tr th, td {
    border-color: #CC9966 !important;
}