#body {
    font-family: 'iranyekan';
    /* بخش مالی */
    /*background-color: #E3EFF8;*/
    /* بخش حسابداری */
    background-color: #ECFFF5;
}
/* font */
.fw-100 {
    font-weight: 100;
}

.fw-300 {
    font-weight: 300;
}
/* normal (default) */
.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: bold;
}
/* bold */
.fw-bold {
    font-weight: bold;
}

.fw-800 {
    font-weight: 800;
}

.fw-850 {
    font-weight: 850;
}

.fw-900 {
    font-weight: 900;
}
#checklogbody {
    font-family: 'iranYekan';
}

#body2 {
    font-family: 'iranYekan';
}

a.erp-link {
    text-decoration: none;
}

a.erp-link:hover {
    color: #0D462B;
}

.green {
    color: #0D462B;
}

.green2 {
    color: #30A16B;
}
.ltr{
    direction:ltr;
}
select > option {
    font: 'iranYekan';
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: rtl;
  
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
  
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
  
    /* Support for IE. */
    font-feature-settings: 'liga';
  }
  .material-icons-new {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
}
  .material-icons.md-18 { font-size: 18px; }
  .material-icons.md-24 { font-size: 24px; }
  .material-icons.md-36 { font-size: 36px; }
  .material-icons.md-48 { font-size: 48px; }

.bg-icon {
    color: #0B1C28;
}
/* navbar */
.navbar-body-admin {
    background-color: #0B1C28;
}
.navbar-body {
    /* بخش مالی */
    /*background-color: #0B1C28;*/
    /* بخش کارمند */
    background-color: #21B770; 
}

.navbar-btn-popover {
    background: #00D9A5;
    border-radius: 7px;
}
.company-btn.active2 {
    border:1px solid white;
}
.company-btn{
    width:2.3rem;
}
.company-btn-box {
    background: rgba(84, 131, 165, 0.35);
    border-radius: 6px;
}

button.company-btn-1 {
    background: #D98F00;
    border-radius: 7px;
    border: 0;
}

button.company-btn-2 {
    background: #E632BE;
    border-radius: 7px;
    border: 0;
}

button.company-btn-3 {
    background: #00C5F0;
    border-radius: 7px;
    border: 0;
}

button.company-btn-4 {
    background: #027A71;
    border-radius: 7px;
    border: 0;
}


button.company-btn-other {
    background: #808080;
    border-radius: 7px;
    border: 0;
}

button.btn-profile-popover {
    font-family: "iranYekan";
    background: #00D9A5;
    border-radius: 9px;
    border: 0;
}
/* new */
.profile-image{
    border-radius: 15px;
    width: 3rem;
    height:3rem;
}


/* main part */
/* edit */
.main {
    border-radius: 10px 10px 0 0;
}

div.emp-main{
    height: 96.6rem;
    }

.main-box {
    min-height: 10.5rem;
    padding: 0.7rem;
}
/* height */

@media(min-width:992px) {
    /* height */
    /* new */
    /*.main {
        height: 56.3rem;
    }
    div.emp-main{
        height: 73rem;
        }
    .sidebar-body{
        height: 55.5rem;
    }
    div.emp-sidebar-body{
        height: 70.6rem;
    }

    
    .main-box {
        height: 13.5rem;
    }*/
}

.profile-box {
    background: #FFF0F0;
    border-radius: 15px;
}

.profile-box-item {
    color: #9F0303;
    font-size:1rem;
}

.entry-box {
    background: #ECFFF5;
    border-radius: 15px;
}

.entry-box-item {
    color: #30A16B;
    font-size: 1rem;
}

.leave-box {
    background: #FEFBF1;
    border-radius: 15px;
}

.leave-box-item {
    color: #D98F00;
    font-size: 1rem;
}

.leave-box-text {
    font-weight: 100;
}

.education-box {
    background: #F2FAFF;
    border-radius: 15px;
}

