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


body,
.p-inputtext,
.p-button,
.p-tabview-title,
.p-component {
    font-family: 'Poppins',sans-serif!important;
}


.layout-topbar .topbar-profile .topbar-profile-button .profile-name {
    text-align: start;
    font-family: 'Poppins',sans-serif!important;
    font-size: 13px;
    padding-bottom: 6px;
  }



/* Auth */
:root {
    --gray1: rgba(181, 181, 195, 1);
    --gray2: rgba(102, 102, 102, 1);
    --gray3: rgba(161, 165, 183, 1);
}

.title-auth {
    span {
        color: rgba(146, 146, 146, 1);
    }
}

.bg-auth {
    background: #ffffff;
    background: radial-gradient(circle, rgba(0, 225, 198, 0.20780812324929976) 0%, rgba(255, 255, 255, 1) 33%);
}

.bg-auth-2{
    background: linear-gradient(180deg, #FFFFFF 0%, #ECFEFF 100%);
}


.bg-auth span {
    color: rgba(71, 84, 103, 1);
}


/* general */

.alert-green {
    background: linear-gradient(0deg, #F2FFFD, #F2FFFD);
    border-radius: 6px;
    border: 1px dashed rgba(0, 225, 198, 1);

    p {
        color: rgba(126, 130, 153, 1);
        font-size: 1.1rem;
    }
}

.alert-orange {
    background: rgba(255, 249, 244, 1);
    border-radius: 6px;
    border: 1px dashed rgba(248, 156, 71, 1);

    p {
        color: rgba(126, 130, 153, 1);
        font-size: 1.1rem;
    }

    h5 {
        color: rgba(63, 66, 84, 1);
    }
}

.alert-blue {
    background: rgb(240, 249, 255);
    border-radius: 6px;
    border: 1px dashed rgba(0, 163, 255, 1);

    p {
        color: rgba(126, 130, 153, 1);
        font-size: 1.1rem;
    }

    h5 {
        color: rgba(63, 66, 84, 1);
    }
}

label{
    color: rgba(70, 78, 95, 1) !important;
}
.p-inputtext::placeholder,
.p-inputtext {
    color: rgba(148, 163, 184, 1) !important;
}

.p-dropdown {
   /*  padding: 0.95rem 0.75rem !important; */
   border: 1px solid rgba(226, 232, 240, 1) !important
}
.p-knob-text {
    font-size: 1.2rem;
    font-weight: 600;
    color: rgb(63, 66, 84);
}

.primaryColor {
    color: var(--primary-color) !important;
}

.primaryBgColor {
    background: var(--primary-color);
}

.gray1 {
    color: rgba(102, 102, 102, 1) !important;


}

.gray2 {
    color: rgb(181, 181, 195) !important;
}

.gray3 {
    color: rgba(161, 165, 183, 1) !important;
}
.gray4 {
    color: rgb(78, 78, 78) !important;
}
.gray5 {
    color: rgb(110, 110, 110)
    ;
}

.bg-light-green {
    background-color: #00E1C6
!important    ;
}

.text-end{
    text-align: end;
}
.text-start{
    text-align: start;
}

.p-dropdown , .p-autocomplete .p-inputtext ,  .p-autocomplete{
    width: 100% !important;
}

 .p-autocomplete .p-inputtext{
    border-color: #e2e8f0 !important;
    padding: 0.85rem 2.5rem !important;
 }
.custom-btn {
    border-radius: 4px;
    font-size: 18px;
}

.card {
    border-color: transparent !important;
}

.btn-primary,
.btn-secondary,
.btn-danger,
.btn-orange,
.btn-fllow,
.btn-outline-white,
.btn-sh-primary,
.btn-sh-secondary
{
    border-radius: 6px;
    padding: 10px 20px;
    cursor: pointer;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    border: 2px solid var(--primary-color);

}
.btn-fllow{
    border-color: rgba(157, 157, 157, 1);
    color: rgba(93, 93, 93, 1);

}
.btn-primary {
    background: var(--primary-color);
    color: #fff!important;
}
.btn-sh-primary{
    background: rgba(0, 163, 255, 1);
    border-color: rgba(0, 163, 255, 1);
    color: #fff;
}
.btn-sh-secondary{
    background: rgba(245, 245, 245, 1);
    border-color: rgba(245, 245, 245, 1);
    color: rgba(102, 97, 97, 1);
}

.btn-secondary {
    background: #fff;
    color: var(--primary-color);
}
.btn-danger{
    background: rgba(241, 65, 108, 1);
    border-color: rgba(241, 65, 108, 1);
    color: #fff;
}

.btn-orange{
    background: rgba(255, 246, 224, 1);
    border: 0;
    color: rgba(255, 188, 17, 1);
    padding: 7px 15px;
}
.btn-outline-white{
    color: #fff;
    border-color: #fff;
}
.btn-orange img{
    width: 1.6rem;
}
.add-icon{
    background: rgba(11, 183, 131, 0.123);
    color: rgba(11, 183, 131, 1);
}
.ms-1 {
    margin-inline-start: .5rem;
}

.ms-2 {
    margin-inline-start: 1rem;
}

.ms-3 {
    margin-inline-start: 2rem;
}
.me-1 {
    margin-inline-end: .5rem;
}

.me-2 {
    margin-inline-end: 1rem;
}

.me-3 {
    margin-inline-end: 2rem;
}

.ps-1 {
    padding-inline-start: .5rem;
}
.ps-2 {
    padding-inline-start: 1rem;
}
.ps-3 {
    padding-inline-start: 2rem;
}
.pe-1 {
    padding-inline-end: .5rem;
}
.pe-2 {
    padding-inline-end: 1rem;
}
.pe-3 {
    padding-inline-end: 2rem;
}
.br-8{
    border-radius: 8px;
}
.br-10{
    border-radius: 10px;
}



/* profile */
.card-header {
    border-bottom: 1px solid rgba(239, 242, 245, 1);
}
.card-footer{
    border-top: 1px solid rgba(239, 242, 245, 1);
}

.card-header h4 , .card-header label , .card-header h5 {
    color: rgba(63, 66, 84, 1);
}

.card-header h5{
    font-size: 1.2rem;
    font-weight: 500;
}

.card-header h4 {
    margin-bottom: 0;
}

.card-tabs label{
  font-size: 14px!important;
  position: relative!important;
  top: 7px!important;
  font-weight: 500!important;
  color: #5E6278!important;
}

.profile-content span {
        color: var(--gray1);
        font-weight: 500;
        padding-inline-start: 3px;
}

.layout-sidebar{
    box-shadow: none !important;
    position: fixed;
    height: 100%;
    top: 0;
    left:  0;


    background: var(--menu-bg);
    border-right:none!important;
    box-shadow: var(--sidebar-shadow);
    display: flex;
    flex-direction: column;
    /* border-left: 1px solid rgba(227, 227, 227, 1) */
}



.border-btn , .researcher{
    border-bottom: 1px solid rgba(238, 238, 238, 1)
}


.filter .p-dropdown{
background: transparent !important;
border: 0 !important;
width: auto !important;
}

.filter .p-inputtext , .filter .p-dropdown .p-dropdown-trigger{
    color: #fff !important;
}
/*
.p-dropdown:not(.p-disabled):hover{
 border: 0 !important;
} */


.icon{
    width: 2.8rem;
    height: 2.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(237, 237, 237, 1);
    transition: .3s all;
    cursor: pointer;
    margin-inline-end: .5rem;
}

.icon:hover{
    background: rgba(237, 237, 237, 0.521);
}


.p-tabview-title{
    font-weight: 500 !important;
}
.p-tabview .p-tabview-nav{
    background: #ffffff;
    border: 4px solid  rgba(248, 248, 248, 1);
    border-width: 0 0 4px 0;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
    border-width: 0 0 3px 0 !important;
    border-color: transparent transparent rgba(248, 248, 248, 1) transparent;
}



/* accordion */
.p-accordion-header-link {
    justify-content: space-between;
    flex-direction: row-reverse;
}
 .p-accordion .p-accordion-content{
    border-color: transparent !important;
    background: #fff;
}
 .p-accordion-tab{
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
    border-radius: 10px;
}
.p-accordion .p-accordion-header .p-accordion-header-link {
    border-color: transparent  !important;
    border-bottom: 1px solid rgba(239, 242, 245, 1) !important;
    background: #fff;
}
.footer-accordion{
    border-top: 1px solid rgba(239, 242, 245, 1) !important;
}
.sh-card{
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
}

.p-tabview .p-tabview-nav , .p-tabview{
    /* display: flex !important; */
}

.p-tabview .p-tabview-nav {
    flex-direction: row;
}
.p-tabview-nav-container {
    min-width: 220px;
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link{
    background: rgba(243, 246, 249, 1) !important;
    border: 0 !important;
    z-index: 999;
}
.p-tabview-nav p {
    color: rgba(128, 128, 143, 1) !important;
}
.p-tabview-nav span{
    /* color:#495057; */
    padding: 0px 15px;

}
.p-tabview .p-tabview-nav li .p-tabview-nav-link{
    border-radius: 6px;
}

.p-tabview .p-tabview-panels{
    width: 100%;
}

.sec-btns{
    border-top: 1px solid rgba(239, 242, 245, 1);
}








.p-button-label{
    /* padding-left: 10px!important; */
}


.layout-topbar .topbar-menubutton{
    margin-left: 3rem!important;
}
.p-overlaypanel .p-overlaypanel-content{
    padding: 0!important;
    border: none!important;
}


.app-table .p-datatable-thead tr th{
    text-align: start!important;
    color: #fff!important;
}
.app-table .p-datatable-thead tr th:last-child{
    text-align: center!important;
}
.p-datatable .p-datatable-tbody > tr > td:last-child{
    text-align: center!important;
}

.p-datatable .p-datatable-tbody > tr > td{
    text-align: inherit!important;
}


.app-table .p-datatable-thead th:first-child, .app-table .p-datatable-thead td:first-child{
    border-bottom-right-radius:0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.app-table .p-datatable-thead th:last-child, .app-table .p-datatable-thead td:last-child{
    border-bottom-left-radius: 0px!important;
    border-top-left-radius: 0px!important;
    border-top-right-radius: 10px!important;
    border-bottom-right-radius: 10px!important;
}


.layout-sidebar .layout-menu ul a:hover{
    background: linear-gradient(45deg, #ffca76, #e4b974) !important;
    color: #ffffff;
}



.btn-save{
    background-color: #49cc90!important;
    border: 1px solid #49cc90!important;
}

.btn-clear{
    background-color: #f3f3f3e3 !important;
    border: 1px solid  #f3f3f3e3!important;
    color: #333!important;
}

.btn-request{
    background-color: #61affe!important;
    border: 1px solid  #61affe!important;
    color: #fff!important;
    padding: 12px 12px!important;
    border-radius: 5px !important;
}
.btn-request-222{
    background-color: #61fe9b!important;
    border: 1px solid  #61fec4!important;
    color: #fff!important;
    padding: 12px 12px!important;
    border-radius: 5px !important;
}

.btn-add{
    background-color: #61affe!important;
    border: 1px solid #61affe!important;
    color: #fff!important;
}


.p-paginator{
    direction: ltr!important;
}


.style-button-upload-file{
    .p-button{
        padding: 10px 23px 10px 22px!important;
        margin-top: 1px!important;
        color: #fff !important;
    }
}


.p-datatable .p-datatable-tbody > tr > td{
    font-weight: 400!important;
    font-size: 1rem!important;
}




.app-table .p-datatable-thead tr th{
    color: #fff!important;
}

.app-table .p-datatable-thead tr th{
    font-size: 15px!important;
}


/*****/

.p-datatable .p-datatable-thead > tr {
    background-image: linear-gradient(45deg, #ffca76, #e4b974) !important;

}
.app-table .p-datatable-thead tr th{
    border: none!important;
}
.layout-content-wrapper .layout-content{
    background-color: #f7f8fb!important;
}



.layout-content-wrapper .layout-content{
    box-shadow: none!important;
}
.card {
    background: #ffffff;
    border: none!important;
    padding: 0.9rem 2rem 2rem 2rem;
    margin-bottom: 2rem;
    box-shadow: none!important;
    border-radius: 12px;
}
.p-datatable .p-datatable-tbody > tr > td{
    border-bottom: 1px solid #dee2e6 !important;
    padding: 1rem 1rem;
    color: #5E5E5E;
    font-weight: 500 !important;
}

.reorder-row-icon{
    background: none!important;
    border: none!important;
}

.app-table .p-datatable .p-paginator-pages .p-paginator-page.p-highlight{
    background-image: linear-gradient(45deg, #ffca76, #e4b974) !important;
    color: #fff!important;

}


.app-table .p-datatable .p-paginator-first, .app-table .p-datatable .p-paginator-prev, .app-table .p-datatable .p-paginator-next, .app-table .p-datatable .p-paginator-last, .app-table .p-datatable .p-paginator-page{
    color: #ffca76!important;
}

.btn-login{

    .p-button{
        width: 100%!important;
        height: 50px!important;
        background-image: linear-gradient(45deg, #ffca76, #e4b974) !important;
        color: #fff!important;
    }

}

.style-card-lesson{

    .p-card{
        box-shadow: none!important;
        border: 0.5px solid #f7f8fb8a!important;;
        background-color:#f7f8fb8a!important;
    }
    .p-card-body{
        display: none!important;
    }
}


.pi-check-circle{
 color:rgba(11, 183, 131, 1);
}

.pi-times-circle{
color: rgba(241, 65, 108, 1);
}

@media screen and (max-width: 991px){
    .layout-container.layout-mobile-active .layout-sidebar {
        z-index: 9999;
    }
}
@media screen and (max-width: 600px){
    .p-button{
        padding: 10px 7px !important;
    }
    .p-dialog{
        width: 98% !important;
    }
    .card .text-900 div{
        font-size: 16px !important;
        font-weight: 600;
    }
    .fc .fc-toolbar-title{
        font-size: 16px !important;

    }
    .p-dialog-header span{
        font-size: 15px !important;
    }
    .p-paginator .p-paginator-pages .p-paginator-page , .p-paginator .p-paginator-first, .p-paginator .p-paginator-prev, .p-paginator .p-paginator-next, .p-paginator .p-paginator-last{
        min-width: 2.2rem !important;
        height: 2.2rem !important;
    }
    .p-datatable-tbody div{
        font-size: 13px !important;
    }
    .app-table .p-datatable-thead tr th{
        font-size: 15px !important;
    }

    .app-table .p-datatable-thead tr th{
        padding: 1rem !important;
    }
    .card{
        padding: 1rem !important;
    }
}
.p-confirm-popup-accept{
background: #49cc90!important
}
.p-confirm-popup-reject{
    background: #d50100 !important;
}
.p-confirm-popup-accept , .p-confirm-popup-reject{
    color: #fff !important;
}

.user-permissions-search .app-button .p-button {
    background: linear-gradient(45deg, #ffca76, #e4b974) !important;
}

.ps-1{
    padding-inline-start: .5rem;
}
.ps-2{
    padding-inline-start: 1rem;

}
.pe-1{
    padding-inline-end: .5rem;

}
.pe-2{
    padding-inline-end: 1rem;
}

 .app-text-input input{
    width: 100% !important;
}
.style-border-box-file{
    border-right: 1px solid #d7d9db;
    border-radius: 0px;
    padding: 5px;
    border-bottom: 1px solid #d7d9db;
}
.style-border-box-file:last-child{
    border-right: none!important;
}
.style-time-notification{
    float: right!important;
}

.register-bg{
    background-image: linear-gradient(to bottom, rgba(255, 203, 118, 0.3058823529), rgba(244, 187, 96, 0.7333333333)), url(/assets/image-medwise/student-class-taking-notes.jpg);
    background-position: center;
    background-size: cover;
}



.border-question-error{
    border-left: 5px solid #f93e3e!important;
    border-right: transparent!important;
}
.border-question-correct{
    border-left: 5px solid #49cc90 !important;
    border-right: none!important;
}

.fc-daygrid-dot-event .fc-event-title{
    text-align: left!important;
}
.fc-event-time{
    text-align: left!important;
}
.style-title-scheduling{
    direction: ltr!important;
    text-align: left;

}

.fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start{
    direction: ltr!important;
}
.box-data-metting{
    padding-top: 100px;
    text-align: left;
}
.box-live{
    position: relative;
    left: 115px;
    background-color: #f1c175;
    top: 13px;
    padding: 3px 4px;
    font-size: 15px;
    border-radius: 7px;
    font-weight: 600;
}

@media (max-width: 992px)
{
    .box-live{
        left: 90px;
        top: 24px;
    }

}