@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,300&display=swap');
body {
    
}
.font-kanit{
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    font-style: normal;
}
.font-pt {
    font-family: "PT Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.font-oswald {
    font-family: "Oswald", sans-serif;
    font-weight: 500;
    font-style: normal;
}
.font-jose {
    font-family: "Josefin Sans", sans-serif;
    font-weight: 500;
    font-style: normal;
}
.dashboard-content-one {
    padding: 0 10px !important;
}
.breadcrumbs-area {
    padding: 10px 0 10px !important;
}
.breadcrumbs-area h3 {
    margin-bottom: 0px !important;
}
.dashboard-content-one .card-body {
    padding: 15px 15px 15px !important;
    font-family: "PT Sans", sans-serif !important;
    font-size: 14px !important;
}
.dashboard-content-one form label {
    /*color: #495057 !important;*/
    font-weight: 500;
    display: block;
    max-width: 100%;
    overflow: visible;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.breadcrumbs-area li {
    font-family: "PT Sans", sans-serif !important;
}
.breadcrumbs-area h3 {
    font-family: "Josefin Sans", sans-serif !important;
    font-weight: 900 !important;
}
.item-title h3, .item-title h5 {
    font-family: "Josefin Sans", sans-serif !important;
    font-weight: 900 !important;
}
.item-title h5 {
    margin-top:20px !important
}
textarea {
    height: auto !important
}
input[type="text"], select, input[type=date], input[type=number], input[type=email] {
    height: 35px !important;
}
.form-group .form-control {
    /*height: 35px !important;*/
    /*display: block !important;*/
    width: 100% !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 1.4rem !important;
    font-weight: 400 !important;
    color: #212529 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 0.37rem !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}
.form-group .form-control:focus {
    color: #212529  !important;
    /*background-color: #fff !important;*/
    /*border-color: #afb2b6 !important;*/
    outline: 0 !important;
    box-shadow: 0 0 0 0.25rem #4950572e !important;
}

/*Select-2 Plugin*/
.form-group .select2-hidden-accessible {
    border: 1px solid #ccc!important;
    border-radius: 3px !important;
    box-shadow: none !important;
    margin-bottom: 15px !important;
}


.form-group .select2-hidden-accessible:focus {
    border: 1px solid #34495e !important;
}

.select2.select2-container {
  width: 100% !important;
}

.select2.select2-container .select2-selection {
  border: 1px solid #dee2e6 !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  height: 35px !important;
  outline: none !important;
  transition: all .15s ease-in-out !important;
  background:#fff !important;
}

    .select2.select2-container .select2-selection .select2-selection__rendered {
        color: #000000a1 !important;
        line-height: 32px !important;
        padding-right: 33px !important;
        /*font-size: 2.2rem !important;*/
        font-family: system-ui;
        font-weight: 500;
    }

.select2.select2-container .select2-selection .select2-selection__arrow {
  border-left: 1px solid #ccc !important;
  -webkit-border-radius: 0 3px 3px 0 !important;
  -moz-border-radius: 0 3px 3px 0 !important;
  border-radius: 0 3px 3px 0 !important;
  height: 35px !important;
  width: 33px !important;
  right: 0 !important;
}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--single {
  background: #f8f8f8 !important;
}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--single .select2-selection__arrow {
  -webkit-border-radius: 0 3px 0 0 !important;
  -moz-border-radius: 0 3px 0 0 !important;
  border-radius: 0 3px 0 0 !important;
}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--multiple {
  border: 1px solid #34495e !important;
}

.select2.select2-container .select2-selection--multiple {
  height: auto !important;
  min-height: 34px !important;
}

.select2.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
  margin-top: 0 !important;
  height: 32px !important;
}

.select2.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: block !important;
  padding: 0 4px !important;
  line-height: 29px !important;
}