.education-box-item {
    color: #035E9F;
    font-size: 1rem;
}
@media(min-width:1400px) {
    .leave-box-item {
        font-size: 1.5rem;
    }

    .profile-box-item {
        font-size: 1.5rem;
    }

    .entry-box-item {
        font-size: 1.5rem;
    }

    .education-box-item {
        font-size: 1.5rem;
    }
}
.leave-box-text {
    font-size: 11px;
}
@media(min-width:1200px){
    .leave-box-text{
        font-size:13px;
    }
}


.sidebar-body-admin {
    background-color: #B4F5D6;
    border-radius: 0px 10px 0px 0px;
    height: 100%;
}

/* sidebar */
.sidebar-body {
    /* بخش کارمند */
    background-color: #D7F1FF;
    height:100%;
    /* بخش مالی */
    /* background-color: #B4F5D6; */
    border-radius: 0px 10px 0px 0px;
}


.sidebar-nav-item-active {
    background: #FFFFFF;
    border-radius: 0px 8px 8px 0px;
}




/*#sidebar .collapsed .sidebar-leftArrow-icon {
    transform: rotate(0deg);
}

#sidebar .sidebar-leftArrow-icon {
    transform: rotate(-90deg);
}

#sidebar .sidebar-leftArrow-icon {
    transition: 0.3s transform ease-in-out;
}*/
#sidebar .collapsed .sidebar-leftArrow-icon {
    transform: rotate(0deg);
    transition: .3s transform ease-in-out;
}

#sidebar .sidebar-leftArrow-icon {
    transform: rotate(-90deg);
    transition: .3s transform ease-in-out;
}

/* table */
.main-body-table {
    box-shadow: 0px 4px 10px rgb(0 0 0 / 25%);
    border-radius: 5px;
    padding: 0.4rem;
    max-height:27rem;
    overflow:auto;
}
.main-body-table2 {
    border: 1px solid #0B1C28;
    border-radius: 5px;
    padding: 0.4rem;
}

.table-cell {
    text-align: center;
}

.table-first-head {
    background-color: #D4E3EE;
}

.table-second-head {
    background-color: #D4FDE9;
}

/* signup 1 */
@media(min-width:992px) {
    .middle-section1 {
        height: 50rem;
    }

    .middle-section2 {
        height: calc(100vh - 9rem);
    }

    .btn-box {
        height: 12rem;
    }

    .btn-box {
        height: 12rem;
    }
}

body.signupBody#body {
    background-color: #F4FBFF;
}

.signup-box {
    background-color: #FFFFFF;
    box-shadow: 6.96328px 6.96328px 16.5378px rgba(0, 0, 0, 0.1);
    border-radius: 17.4082px;
}

.signup-form-body {
    background: rgba(240, 250, 246, 0.95);
    border-radius: 15px;
    min-height:36.2rem;
    position:relative;
}
/*div.signup-form-body > div.actions.clearfix{
    position:absolute;
    width:100%;
    bottom:0;
}*/

.input-label-title {
    background: #F0FAF6;
}

input.signup-form-control {
    background-color: rgba(240, 250, 246, 0.95);
    /*border: 1.56657px solid #0B1C28;*/
    height: 2.625rem;
}
textarea.signup-form-control {
    background-color: rgba(240, 250, 246, 0.95);
    /*border: 1.56657px solid #0B1C28;*/
}

select.signup-form-select {
    background-color: rgba(240, 250, 246, 0.95);
    padding: .45rem 0.7rem .45rem .75rem !important;
    /*border: 1.56657px solid #0B1C28;*/
    height: 2.625rem;
}
input.signup-form-control-file{

}
input.DateCalender {
    
    padding: .375rem 0.8rem .393rem .75rem;
    height: 2.625rem;
    background: none;
}
    input.DateCalender:focus {
        border: 1px solid black;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgba(250, 250, 250, 0.25);
        
    }


select.signup-form-select:focus {
    border: 1px solid black;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(250, 250, 250, 0.25);
}
textarea.signup-form-control:focus {
    border: 1px solid black;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(250, 250, 250, 0.25);
}
input.signup-form-control:focus {
    border: 1px solid black;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(250, 250, 250, 0.25);
}
/*select.signup-form-select:focus:disabled {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(250, 250, 250, 0.25);
}*/
select.form-select {
    padding: .375rem 2.25rem .393rem .75rem;
    height: 2.625rem;
}



button.signup-button {
    background: #E3EFF8;
    border-radius: 10px;
    border: 0;
    color: black;
    padding:0.8rem 1.5rem;
    font-size:16px;
}

button.add-button {
    background: #45E69A;
    border-radius: 4px;
    border: 0;
    color: black;
}
button.deletefilter-button {
    border-radius: 4px;
    border: 0;
    color: white;
}

button.upload-button {
    background: #0B1C28;
    border-radius: 3.91643px;
    border: 0;
    color: white;
}

button.done-button {
    background: #ECFFF5;
    border-radius: 10px;
    color: #30A16B;
    border: 0;
}



.form-check-input.signup-checkbox:focus {
    border: 1px solid black;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(250, 250, 250, 0.25);
}

.form-check-input.signup-checkbox:checked {
    background-color: #30A16B;
    border-color: #30A16B;
}

.signup-timeline-body {
    background: rgba(180, 245, 214, 0.49);
    border-radius: 60.8523px;
}

.signup-timeline-number {
    /* border-radius: 60.8523px 60.8523px 0 0; */
    color: #30A16B;
}



.signup-timeline-active-top {
    background-color: white;
    border-radius: 60.8523px 60.8523px 0 0;
}

.signup-timeline-active-middle {
    background-color: white;
}

.signup-timeline-active-bottom {
    background-color: white;
    border-radius: 0 0 60.8523px 60.8523px;
}

.signup-timeline-active-full {
    background-color: white;
    border-radius: 60.8523px;
}
/* timeline active test 2 */
.signup-timeline-number>span{
    font-size:1.5rem;
}
.signup-timeline-number.active {
    color: #30A16B;
}
.signup-timeline-number.active>span {
    font-size:2rem;
}






.signup-title {
    color: #ACC5D6;
}
.signup-box-title {
    color: #0B1C28;
    font-size:32px;
    font-weight:800;
}

.signup-title.active {
    color: #004476;
}

.form-control.signup-form-control:focus {
    color: #212529;
    background-color: #fff;
    border: 1px solid black;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(250, 250, 250, 0.25);
}

.ability-box {
    background-color: #FFFFFF;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    padding: 0.4rem;
    margin: 1rem;
    overflow-x: auto;
}

.ability-table-first-row {
    background-color: #D4FDE9;
}

.personal-card-box {
    background: #FFFFFF;
    /* box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25); */
    border-radius: 5px;
}

/* accounting dashboard 2 */
.add-box {
    background: #F1FFF8;
    border: 1px dashed #0D462B;
    border-radius: 8px;
}

.table-condition-false {
    background: #F3D7D7;
    border-radius: 3px;
    color: #950000;
}

.table-condition-true {
    background: #ECFFF5;
    border-radius: 3px;
    color: #30A16B;
}

.table-detail {
    background: #808080;
    border-radius: 5px;
    color: #ffffff;
}

.table-delete {
    background: #9F0303;
    border-radius: 5px;
    color: #ffffff;
}

button.table-delete-btn {
    background: #9F0303;
    border-radius: 5px;
    color: #ffffff;
    border:0;
}

/* employee D */
button.condition-report-button {
    color: #ffffff;
    background: #0B1C28;
    border-radius: 3.91643px;
    border: 0;
}

button.exit-report-button {
    background: #E3EFF8;
    border-radius: 4px;
    border: 0;
    color: black;
}

.table-edit {
    background: #0B1C28;
    border-radius: 5px;
    color: #ffffff;
}

button.table-detail-btn {
    background: #B0AEAE;
    border-radius: 4px;
    color: #ffffff;
    border:0;

}