.select2.select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: #f8f8f8 !important;
  border: 1px solid #ccc !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  margin: 4px 4px 0 0 !important;
  padding: 0 6px 0 22px !important;
  height: 24px !important;
  line-height: 24px !important;
  font-size: 12px !important;
  position: relative !important;
}

.select2.select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  height: 22px !important;
  width: 22px !important;
  margin: 0 !important;
  text-align: center !important;
  color: #e74c3c !important;
  font-weight: bold !important;
  font-size: 16px !important;
}

.select2-container .select2-dropdown {
  background: transparent !important;
  border: none !important;
  margin-top: -5px !important;
}

.select2-container .select2-dropdown .select2-search {
  padding: 0 !important;
}

.select2-container .select2-dropdown .select2-search input {
  outline: none !important;
  border: 1px solid #34495e !important;
  border-bottom: none !important;
  padding: 4px 6px !important;
  font-size: 23px;
}

.select2-container .select2-dropdown .select2-results {
  padding: 0 !important;
}

.select2-container .select2-dropdown .select2-results ul {
  background: #fff !important;
  border: 1px solid #34495e !important;
}

.select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted[aria-selected] {
  background-color: #3498db !important;
}
.select2.select2-container .select2-selection:focus {
    border-color: #afb2b6 !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.25rem #4950572e !important;
}
.select2-results ul {
    font-family: "PT Sans", sans-serif !important;
}

.container {
    max-width: 1231px;
}
/*Select-2 Plugin*/

#labelAcademicHeader, #lblUsername {
    font-family: "Oswald", sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
}

#labelFeesAccountHeader {
    font-family: "Oswald", sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
}
#divSchoolName {
    font-family: "Oswald", sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 1.3rem !important;
}
.navbar-nav .header-language a {
    font-family: "Oswald", sans-serif !important;
    font-weight: 600;
    letter-spacing: 1px;
}
.navbar-nav .header-admin .dropdown-menu, #lblUsernameHeader {
    font-family: "Oswald", sans-serif !important;
    letter-spacing: 1px;
}
.header-main-menu .navbar-nav .header-admin .dropdown-menu .item-header {
    text-align: left !important;
    font-family: "Oswald", sans-serif !important;
    padding: 10px 10px !important;
}
.header-main-menu .navbar-nav .header-admin .dropdown-menu {
    min-width: 200px !important;
    border: none;
    top: 54px;
    animation: dropdownanimate 200ms ease-in;
}
.header-main-menu .navbar-nav .header-admin .dropdown-menu .item-content .settings-list li a {
    padding: 7px 10px !important;
}
.header-main-menu .navbar-nav .header-admin .dropdown-menu .item-content .settings-list {
    padding: 0 !important;
}
.dashboard-page-one .sidebar-main {
    font-family: "PT Sans", sans-serif !important;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 50;
}
.row .mg-t-8 .bg-blue-dark, .row .form-group .bg-blue-dark {
    box-shadow: 0 8px 9px -4px #0429542e, 0 4px 18px 0 #04295430;
}
.row .mg-t-8 .bg-blue-dark:hover, .row .form-group .bg-blue-dark:hover {
    /*box-shadow: 0 8px 9px -4px rgba(217, 153, 26, 0.3), 0 4px 18px 0 rgba(217, 153, 26, 0.2);*/
    color:white !important;
}
.btn-preview {
    padding: .5rem 1rem !important;
    background-color: #FFB703 !important;
    font-weight: bold !important;
    color: black !important;
    font-size: 12px
}
.blue-col {
    padding: .7rem 2rem !important;
    background-color: #023047 !important;
    font-weight: bold !important;
    color: white !important;
    font-family: "PT Sans", sans-serif !important;
}
.dblue-col {
    padding: .7rem 2rem !important;
    background-color: #219EBC !important;
    font-weight: bold !important;
    color: white !important;
    font-family: "PT Sans", sans-serif !important;
}
.lblue-col {
    padding: .7rem 2rem !important;
    background-color: #8ECAE6 !important;
    font-weight: bold !important;
    color: white !important;
    font-family: "PT Sans", sans-serif !important;
}
.document-link .table-btn {
    padding: .5rem 1rem !important;
    background-color: #219EBC !important;
    font-weight: bold !important;
    color: white !important;
    font-family: "PT Sans", sans-serif !important;
    font-size: 12px
}
.document-link .btn-remv {
    padding: .5rem 1rem !important;
    background-color: #c1121f !important;
    font-weight: bold !important;
    color: white !important;
    font-family: "PT Sans", sans-serif !important;
    font-size: 12px
}
.profile-img-wrap {
    background: none !important
}
.edit-button {
    padding: .7rem 2rem !important;
    background-color: #8ECAE6 !important;
    color: #023047 !important;
}
.delete-button {
    padding: .7rem 2rem !important;
    background-color: #023047 !important;
    color: #8ECAE6 !important;
}
.row .mg-t-8 .btn-gradient-yellow, .row .form-group .btn-gradient-yellow {
    box-shadow: 0 8px 9px -4px rgba(217, 153, 26, 0.3), 0 4px 18px 0 rgba(217, 153, 26, 0.2);
}
.row .mg-t-8 .btn-gradient-yellow:hover, .row .form-group .btn-gradient-yellow:hover  {
    box-shadow: 0 8px 9px -4px #0429547a, 0 4px 18px 0 #04295430;
}
.btn-fill-lg {
    border-radius: 0 !important; 
    padding: 10px 50px !important;
    text-transform:uppercase !important;
    font-weight:600 !important;
}
.fw-btn-fill {
    border-radius: 0 !important;
    padding: 0px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    height: 35px !important;
}
#tblStudents tr, #tblCastes tr {
    /*justify-content: center;
    display: flex;*/
    background-color: transparent !important;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}
#tblStudents, #tblCastes {
    width: 100% !important;
}
.photocirclestyle {
    max-width: none !important;
    height: 100px !important;
    width: auto !important;
}
.card .bg-transparent h3 {
    font-family: "Josefin Sans", sans-serif !important;
    font-weight:900 !important;
}
table.dataTable.display tbody tr:hover > .sorting_1 {
    background-color: #f6f6f6 !important;
}
table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr.even > .sorting_1 {
    background-color: transparent !important;
}
.dashboard-summery-one .item-content, .earning-report h4, .earning-report, .student-report, .fc-calender h2, .traffic-title, .post-date, .social-media, .media-body h6 {
    font-family: "PT Sans", sans-serif !important;
    font-weight: 600 !important;
}
.notice-list h6 {
    font-family: "PT Sans", sans-serif !important;
}
button[type="reset"] {
    float: right !important;
}
button[type="submit"], button[type="button"] {
    margin-right: 1rem !important;
}
/* FEES */
#feesaccount-modal h5 {
    font-family: "Josefin Sans", sans-serif !important;
    font-weight: 900 !important;
}
#feesaccount-modal .modal-body, #feesaccount-modal .modal-footer, #divFeesAccountHeader {
    font-family: "PT Sans", sans-serif !important;
}
/* FEES */