button.table-reference-btn {
    background: #2E4D63;
    border-radius: 4px;
    color: #ffffff;
    border: 0;
}

button.table-edit-btn {
    background: #0B1C28;
    border-radius: 4px;
    color: #ffffff;
    border: 0;
}
a.table-edit-btn {
    background: #0B1C28;
    border-radius: 4px;
    color: #ffffff;
}


.divider {
    width: 0.1rem;
    height: 1rem;
    border-left: 1px solid #B8B8B8;
}

/* employee 3 */
/*button.nav-link.letter-button {
    color: black;
    background: #E3EFF8;
    border-radius: 10px;
    border: 0;
}*/

/*textarea.form-control {
    border: 1px solid #0B1C28;
    padding: 1rem;
}*/

button.prev-button {
    border: 1px solid #000000;
    border-radius: 4px;
    background-color: #ffffff;
    border: 0;
}

/* log in */
.divider-box {
    border-bottom: 1px solid #CBCBCB;
}

input.login-form-control {
    /*border: 1px solid #CBCBCB;*/
    border-radius: 5px;
    background-color: #ffffff;
}

.form-control.login-form-control:focus {
    color: #212529;
    background-color: #fff;
    border: 1px solid black;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(250, 250, 250, 0.25);
}

/*.main-row-login {
    min-height: 60rem;
}*/

.image-part-login {
    background-color: #DCFEEE;
    min-height:100vh;
}
.image-part-login-admin {
    background-color: #EDF3FF;
    min-height: 100vh;
}


.main .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.main .row > [class*='col-'] {
    display: flex;
    flex-direction: column;
}
#main-body {
    min-height: calc(100vh - 8.3rem ) !important;
}
/*.main{
    min-height: calc(100% - 3rem) !important;
}*/
/*new*/
div.signup-form-body>div.actions.clearfix>ul{
    display:flex;
    justify-content:space-between;
    list-style:none;
    padding:0 1rem;
}
.form-control-box2 {
    position: relative;
}
div.form-control-box2 > label.error {
    background-color: #FFCCCC;
    border-radius: 4px;
    color: #950000;
    padding: 0 0.25rem;
    font-size: 12px;
    margin: 0.25rem 0;
    position: absolute;
    top: -20px;
    left: 0;
}
@media(min-width:991px){
    div.signup-box{
        min-height:37rem;
    }
}
/* new final edited */
 /*div.bootstrap-table > div.fixed-table-pagination > div.pull-right.pagination > ul.pagination {
    direction: ltr !important;
}

     div.bootstrap-table > div.fixed-table-pagination > div.pull-right.pagination > ul.pagination > li.page-item > a.page-link:focus {
        box-shadow: 0 0 0 0.25rem rgba(13, 70, 43, 0.25) !important;
        
    }

     div.bootstrap-table > div.fixed-table-pagination > div.pull-right.pagination > ul.pagination > li.page-item.active > a.page-link {
        background-color: #F1FFF8 !important;
        border-color: #0D462B !important;
    }

     div.bootstrap-table > div.fixed-table-pagination > div.pull-right.pagination > ul.pagination > li.page-item > a.page-link {
        color: #0D462B !important;
    }*/

/*.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 70, 43, 0.25) !important;
}
    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span {
        color: #0D462B !important;
    }*/
.pagination{
    direction:ltr;
}
    .pagination > li > a.page-link:focus {
        box-shadow: 0 0 0 0.25rem rgba(13, 70, 43, 0.25) !important;
    }
    .pagination > li.page-item.active > a.page-link {
        background-color: #F1FFF8 !important;
        border-color: #0D462B !important;
        color:black;
    }
.pagination > .page-item > a {
    color: #0D462B !important;
}
.float-right.pagination{
    direction:rtl;
}







button.btn.btn-light:focus {
    background-color: rgb(255 255 255 / 70%);
}
button.nav-link.letter-button2 {
    color: black;
    background: #E3EFF8;
    border-radius: 5px;
    padding: 0.12rem 0.5rem;
    font-size: 13px;
    margin: 0.5rem;
    border: 0;
}
select.form-select {
    background-position: left 0.75rem center;
}
input.login-form-control-pass {

    border-radius: 5px;
    background-color: #ffffff;
}

.form-control.login-form-control-pass:focus {
    color: #212529;
    background-color: #fff;
    border: 1px solid black;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(250, 250, 250, 0.25);
}

/*.pass-input-box {
    border: 1px solid #CBCBCB;
    border-radius: 5px;
}*/
/*new*/
.badge-text{
    font-size:0.9rem;
}

.default-badge {
    background-color: #b9f6ca;
    border-radius: 4px;
}

/*.signup-form-body > div.actions.clearfix {
    margin-top: calc(100vh - 20rem);
}*/
/* new profile*/
button.nav-link.letter-button2 {
    color: black;
    background: #E3EFF8;
    border-radius: 5px;
    padding: 0.12rem 0.5rem;
    font-size: 13px;
    margin: 0.5rem;
    border: 0;
}

/******************* profile ***********************/
.profile-header {
    background: #0B1C28;
    border-radius: 10px 0px 0px 0px;
}

button.pass-btn {
    background: #21B770;
    border-radius: 4px;
    border: 0;
}

.profile-image-box {
    background-color: #ffffff;
    width: 13rem;
    height: 13rem;
    border-radius: 100%;
}

.profile-detail-line {
    background: #D4F8EB;
}

@media(min-width:1200px) {

    .profile-detail-line {
        margin-right: -0.8rem;
    }

    .profile-image-box {
        z-index: 100;
        margin-bottom: -1.6rem;
    }
}

.profile-detail-text {
    font-size: 15px;
}

button.nav-link.profile-nav-link.active {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px solid #30A16B;
    color: #30A16B;
}
button.nav-link.profile-nav-link:hover {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px solid #30A16B;
    color: #30A16B;
}


button.nav-link {
    color: black;
    border: 0;
}


/* new */
.profile-body-detail-box {
    border: 1px solid #D9D9D9;
    border-radius: 10px;
}

.profile-body-detail-text {
    font-size: 18px;
    font-weight: bold;
}
.profile-body-detail-text-2 {
    font-size: 14px;
    font-weight:bold;
    
}


.profile-body-detail-row {
    border-bottom: 1px solid #D9D9D9;
}

/* final edit */
.profile-image-edit-btn {
    border-radius: 100%;
    position: relative;
}

.profile-image-edit {
    opacity: 1;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}
img.profile-image-edit:hover {
    filter: contrast(50%);
}