.studBG {
    /*background-image: url('');
    opacity: 0.2;
    height: 100% !important;
    background-position: center;
    background-size: cover;*/
}
/* ----------------------------------------------------------------------------------------------------------- */
.sidebar-color {
    background-color: #219EBC !important;
}
.nav-bar-header-one {
    background-color: #219EBC !important;
    background-image:none !important;
}
.bg-light {
    background-color: #023047 !important;
    background-image: none !important;
}
.sidebar-menu-one .sidebar-menu-content .nav-sidebar-menu > .nav-item > .nav-link i:before {
    color: #FFB703 !important;
    font-weight: bold;
}
.sidebar-menu-one .sidebar-menu-content .nav-sidebar-menu > .nav-item > .nav-link span {
    color: black !important;
    font-size: 16px !important;
    font-weight:800;
}
.header-main-menu .navbar-nav .navbar-item {
    margin-right: 85px !important;
}
.header-search-bar .h4 {
    font-size: 2rem !important;
    color: #8ECAE6;
    margin: 0 !important;
    font-family: "Josefin Sans", sans-serif;
    font-weight: bolder;
}
.sidebar-menu-one .sidebar-menu-content .nav-sidebar-menu .sidebar-nav-item > .nav-link:after {
    color: black!important;
}
.sidebar-menu-one .sidebar-menu-content .nav-sidebar-menu > .nav-item .sub-group-menu {
    background-color: #FFB703 !important;
}
.sidebar-menu-one .sidebar-menu-content .nav-sidebar-menu > .nav-item .sub-group-menu > .nav-item .nav-link {
    color: #000 !important;
}
.sidebar-menu-one .sidebar-menu-content .nav-sidebar-menu > .nav-item .sub-group-menu > .nav-item .nav-link:hover {
    background-color: #023047 !important;
    color: #ffffff !important;
}
.dashboard-content-one label {
    font-family: "PT Sans", sans-serif !important;
}
#boxes-container .row {
    margin: 0px !important;
    cursor: pointer;
    font-family: "PT Sans", sans-serif !important;
}
.color-white{
    color:white !important;
}
.fs-18{
    font-size:18px !important;
}
.fs-14 {
    font-size: 14px !important;
}
.fs-15 {
    font-size: 15px !important;
    font-weight: bold;
}
.fs-12 {
    font-size: 12px !important;
}
.doughNut {
    font-family: "PT Sans", sans-serif !important;
    color: black !important;
    font-size: 18px !important;
}
.backButton {
    font-size: 16px !important;
    color: black !important;
    margin-bottom: 1.5rem !important;
}
.actionBtn {
    color: #eee !important;
    font-size: 14px !important;
    font-weight: bold;
}
.card-body, .card {
    background-color: transparent;
    border: none !important;
    box-shadow: none !important
}
.heading-layout1{
    margin-bottom:0 !important
}
    .heading-layout1 h2 {
        font-family: "PT Sans", sans-serif !important;
        font-size: 20px !important;
        font-weight: 700 !important;
        margin-bottom: .5rem !important;
        color: #5e0d55;
    }
#table2excel thead tr th {
    font-size: 1.6rem;
    font-weight: bold;
}
#table2excel thead {
    background-color: #f0f1f3 !important;
}
.page-header .page-title {
    font-family: "PT Sans", sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}
.page-header {
    margin-bottom: 1rem !important;
}
.profile-widget h4 a {
    font-family: "PT Sans", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}
.profile-widget label {
    font-family: "PT Sans", sans-serif !important;
    font-size: 14px !important;
}
.dropdown.profile-action {
    right: 14px !important;
}
#edit_employee label{
    font-size:12px !important
}
.profile-info-left .form-group{
    margin-bottom:5px !important
}
.profile-info-left label {
    margin-bottom: 0px !important
}
#studentViewContainer, #studentViewContainer1{
    font-size: 14px
}
div.dt-container div.dt-layout-cell.dt-end {
    text-align: right !important;
}
.dt-search label, .dt-length label {
    font-size: 16px !important;
    font-weight: bolder !important;
    text-transform: capitalize !important;
    margin-left: 5px;
}
div.dt-container .dt-search input {
    height: 40px !important;
    width: 200px !important;
    font-size: 16px !important;
    
}
.breadcrumbs-area ul li a {
    color: #646464 !important;
    cursor:pointer
}
div.dt-container select.dt-input {
    font-size:12px !important;
}
[data-target="#searchModals"] {
    background-color: #219EBC !important;
    border-color: #219EBC !important;
    color: #fff !important;
    padding: .275rem .55rem !important;
    font-size: 16px !important;
    margin-top: 10px !important;
}