.profile-image-edit-box {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.profile-image-edit-icon {
    background-image: url(../images/add-profile-image.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 3rem;
    height: 3rem;
}

.profile-image-edit-btn:hover .profile-image-edit-box {
    opacity: 1;
}

.profile-image-edit-btn:hover .profile-image-edit-icon {
    opacity: 1;
}
/* pagination */
/* new final edited */
/*div.bootstrap-table > div.fixed-table-pagination > div.pull-right.pagination > ul.pagination {
    direction: ltr;
}*/

    div.bootstrap-table > div.fixed-table-pagination > div.pull-right.pagination > ul.pagination > li.page-item > a.page-link:focus {
        box-shadow: 0 0 0 0.25rem rgba(13, 70, 43, 0.25);
        
    }

    div.bootstrap-table > div.fixed-table-pagination > div.pull-right.pagination > ul.pagination > li.page-item.active > a.page-link {
        background-color: #F1FFF8;
        border-color: #0D462B;
    }

    div.bootstrap-table > div.fixed-table-pagination > div.pull-right.pagination > ul.pagination > li.page-item > a.page-link {
        color: #0D462B;
    }
.fixed-table-pagination{
    display:flex;
}
.pagination{
    margin-right:auto;
}
.pagination-detail{
    display:flex;
    flex-direction:column;
    width:100%;
}
.pagination-detail {
    font-size: 12px;
}
.btn.btn-secondary.dropdown-toggle {
    font-size: 12px;
}
.dropdown-item {
    font-size: 12px;
}
.dropdown-menu {
    font-size: 12px;
}
.dropdown-toggle {
    font-size: 12px;
}
@media(min-width:768px){
    .pagination-detail {
        width: 55%;
        flex-direction:row;
        justify-content: space-between;
    }
}
.bootstrap-table .fixed-table-container .table thead th .sortable{
    padding-right:16px !important;
}

button.btn.btn-light:focus {
    background-color: rgb(255 255 255 / 70%);
}
/* 8 mordad */
.login-check-text:hover{
    color:black;
}
.eye-icon-login{
    top:0.7rem;
    left:0.625rem;
}
/*input[disabled|="disabled"]{
    background-color:wheat;
}*/
input:disabled{
    background-color:#f9f9f9 !important;
}
select:disabled {
    background-color: #f9f9f9 !important;
}
textarea:disabled {
    background-color: #f9f9f9 !important;
}
@media(min-width:992px){
    .profile-detail-text-first{
        padding-right:0.9rem;
    }
}
.signin-title{
    font-weight:800;
    font-size:24px;
}
.reqired-icon{
    position:absolute;
    color:red;
}
/* 9 mordad */
.input-label-title-required::after{
    content:" *";
    color:red;
}
/*.bootstrap-table .fixed-table-container .table thead th .asc{
    background-color:#FFFFFF;
}
.bootstrap-table .fixed-table-container .table thead th .desc {
    background-color: #FFFFFF;
}
.bootstrap-table .fixed-table-container .table thead th .both{
    background-color:aqua
    opacity:0.6 !important;
}*/
.bootstrap-table .fixed-table-container .table thead th .both {
    background-image: url(../images/sort-icon.png);
    background-size: 1rem, 1rem;
}
.bootstrap-table .fixed-table-container .table thead th .asc {
   background-image:url(../images/arrow_drop_up.png);
   background-size:1.18rem , 1.18rem;
}
.bootstrap-table .fixed-table-container .table thead th .desc {
    background-image: url(../images/arrow_drop_down.png);
    background-size: 1.18rem, 1.18rem;
}

.alert-summary > span{


    border-radius:4px;
    color:#950000;
    padding:0.25rem;

}
.alert-summary > ul {
    margin:1rem 0;
    list-style-type:none;
    border-radius: 4px;
    color: #950000;
    padding: 0.25rem;
}
.add-page-btn{
    font-size: 16px;
    font-weight: bold;
    width: max-content;
}
/* 10 mordad */
.letter-box{
    border: 1px solid #000000;
    border-radius: 8px;
}
.profile-detail-title {
    text-indent: 3px;
}
 .letter-box{   
     min-height:20rem;
}
.letter-box2 {
    border: 1px solid #000000;
    border-radius: 8px;
}
.select2-selection{
    height:40px !important;
}
.select2-selection__rendered{
    line-height:40px !important;
}
.select2-selection__arrow{
    height:40px !important;
}
span.select2{
    width:100% !important;
}
/* 12 mordad */
.add-box-link{
    height:2rem;
}

.signup-button-collapse.collapsed > span {
    transform: rotate(0deg);
    transition: .3s transform ease-in-out;
}
.signup-button-collapse > span {
    transform: rotate(180deg);
    transition: .3s transform ease-in-out;
}
/* remote */
.custom-alert {
    background-color: #b9f6ca;
    border-radius:4px;
}
.custom-alert-2 {
    background-color: #ff9ea7;
    border-radius: 4px;
}
button.submit-btn {
    padding: 0.375rem 1.5rem;
    border: 0;
    border-radius: 4px;
}

/* release title */
.release-title {
    font-weight: 700;
    font-size: 32px;
}

.release-box {
    background: #FFFFFF;
    border: 1px solid #ABABAB;
    border-radius: 8px;
}

.release-date {
    font-size: 18px;
    color: #737373;
}

.release-subtitle-box {
    border-bottom: 1px solid #ABABAB;
}

.badge-new {
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    background: #21B770;
    border-radius: 5px;
    padding: 0.18rem 0.75rem;
    margin-left: 0.75rem;
}

.badge-improve {
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    background: #2E405C;
    border-radius: 5px;
    padding: 0.18rem 0.75rem;
    margin-left: 0.75rem;
}

.badge-bug {
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    background: #4A92FF;
    border-radius: 5px;
    padding: 0.18rem 0.75rem;
    margin-left: 0.75rem;
}

.release-text {
    font-size: 14px;
    font-weight: 500;
}
button.nav-link:hover {
    color: #30A16B;
}
a.release-note-number {
    text-decoration: none;
    color: #7f7f7f;
    margin-left: 0.75rem;
    cursor: pointer;
}
a.release-note-number:hover {
    color:#30A16B;
}
/******************************************** admin ****************************************/
.cartable-box {
    background: linear-gradient(270deg, #799CB5 0%, #001E33 100%);
    border-radius: 8px;
}
.mailroom-box {
    background: linear-gradient(90deg, #0A693C 0%, #3BE796 100%);
    border-radius: 8px;
}
.financial-box {
    background: linear-gradient(90deg, #f50f0f 0%, #ffb8ce 100%);
    border-radius: 8px;
}
.payment-box {
    background: linear-gradient(90deg, #0f2bf5 0%, #88b2ff 100%);
    border-radius: 8px;
}
.admin-cartable-title {
    font-weight: 800;
    font-size: 32px;
    color:#ffffff;
    padding-right:1.5rem;
    padding-top:1.5rem;
    height:13rem;
}
.fixed-table-container thead th:first-child:not([data-not-first-th]) {
    border-left: 1px solid #ddd; 
}
.fixed-table-container tbody td:first-child {
     border-left: 1px solid #ddd;
}
.release-number-version {
    margin-right: 0.5rem;
    font-weight: 500;
    color: #7f7f7f;
}
.release-number-version:hover {
        color: #30A16B;
}
.underconstruction-text{
    font-weight:700;
    font-size:40px;
}
button.nav-tabs-header-text{
    font-size:12px;
}
/*.modal-content{
    min-height:26rem;
}*/
.edit-modal-content {
    min-height: 22rem;
}
.second-edit-modal-content{
    min-height:15rem;
}
.third-edit-modal-content{
    min-height:18.5rem;
}

th.table-cell {
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}
td.table-cell {
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}
.linkdiv{
    cursor:pointer;
}
.second-modal{
    background:rgba(0,0,0,0.5);
}
span.material-icons {
    max-width: 2rem;
    overflow: hidden;
}
i.material-icons {
    max-width: 2rem;
    overflow: hidden;
}
span.form-control{
    min-height:2.43rem;
}
span.field-validation-error > span {
    background-color: #FFCCCC;
    border-radius: 4px;
    color: #950000;
    padding: 0 0.25rem;
    font-size: 12px;
    margin: 0.25rem 0;
    position: absolute;
    top: -20px;
    left: 0;
}
td > a.tabel-linkleave {
    text-decoration: none;
    color: black;
}
td > a.tabel-linkleave:hover {
    
    color: #30A16B;
}
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #6d6d6d;
}
.var-box {
    background: #EFF9FF;
    border-radius: 5px;
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.15));
}
.var-button {
    background: #FFFFFF;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    color: #818181;
    border:0;
    min-height:3.5rem;
    min-width:7rem;
    font-size:14px;
    font-weight:400;
}
.var-button:hover {
    background: #F3FFF9;
}
.var-button:active {
    border: 1px solid #21B770;
    background: #F3FFF9;
    color: #21B770;
}
@media(max-width:767px){
    .var-box{
        max-height:27rem;
        overflow:auto;
    }
}
@media(min-width:768px){
    .var-box {
        max-height: 39rem;
        overflow: auto;
    }
}
@media print {
    .nottoprint {
        display: none !important;
    }
}

.loading-text{
font-size:12pt !important;
}