/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 5.0
	Author: PIXINVENT
	Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

html {
    color: #000 !important;
}

.notifications-dropdown {
    display: block;
    width: 400px;
    left: 986.6px;
    top: 64px;
    height: 346px;
    transform-origin: 100% 0px;
    opacity: 1;
    transform: scaleX(1) scaleY(1);
}

.profile-dropdown {
    display: block;
    width: 160px;
    left: 1284.6px;
    top: 64px;
    max-height: 251px;
    transform-origin: 100% 0px;
    opacity: 1;
    transform: scaleX(1) scaleY(1);
}

.translation-dropdown {
    display: block;
    width: 168.8px;
    left: 1111.79px;
    top: 64px;
    height: 200px;
    transform-origin: 100% 0px;
    opacity: 1;
    transform: scaleX(1) scaleY(1);
}

.activeSideMenu {
    display: block;
}

.selectClass {
    border-bottom: 1px solid rgba(0, 0, 0, 0.42) !important;
    margin-bottom: 8px !important;
}

label[data-shrink=false]+.MuiInputBase-formControl .css-1rxz5jq-MuiSelect-select-MuiInputBase-input-MuiInput-input {
    margin-bottom: 10px !important;
}

.MuiInput-root:before {
    border-bottom: 0px solid rgba(0, 0, 0, 0.42) !important;
    left: 0;
    bottom: 0;
    content: "\00a0";
    position: absolute;
    right: 0;
    -webkit-transition: border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    pointer-events: none;
}

.MuiInput-root::after {
    border-bottom: 0px solid rgba(0, 0, 0, 0.42) !important;
    left: 0;
    bottom: 0;
    content: "\00a0";
    position: absolute;
    right: 0;
    -webkit-transition: border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    pointer-events: none;
}

.MuiInputLabel-root {
    color: rgba(0, 0, 0, 0.6);
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4375em;
    letter-spacing: 0.00938em;
    padding: 0;
    position: relative;
    display: block;
    transform-origin: top left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    position: absolute;
    left: 0 !important;
    top: 0;
    left: 0 !important;
    -webkit-transform: translate(0, 20px) scale(1);
    -moz-transform: translate(0, 20px) scale(1);
    -ms-transform: translate(0, 20px) scale(1);
    transform: translate(0, 20px) scale(1);
    -webkit-transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, -webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
    transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
}

.MuiFormControl-root {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
    vertical-align: top;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}


/* pixel style start */

.login-bg {
    background-image: url(../../images/gallery/flat-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.login-card {
    position: absolute;
    top: 55%;
    left: 50% !important;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -ms-border-radius: 10px !important;
    -o-border-radius: 10px !important;
    padding: 20px !important;
}

.login-card .login-form {
    text-align: center;
}

.login-card .login-form input[type="submit"] {
    padding: 8px;
    height: auto;
    font-size: 22px;
    font-weight: 600;
}

.login-card h5 {
    font-size: 34px;
}

.login-card p {
    text-align: left;
    padding-left: 15px;
}


/* .sidenav.sidenav-fixed {
    background: linear-gradient(180deg, #ff9866, #ff5f62);
}

.sidenav li a,
.sidenav .collapsible-header:after {
    color: #fff;
} */

.sidenav li a.active,
.gradient-45deg-indigo-purple {
    background: linear-gradient(to right, #650c12 30%, #a2333a 100%) !important;
}

.sidenav li a.active {
    box-shadow: 3px 3px 20px 0 rgb(255 152 102 / 42%);
}

.gradient-45deg-indigo-purple.gradient-shadow {
    box-shadow: 0 6px 20px 0 rgb(226 153 118 / 52%) !important;
}

.sidenav li>a>i,
.sidenav li>a>[class^='mdi-'],
.sidenav li>a li>a>[class*='mdi-'],
.sidenav li>a>i.material-icons {
    color: #a23507;
}

.sidenav li>a:not(.active):hover {
    background-color: #fff !important;
}

footer.page-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 123;
    transition: 0.3s;
}

.brand-sidebar .brand-logo {
    padding: 0;
}

.brand-sidebar .brand-logo {
    padding: 5px 12px 5px 5px;
    display: block;
    width: 100%;
    height: 100%;
}

.brand-sidebar .logo-wrapper a.brand-logo img {
    height: 100%;
    width: 100%;
}

.sidenav li>a,
.sidenav li a.collapsible-header {
    font-weight: 500;
}

.sidenav.sidenav-fixed {
    padding-top: 15px;
    height: 100vh;
    overflow: hidden;
    overflow-y: auto;
}

.sidenav.sidenav-fixed::-webkit-scrollbar {
    width: 8px;
}

.sidenav.sidenav-fixed::-webkit-scrollbar-track {
    background: transparent;
}

.sidenav.sidenav-fixed::-webkit-scrollbar-thumb {
    background-color: #e9e9e9;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
}

.navbar .notification-badge {
    background-color: #ff880e;
    box-shadow: none;
}

nav ul li {
    position: relative;
}

.notifications-dropdown,
.profile-dropdown {
    left: auto;
    right: 0;
}

.navbar #notifications-dropdown::-webkit-scrollbar {
    width: 5px;
}

.navbar #notifications-dropdown::-webkit-scrollbar-track {
    box-shadow: none;
}

.navbar #notifications-dropdown::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

#breadcrumbs-wrapper .breadcrumbs>li+li::before {
    color: #fff;
}

.btn,
.btn-large,
.btn-small {
    background: linear-gradient(to right, #ff9866 30%, #ff5f62 100%) !important;
    border-radius: 3px !important;
    width: auto;
}

.btn:hover,
.btn-large:hover,
.btn-small:hover {
    background: linear-gradient(to right, #ff5f62 30%, #ff9866 100%);
    color: #fff;
}

.z-depth-1-half,
.btn:hover,
.btn-large:hover,
.btn-small:hover,
.btn-floating:hover {
    background-color: #f26930;
}

.material-icons .material-icons {
    color: #ff6f63;
}

#root {
    padding-bottom: 100px;
}

.toast {
    background-color: #f2aa07f0 !important;
}

.sidenav li.open>a {
    background: linear-gradient(to right, #650c12 30%, #a2333a 100%);
    color: #fff;
}

.sidenav li.open>a i {
    color: #fff;
}

.sidenav-active-square .sidenav li>a.active {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.sidenav li .collapsible-body {
    background: #ffeff0;
}

.sidenav-active-square .sidenav li>a:hover,
.sidenav-active-square .sidenav li>li:not(.active)>a:hover {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.page-footer .footer-copyright {
    min-height: inherit;
    padding: 4px 0;
}

.sidenav li>a>i.material-icons,
.sidenav li a.collapsible-header>i.material-icons {
    margin: 0 7px 0 0;
}

[type='checkbox']:checked+span:not(.lever):before {
    border-right: 2px solid #2ab819;
    border-bottom: 2px solid #2ab819;
}

.ReactModal__Overlay--after-open {
    background-color: rgba(0, 0, 0, 0.5) !important;

}

.ReactModal__Content {
    top: 25% !important;
}

.ReactModal__Content .popupclose {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 33px;
    height: 33px;
    border: none;
    font-size: 23px;
    background: #d84b54;
    color: #fff;
    line-height: 30px;
    padding: 0 0 18px 1px;
    border-radius: 0px;
}

input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea {
    border-bottom: 1px solid #585151;
}


/* 
.MuiSelect-select {
    border-bottom: 1px solid #585151 !important;
} */

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #ee4600;
    box-shadow: none;
}

table tr td .material-icons {
    color: #ff880e;
    background: #f8ebe4;
    font-size: 18px;
    border-radius: 50%;
    width: 27px;
    height: 27px;
    text-align: center;
    line-height: 27px;
}

table tr td a {
    font-size: 18px;
    margin: 0 5px 0 0;
}

table tr td a last-child {
    margin-right: 0;
}

.gradient-45deg-purple-amber.gradient-shadow {
    box-shadow: 0 6px 20px 0 rgb(192 192 192 / 50%) !important;
}

.gradient-45deg-purple-amber {
    background: linear-gradient( 45deg, #e83f4b, #ffa000) !important;
}

.paginate{
    display: flex;
    width: auto;
    justify-content: space-between;
    align-items: center;
}
.paginate .count{
    display: flex;
    margin-top: 0.25rem;
    padding: 0.25em 1em;
    justify-content: center;
    align-items: center;
}
.paginate .navigate{
    display: flex;
    margin-top: 0.25rem;
    padding: 0.25em 1em;
    justify-content: center;
    align-items: center;
}
.paginate .current{
    color: #fff !important;
    border: 1px solid #ff880e;
    border-radius: 6px;
    background: #ff880e;
    box-shadow: 0 0 8px 0 #ff880e;
}
.pointer-yes{
    cursor: pointer;
}
.pointer-none{
    cursor: default;
}
#digits{
    display: flex;
    cursor:pointer;
}



.ReactModal__Content {
    position: fixed;
    top: 10% !important;
    left: 50%;
    transform: translate(-43%, 0) !important;
    -webkit-transform: translate(-43%, 0) !important;
    -moz-transform: translate(-43%, 0) !important;
    -ms-transform: translate(-43%, 0) !important;
    -o-transform: translate(-43%, 0) !important;
    width: 100%;
    max-width: 48vw;
    z-index: 99;
}

.MuiOutlinedInput-notchedOutline {
    border: none !important;
}



/*.Mui-error input, .Mui-error select, .reqrd-brdr, .reqrd-brdr input, .reqrd-brdr select, .reqrd-brdr textarea {
    border-bottom: 1px solid #f44336;
}

input:not([type]).reqrd-brdr, input[type=text]:not(.browser-default).reqrd-brdr, input[type=password]:not(.browser-default).reqrd-brdr, input[type=email]:not(.browser-default).reqrd-brdr, input[type=url]:not(.browser-default).reqrd-brdr, input[type=time]:not(.browser-default).reqrd-brdr, input[type=date]:not(.browser-default).reqrd-brdr, input[type=datetime]:not(.browser-default).reqrd-brdr, input[type=datetime-local]:not(.browser-default).reqrd-brdr, input[type=tel]:not(.browser-default).reqrd-brdr, input[type=number]:not(.browser-default).reqrd-brdr, input[type=search]:not(.browser-default).reqrd-brdr, textarea.materialize-textarea.reqrd-brdr{
    border-bottom: 1px solid #f44336;
}*/
/*input[aria-invalid="false"],
select[aria-invalid="false"],
textarea[aria-invalid="false"],
div[aria-expanded="false"] input,
div[aria-expanded="false"] select,
div[aria-expanded="false"] textarea{
    border-bottom-color: #f44336;
}*/

/*.selectClass.reqrd-brdr{
    border-bottom: 1px solid #f44336 !important;
}

.invalid {
    color: #b60000 !important;
}*/

.perptable tr th:first-child{
    min-width: 100px;
    padding-top: 5px;
}

tr th:first-child .checkmark{
    position: relative;
    top: 10px;
}

tr td{
    vertical-align: top !important;
}

tr td:first-child .checkmark{
    position: relative;
    top: 8px;
}
.perptable tr th:nth-child(7){
    min-width: 100px;
}

.perptable tr th:nth-child(2){
    min-width: 200px;
}

.actionclm{
    margin-top: 8px;
    text-align: left;
}
.ReactModal__Overlay--after-open{
    position: fixed !important;
}

.ReactModal__Content{
    z-index: 999;
    top: 64px !important;
}

.fieldalignrow{
    display: flex;
    align-items: flex-end;
}

.clear {
    clear: both;
}

.clear:after {
    content: '';
    clear: both;
    position: relative;
    width: 100%;
    display: table;
}

.leadseachbtn{
    top:-10px !important;
}
.cnslngseachbtn{
    position: relative;
    top:-10px !important;
}

.sidenavstudents .widget-timeline li{
    padding:0px !important;
}

.sidenavstudents .widget-timeline li{
    padding: 0px !important;
    line-height: 15px !important;
}
/*.MuiInputBase-adornedEnd{
    margin-top: 10px;
}*/
#breadcrumbs-wrapper{
    padding: 0 !important;
}
.sidenav-main{
    width: 225px !important;
}
.sidenav-main.nav-collapsed{
    width: 65px !important;
}

#main {
    padding-left: 220px;
}

.btn.backbtn{
    background: #dfdfdf !important;
    color: #000 !important;
    /*display: inline-flex;*/
}

.bptop{
    padding-top: 9px !important;
    text-transform: capitalize !important;
}

.steplbl .MuiStepLabel-label{
    font-size: 17px !important;
}
.studentslist li label{
    display: flex;
    align-items: center;
    line-height: 10px;
    margin: 0 0 5px 0 ;
    color: #000;
}

.studentslist li label [type='checkbox'] + span:not(.lever){
    padding: 0 5px 0 0;
    padding-left: 20px !important;
}

.studentslist li label [type='checkbox'] + span:not(.lever):before{
    top: 2px;
}

.studentslist li label [type='checkbox']:checked + span:not(.lever):before{
    transform:scale(0.9) rotate(40deg);
    top: 0;
}

.slide-out-right-title .tabs li a{
    text-align: left;
}


.btn-floating{
    background-color: #ef4700;
}

.flexend{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.ReactModal__Content{
    z-index: 999;

}
.row.flex-row{
    display: flex;
    align-items: center;
}
table tr td .name{
    display: inline-block;
    margin-bottom: 8px;
}

.error-border select,
.error-border input,
.selectClass.error-border,
.error-border textarea{
    border-bottom: 1px solid #bf360c !important;
    z-index: 1 !important;
}

input:not([type]):disabled, input:not([type])[readonly='readonly'], input[type=text]:not(.browser-default):disabled, input[type=text]:not(.browser-default)[readonly='readonly'], input[type=password]:not(.browser-default):disabled, input[type=password]:not(.browser-default)[readonly='readonly'], input[type=email]:not(.browser-default):disabled, input[type=email]:not(.browser-default)[readonly='readonly'], input[type=url]:not(.browser-default):disabled, input[type=url]:not(.browser-default)[readonly='readonly'], input[type=time]:not(.browser-default):disabled, input[type=time]:not(.browser-default)[readonly='readonly'], input[type=date]:not(.browser-default):disabled, input[type=date]:not(.browser-default)[readonly='readonly'], input[type=datetime]:not(.browser-default):disabled, input[type=datetime]:not(.browser-default)[readonly='readonly'], input[type=datetime-local]:not(.browser-default):disabled, input[type=datetime-local]:not(.browser-default)[readonly='readonly'], input[type=tel]:not(.browser-default):disabled, input[type=tel]:not(.browser-default)[readonly='readonly'], input[type=number]:not(.browser-default):disabled, input[type=number]:not(.browser-default)[readonly='readonly'], input[type=search]:not(.browser-default):disabled, input[type=search]:not(.browser-default)[readonly='readonly'], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly='readonly']{
    border-bottom: 1px solid #585151 !important;
}

.Mui-error{
    color: rgba(0, 0, 0, 0.87) !important;
}

.flex-samealign{
    display: flex;
    align-items: flex-end;
}

.flex-samealign .cgender{
    width: 100%;
    transform: translateY(-8px);
}

.input-field .datepickralign label{
   margin-left: -14px;
}
.Mui-error {
    color: #d32f2f !important;
  }
.input-field .invalid{
    display: block;
    color: #cf0c18;
    position: absolute;
    bottom: -20px;
    left: auto;
    font-size: 12px;
}
.dfgdgdf{
    margin-top: 42px;
}

[type='radio']:checked + span:after, [type='radio'].with-gap:checked + span:after {
    background-color: #ff6962;
    border: 2px solid #ff6a63;
}

.Mui-completed {
    color: #00c853 !important;
}
.Mui-active{
    font-weight: 600;
}

.crsheading{
    padding: 20px 0 0 0;
    font-size: 18px;
    font-weight: 500;
}

.hjgggyugyu tr th{
    min-width:135px !important;

}

.sidenav-active-square .sidenav li > a, .sidenav-active-square .sidenav li a.collapsible-header,
.sidenav-active-square .sidenav li > a.active{
    margin-right: 0;
}

.sidenav .collapsible.collapsible-sub{
    padding: 10px 0 10px 18px;
}

.sidenav .collapsible.collapsible-sub li a{
    height: auto;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    padding: 6px !important;
}

.sidenav .collapsible.collapsible-sub li a i{
    height: auto;
    line-height: inherit;
    margin-right: 0;
}

.sidenav-active-square .sidenav li > a, .sidenav-active-square .sidenav li a.collapsible-header{
    padding-left: 15px !important;
}

.sidenav .collapsible.collapsible-sub li a:hover {
    background-color: #c5545b !important;
    color: #fff;
}

.sidenav .collapsible.collapsible-sub li a:hover i{
    color: #fff;
}

table tr :is(th,td) label{
    color: #000 !important;
    font-size: 13px;
}

table tr th label [type='checkbox'] + span:not(.lever),
table tr td label [type='checkbox'] + span:not(.lever){
  padding-left: 25px;
  position: relative;
  top: 9px;
}

.table.leadlist tr td label{
    padding-left: 4px;
}


.table.leadlist tr th{
    padding: 0 0 15px 0;

}

.table.leadlist tr td ,
.table.leadlist tr th{
    font-size: 14px;
    font-weight: 500;
}

.table.leadlist tr th span{
    margin-top: -10px;
}

button{
    font-size: 15px;
} 

button .MuiTouchRipple-root{
    font-size: 15px;
}

.stickytitle{
    position: fixed;
    top: 21px;
    z-index: 9999;
     margin-left: 45px;
}


.collapshead .MuiCollapse-root{
    box-shadow: none !important;
} 

.collapshead{
background: #ededed !important;
min-height: 40px !important;
box-shadow:  none !important;
}

.collapshead{
    min-height: 40px;
}

.collapshead.Mui-expanded{
    background: linear-gradient(45deg, #f9af90, #ffb190) !important;
}
.collapshead p{
    font-size: 15px;
    font-weight: 550;
    
}

.card-row > div{
    box-shadow: none !important;
}


.card-row table tr th{
    font-size: 15px;
    font-weight: 500;
}

.collapshead .Mui-expanded{
   margin: 13px 0 !important;
}

.collapshead .Mui-expanded svg{
     fill: #ef4700;
}

.eachsubtopic{
    background: #fff7f4;
    padding: 10px;
    margin-bottom: 15px;
}

.file-field input[type=file]{
    width: 70% !important;
}

.leadimport .file-field{
    width: 70% !important;
}

.permisnlist tr th:first-child{
    min-width: 80px;
} 

.permisnlist tr th:first-child label{
    padding-left: 0;

}

.permisnlist tr td > .role-create .MuiCheckbox-root{
    margin-top: -4px !important;
    padding: 0 !important;

}

.permisnlist tr td .role-create{
    display: flex;
}

.permisnlist tr td .role-create .role-listhldr:not(:last-child){
    margin-right: 18px;
}
.submit-btnhldr{
    padding:22px 0 0 12px;
}

.perptable tr td button{
    border:none;
    background: transparent;
}

/*.perptable tr th label{
    padding-left: 0;
}*/

.adminuser-brdcm .row{
    display: flex;
   align-items: center;
}

.waves-effect{
    z-index: inherit;
}

.permisnlist tr th label [type='checkbox'] + span:not(.lever), 
.permisnlist tr td label [type='checkbox'] + span:not(.lever){
    top: 8px;
}

.userrole .MuiInput-root div[role='button']{
    height: 52px;
}

.switchcol .switch{
    margin-top: 10px;
}

.userpasswordmodal{
    background: #fff;
    max-width: 400px;
    padding:5px 15px;
}

.userpasswordmodal h5{
    font-size: 22px;
    font-weight: 600;
}

.userpasswordmodal .input-field:not(:last-child){
    margin: 0;
}

.userpasswordmodal .input-field input{
    height: 28px;
    font-size: 15px;
}

.userpasswordmodal button[type='submit']{
    padding: 16px;
}

.userpasswordmodal button[type='submit'] i{
    margin-left: 5px;
}

.dashboard-row i{
    width: 54px;
}

.badge{
    font-size: 14px !important;
    border-radius: 25px;
}

.borderrediuszero{
    border-radius: 0px !important;
}


.borderrediuszero div[role="button"]{
    padding-left: 0;
}

.label-position label{
    transform: translate(0px, -9px) scale(0.75) !important;
}

.fieldalignrow .MuiFormControl-root{
    width: 100%;
}

.notfholder p{
    font-size: 30px;
    color: #fff;
}

.row.dashboard-row h5{
    margin: 0 0 5px 0 !important; 
}

.source-popuprow{
    display: flex;
    flex-wrap: wrap;
}

.source-popuprow div[role="button"]{
    height:37px;
}

.input-field .datepickralign label {
    margin-left: 0;
}

.studentslist p{
    margin: 0;
    padding: 5px;
    background: #ededed;
    font-size: 14px;
    line-height: 18px;
    border-radius: 0;
    margin-left: 10px;
}

.df-btn{
    padding: 10px;
    width: auto;
}


.dashboard-row{
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.dashboard-row p{
    margin: 0;
    margin-top: 10px;
}

.switch label input[type=checkbox]:checked + .lever {
    background-color: #e3f7c7;
}

.switch label input[type=checkbox]:checked + .lever:after {
    background-color: #2a9437;
}

.row .col.switchcol{
    width: 9%;
}

.lvbtn-hldr{
    text-align: right;
}

.lvbtn-hldr .btn{
    display: inline-block;
}

.lv_table table tr td{
    padding:13px 10px;
}
.lv_table table tr th{
  background: #ffdccb;
  border-radius: 0;
  padding: 10px;
}

.lv_table table tr :is(th,td):not(:first-child){
    text-align: center;
}

.lvtodate-col .MuiFormControl-root label{
    transform: translate(0px, 16px) scale(1);
}

.lvtodate-col .MuiFormControl-root label{
    transform: translate(0px, 16px) scale(1);
}

.lvtodate-col .MuiFormControl-root label.Mui-focused,
.lvtodate-col .MuiFormControl-root label.active{
    transform: translate(0, -1.5px) scale(0.75);
}

.lvdataclndr{
    margin: 0 23px;
}

.lvdataclndr .rbc-row-content a,
.lvdataclndr .rbc-row-content{
    color: #000 !important;
    z-index: 0;
}

.lvdataclndr .rbc-header{
    border-bottom: 1px solid #f1a47e;
    background: #ffc4a7;
    font-size: 17px;
    font-weight: 500;
    padding: 8px 10px;
    border-color: #f1a47e;
}

.lvdataclndr .rbc-day-bg + .rbc-day-bg,
.lvdataclndr .rbc-month-view{
    border-color: #ffddcc;
}

.lvdataclndr .rbc-header + .rbc-header{
    border-left: 1px solid #ffddcc;
}

.lvdataclndr .rbc-today{
   background-color:#66ebf1;
}

.lvdataclndr .rbc-date-cell{
    text-align: center;
    padding: 14px 14px 9px;
    font-size: 18px;
}

.lvdataclndr .rbc-month-row + .rbc-month-row {
    border-top: 1px solid #ffddcc;
}

.lvdataclndr .rbc-off-range-bg {
    background: #fff2eb;
}

.lvdataclndr .rbc-row-segment{
    padding: 0;
}

.lvdataclndr .rbc-event{
    padding: 5px;
    background-color: #f98383;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    border-radius: 0;
}

.lvdataclndr .rbc-toolbar .rbc-toolbar-label{
    font-size: 25px;
    font-weight: 600;
}

table tr td .nodata{
    display: block;
    text-align: center;
}

.chkinbtn-wrp{
   padding: 15px 0 20px 10px;
}

.checkingbtn{
    padding: 8px 22px 10px;
    border: 2px solid #f88415;
    background: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    border-radius: 25px;
    box-shadow: 0 0 20px -10px rgb(63 63 63);
    transition: 0.3s;
}

.checkingbtn:hover{
    background: #2fd768;
    border-color: #2fd768;
    color: #fff;
}

.checkingbtn:focus{
    background: green;
    border-color: green;
    color: #fff;
}

.card-content.lv-card{
    height: 282px;
    overflow: hidden;
}

.lv_table{
    max-height: 236px;
    overflow: hidden;
    overflow-y: auto;
}

.lv_table::-webkit-scrollbar {
  width: 5px;
}
 
.lv_table::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 15px;
}
 
.lv_table::-webkit-scrollbar-thumb {
    background: #ff9866;
    border-radius: 15px;
}


.lv_table table thead{
    position: sticky;
    top: 0;
}

.collection .collection-item.avatar{
    min-height: 60px;
    display: flex;
    align-items: center;
    background: #fff2e6;
}

.collection .collection-item.avatar h6,
.leavworkcard .card-content h4{
    font-size: 20px;
    font-weight: bold;
}

.collection,
.dashboard-cardsmheight{
    height: 250px;
    max-height: 250px;
    overflow: hidden;
    overflow-y: auto;
    background: #fff;
}

.dashboard-cardsmheight{
    height: 247px;
    max-height: 247px;
    margin-top: 10px;
}

.collection::-webkit-scrollbar,
.dashboard-cardsmheight::-webkit-scrollbar {
  width: 5px;
}
 
.collection::-webkit-scrollbar-track,
.dashboard-cardsmheight::-webkit-scrollbar-track  {
    background: #ddd;
    border-radius: 15px;
}
 
.collection::-webkit-scrollbar-thumb,
.dashboard-cardsmheight::-webkit-scrollbar-thumb{
    background: #ff9866;
    border-radius: 15px;
}

.dashboard-cardsmheight table tr th{
    font-weight: 500;
}


.collection .collection-item.avatar{
    position: sticky;
    top: 0;
    z-index: 12;
}

.leavworkcard .card-content{
    background: #fff2e6;
    padding: 12px 25px;
}

.collection .collection-item{
    transition: 0.3s;
}

.collection .collection-item:hover{
    background: #fffcec;
}

.collection .collection-item.avatar:hover{
    background: #fff2e6;
}

.birthday-today span{
    display: inline-block;
    padding: 0px 6px 1px;
    font-size: 10px;
    background: #f21b1b;
    border-radius: 6px;
    margin-left: 10px;
    color: #fff;
    font-weight: 600;
    line-height: 17px;
    position: relative;
}

.birthday-today span i{
  display: inline-block;
    width: 40px;
    height: 32px;
    background: url(../../images/gallery/birthday.gif) no-repeat;
    background-size: 37px;
    border-radius: 36%;
    position: absolute;
    top: -8px;
    right: -48px;
}

.card.attndncecard{
    margin-bottom: 0;
}

.attemndncefrm-hldr{
    max-width: 400px;
}

.atndnce_table thead{
    background: #ffb165;
    position: sticky;
    top: 64px;
    z-index: 999;
    border-bottom: 2px solid #fff;
}

.atndnce_table thead tr th{
    border-radius: 0;
}

.atndnce_table tr :is(th,td):nth-child(2),
.atndnce_table tr :is(th,td):last-child{
    text-align: center;
}

.atndnce_table tr :is(th,td){
    padding: 12px 15px;
}

.atndnce_table tr td .name{
    margin: 0;
    color: #000;
}

.atndnce_table tr th:first-child,
.atndnce_table tr th:last-child{
    width: 125px;
}

.atndnce_table tr td:nth-child(2){
    background: linear-gradient(78deg, #0fd32c0a, #f2feee,#0fd32c0a);
    border-bottom: 1px solid #fff;
}

.atndnce_table tr td.absenttd{
   background: linear-gradient(78deg, #feefee, #f7d8d6, #feefee);
    font-size: 15px;
    font-weight: 500;
}


.atndnce_table tr td{
    vertical-align: middle !important;
}


.atndnce_table tr td.absenttd .name{
    color: #fe4a4a;
}

.atndnce_table tr:last-child td{
    background: #9cacff;
    color: #fff;
    border-color: #9cacff;
}

.intime,.outtime{
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #fff;
    background: #0fd32c;
    display: inline-block;
    padding: 4px 12px;
    border-radius: 25px;
    margin: 5px;
    position: relative;
    padding-left: 31px;
}

.outtime{
    background: #e52c2c;
}

.intime .material-icons,.outtime .material-icons{
    position: absolute;
    left: 0px;
    top: 0px;
    transform: rotate(-91deg);
    background: #0ebc28;
    color: #fff;
}

.outtime .material-icons{
    transform: rotate(90deg);
    background: #ff5050;
}

/* Chrome, Safari, Edge, Opera */
    input[type='number']::-webkit-outer-spin-button,
    input[type='number']::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }

    /* Firefox */
    input[type=number] {
      -moz-appearance: textfield;
    }


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

.leavdate{
    display: inline-block;
    padding: 1px 6px;
    background: #dfffdf;
    border-radius: 25px;
    color: #278603;
    font-size: 11px;
    font-weight: 500;
    margin-left: 5px;
    border: 1px solid #a6e4a6;
    position: absolute;
    right: 10px;
}

.leavdate .material-icons{
    font-size: 18px;
    width: 19px !important;
    vertical-align: top;
    margin: 2px 3px 0 0;
    width: auto;
}

.collection .collection-item{
    position: relative;
    font-size: 16px;
}

.bithdaydate,
.holydaydate{
    display: inline-block;
    padding: 1px 8px;
    background: #f6f0d0;
    border-radius: 25px;
    font-size: 12px;
    font-weight: 500;
    color: #773801;
    width: 80px;
    text-align: center;
}

.bithdaydate .material-icons,
.holydaydate .material-icons{
    font-size: 16px;
    vertical-align: text-bottom;
    margin: 0 4px 0 0;
    position: relative;
    top: 1px;
}

.birthdayul.collection .collection-item:not(first-child){
    display: flex;
    align-items: center;
}

.birthdayul.collection .collection-item > div{
    width: 84%;
    word-break: break-word;
}

.MuiMenu-list{
    z-index:9999 !important; 
}

.reating_col .MuiRating-label{
    display: none !important;
}

.reating_col .MuiRating-root label{
    font-size: 22px;
}

.reating_col .MuiRating-root label .MuiRating-icon.MuiRating-iconHover svg{
    fill:#f5a877;
}

.reating_col .MuiRating-root label .MuiRating-icon.MuiRating-iconFilled svg{
    fill: #ff9552;
}

.labelp{
    margin-bottom: 5px !important;
    opacity: 0.6;
}

.col .row.btnrow,.row.card-row{
    margin-left: 0;
    margin-right:  0;
 }

.lvlist_table .lvstatus{
    display: inline-block;
    position: relative;
    padding-left:12px;
}

.lvlist_table .lvstatus:before{
    content: '';
    position: absolute;
    top: 52%;
    transform: translateY(-50%);
    left: 0;
    width: 8px;
    height: 8px;
    background: #ddd;
    border-radius: 50%;
}

.lvlist_table .lvstatus.Approved{
  color: #0f9a0f;
}

.lvlist_table .lvstatus.Canceled{
  color:#ff0202;
}

.lvlist_table .lvstatus.Pending{
  color: #e8891c;
}

.lvlist_table .lvstatus.Approved:before{
  background: #0f9a0f;
}

.lvlist_table .lvstatus.Canceled:before{
  background:#ff0202;
}

.lvlist_table .lvstatus.Pending:before{
  background: #e8891c;
}

.lvuserlist_table button:not(:last-child){
    margin: 0 10px 0 0;
}


.cstm-btn ,
.cstm-btncncl{
    display: inline-block;
    margin: 0 10px 0 0;
}

.cstm-btn button{
    background:#31d931;
    border-radius: 0;
    color: #fff;    
    padding: 4px 8px 1px;
    font-size: 12px;
}

.cstm-btncncl button{
    background: #f05b65;
    border-radius: 0;
    color: #fff;  
    padding: 4px 8px 1px;  
    font-size: 12px;
}

.cstm-btn button:hover{
    background: #0fae0f;
}

.cstm-btncncl button:hover{
    background:#e31723;
}
.cstm-btn{
    position: relative;
}

.cstm-btn.Approved,
.cstm-btn.Canceled{
    padding-left: 20px;
    position: relative;
}

.cstm-btn.Approved:before{
    content: '';
    position: absolute;
    top: 0px;
    left: 0;
    width: 8px;
    height: 19px;
    border-bottom: 2px solid #31d931;
    border-right: 2px solid #31d931;
    transform: rotate(45deg);
}

.cstm-btn.Canceled:before,
.cstm-btn.Canceled:after{
    content: '';
    position: absolute;
    top: 0px;
    left: 0;
    width: 7px;
    height: 18px;
    border-right: 2px solid red;
    transform: rotate(45deg);
}

.cstm-btn.Canceled:after{
   transform: rotate(-43deg);
   top: 3px;
}

.mmtop{
   position: relative;
   top: -14px;
}

.mmtoptwo{
  position: relative;
  top: -16px;
}

.permission_list{
    display: flex;
    flex-wrap: wrap;
}

.permission_list div{
    margin: 3px;
    border-bottom: 1px solid #ddd;
}

.rolelisttable tr th:nth-child(4){
    width: 585px;
}

.rolecreatcard{
    margin-top: 12px;
}

.brand-sidebar .logo-wrapper a.navbar-toggler {
    position: absolute;
    top: 12px;
    left: calc(100%);
    background: #fff;
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    padding-left: 0;
    opacity: 1;
    visibility: visible;
    color: #f78117;
}

.brand-sidebar .logo-wrapper a.navbar-toggler span{
    font-size: 28px;
}

.nav-collapsed .hide-on-med-and-down{
    display: none;
}

.nav-collapsed .hide-on-med-and-up{
    display: inline-block !important;
}

.nav-collapsed .brand-sidebar .brand-logo{
    padding: 6px;
}

.nav-collapsed + #main{
    padding-left: 65px !important;
}

.breadcrumbs-dark{
   margin-top: 10px;
}


.sidenav li:hover{
    background: #f8ebeb;
}


.sidenav-active-square.nav-collapsed li > a, 
.sidenav-active-square.nav-collapsed li a.collapsible-header{
    margin-right: 0 !important;
}

.nav-collapsed .collapsible-sub{
    display: none;
}

.adminuserlisttbl tr td button{
    border: none;
    padding: 0 !important;
    border-radius: 50%;
    margin-right: 5px;
}

.pagination{
    margin-top: 20px;
    text-align: right;
}
.pagination .active{
    background-color: #ff7975 !important;
}
.counselling-card .input-field .MuiFormControl-root{
    width: 100%;
}

.counselling-card .input-field .MuiFormControl-root .MuiOutlinedInput-root{
    border-radius: 0;

}

.cunclsubmit{
    margin-right: 16px;
    margin-top: -6px;
}

.tnc-lbl{
    display: flex;
}


/*privacy modal*/

.pvmodal{
    background: #fff;
    position: fixed;
    z-index: 99999;
    padding: 30px 18px;
    height: 71vh;
    overflow: hidden;
    overflow-y: auto;
    margin-top: 20px;
}

.pvmodal::-webkit-scrollbar {
  width:8px;
}
 
 .pvmodal::-webkit-scrollbar-track {
    background:#ddd;
}
 
 .pvmodal::-webkit-scrollbar-thumb {
  
  background:#d94e15;
}

.ReactModal__Overlay--after-open{
    z-index: 99;
}

/*privacy modal end*/

.cstmrspncv-tbl{
    overflow: hidden;
    overflow-x: auto;
}

.input-field.col label.MuiFormLabel-filled{
    transform: translate(-2px,-8px);
}

.align-txt{
    display: flex;
    align-items: center;
}

.align-txt strong{
    position: relative;
    top: -5px;
}


.align-txt a{
    display: inline-block;
    margin: 0 0 0 5px;
}

.date-col.input-field.col label.MuiFormLabel-filled {
    transform: translate(-2px,-7px);
}

.ReactModal__Content--after-open{
    max-height:70vh;
    overflow: hidden;
    overflow-y: auto;
}

.ReactModal__Content--after-open::-webkit-scrollbar {
  width:8px;
}
 
.ReactModal__Content--after-open::-webkit-scrollbar-track {
    background:#ddd;
}
 
.ReactModal__Content--after-open::-webkit-scrollbar-thumb {
  
  background:#d94e15;
}

.filerow{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.input-field.filerow{
    margin-bottom: 15px;
}


@media(max-width: 1500px){
    .birthdayul.collection .collection-item > div{
        width: 74%;
    }

    .row .col.switchcol {
        width: 15%;
    }
}



@media(max-width: 1350px){
    .dashboard-row p {
        min-height: 50px;
    }

    .birthdayul.collection .collection-item > div {
        width: 70%;
    }

    .cunclsubmit{
        margin-top: -8px;
    }

    body .css-1ozefeb {
        max-height: 200px;
        overflow: hidden;
        overflow-y: auto;
    }
}

@media (max-width: 1199px){
    .permisnlist tr td .role-create{
        flex-wrap: wrap;
    }

    .permisnlist tr td .role-create .role-listhldr:not(:last-child),
    .permisnlist tr td .role-create .role-listhldr{
        margin: 4px;
    }

    .row .col.m1.switchcol{
        width: 20%;
    }

    .row .col.switchcol{
        width: 20%;
    }

    .card .card-content,
    .card .card-content.emlv-crad,
    .card .card-content.lv-card{
        padding: 10px;
    }

    .lv_table table tr td {
        padding: 10px 7px;
    }

    .card-content.lv-card{
        height: 250px;
    }

    .collection .collection-item.avatar h6, .leavworkcard .card-content h4{
        font-size: 17px;
    }

  .birthdayul.collection .collection-item:not(first-child){
    flex-wrap: wrap;
  }

  .birthdayul.collection .collection-item > div{
    width: 100%;
    padding-bottom: 10px;
  }

  .leavdate{
    position: inherit;
    right: auto;
    margin-top: 8px;
    margin-left: 0;
  }

  .rolelisttable tr th:nth-child(4) {
        width: 235px;
    }

    .atndnce_table tr:last-child td{
        border-color: #fff;
        border-top: 1px solid #fff;
    }
    .atndnce_table tr:last-child td:last-child{
        border-color: #9cacff;
        border-top: 1px solid #fff;
    }

    .adminuserlisttbl tr td :is(button,a){
        margin: 5px 3px;
    }
}

@media (max-width:1023px) {
    .login-card {
        top: 50%;
    }

    #main {
        padding-left: 0;
    }

    nav ul li.search-input-wrapper{
        display: none;
    }
     .breadcrumbs-dark{
        margin-top: 40px;
    }

    table.responsive-table th{
        text-align: left;
    }

    .show-on-medium-and-down{
        display: none !important;
    }

    .hide-on-med-and-down {
        display: block !important;
    }

    .stickytitle{
        position: inherit;
    }

    .sidenav-main .brand-sidebar {
        left: 65px;
    }

    .fieldalignrow{
        flex-wrap: wrap;
    }

    .ReactModal__Content{
        max-width: 90vw;
        inset:20% auto auto 44% !important;
    }

    .input-field .invalid{
        bottom: -12px;
    }

    .perptable tr th:first-child{
        padding-top: 15px;
    }

    .perptable tr td{
        padding:12px 5px;
    }

     .course-select{
        margin: 0 !important;
     }

    .course-select .col{
        padding: 0 !important;
        margin: 0 10px 10px 0;  
    }

    .course-select .col span{
        border-radius: 5px !important;
        padding: 5px !important;
    }
    .input-field .datepickralign label{
        margin-top: -10px;
    }

    .breadcrumbs-dark .row .m6{
        width: 100% !important;
    }

    .lvlist_table tr td{
        padding: 5px;
    }

    .lvlist_table tr th{
        padding: 6px 5px;
    }

    .chkinbtn-wrp {
        padding: 28px 0 15px 5px;
    }

    .dashboard-row p {
        min-height: 35px;
    }
    .collection .collection-item.avatar{
        padding-left: 65px;
    }

    .collection .collection-item{
        padding: 6px 10px;
    }

    .birthday-today span{
        display: table;
        margin: 10px 0;
    }

    .atndnce_table tr td.absenttd {
        font-size: 14px;
        font-weight: 400;
    }
    .atndnce_table thead{
        position: inherit;
        top: auto;
        z-index: inherit;
    }

    .atndnce_table tr th{
        padding: 10.5px 5px;
        text-align: left !important;
    }

    footer.page-footer{
        z-index: 99999;
    }

    .leavdate {
        padding: 0px 5px;
        color: #278603;
        font-size: 11px;
        margin: 7px 0 0 0;
        position: inherit;
    }

    .dashboard-cardsmheight table tr td:first-child, 
    .dashboard-cardsmheight table tr th:first-child{
        padding-left: 6px;
    }

    .bithdaydate{
        right: 5px;
    }

    .birthdayul.collection .collection-item:not(first-child){
        flex-wrap: wrap;
    }

    .birthdayul.collection .collection-item > div{
        width: 100%;    
    }
    .bithdaydate, .holydaydate{
        margin: 4px 0;
    }

    .collection .collection-item{
        font-size: 15px;
    }

    .collection .collection-item.avatar {
        min-height:48px;
    }
    .collection .collection-item.avatar:not(.circle-clipper) > .circle{
        width: 35px;
        height: 35px;
        font-size: 21px;
        line-height: 36px;
     }

     .leavdate .material-icons{
        font-size: 16px;
     }

     .birthdayul.collection .collection-item > div{
        padding-bottom: 2px;
     }

     .atndnce_table tr:last-child td{
        padding: 20px 10px;
     }

     .atndnce_table tr:last-child td:last-child{
        padding-top: 33px;
     }

     .lvuserlist_table tr td{
        padding: 13px 5px;
     }

     .cstm-btn button,
     .cstm-btncncl button{
        padding: 4px 8px 1px !important;
     }

     .mmtop{
       top: auto;
    }

    .mmtoptwo{
      top: auto;
    }


    .permission_list{
        flex-wrap: inherit;
    }

    .rolelisttable tr th:nth-child(4) {
        width: auto;
    }

    .rolelisttable tr td{
        padding: 10px 5px;
    }

    .rolelisttable tr td .chip{
        margin-bottom: 0;
    }

    .rolelisttable tr th{
        padding: 14px 5px;
    }

    .sidenav-main .sidenav {
        top: 64px;
        background: #fff2e6;
    }

    .brand-sidebar .logo-wrapper a.navbar-toggler{
        display: none;
    }

    .brand-sidebar .brand-logo{
       padding-top: 4px;
        background: #fff;
        margin: 2px 0;
    }

    .sidenav-main .btn-sidenav-toggle{
        box-shadow: none;
        border-radius: 20px;
        background: #fff;
    }

    .sidenav-main .btn-sidenav-toggle i{
        color: #69070d;
        font-size: 25px;
        line-height: 41px;
    }

    .sidenav-main .sidenav {
        width: 290px;
        padding-bottom: 120px;
    }

    .stickytitle{
        position: fixed;
        top: 20px;
        margin-left: 305px;
    }

    .brand-sidebar{
        height: 60px;
    }

    .pvmodal{
        max-height: 68vh;
        margin-top: 0;
    }

    .input-field.col label.MuiFormLabel-filled {
        transform: translate(-2px,0px);
    }
    .content-wrapper-before.admn_instal{
        height: 214px !important;
    }

}

@media (max-width:767px) {
    .login-card {
        width: 100%;
        max-width: 90%;
    }
    .login-card h5 {
        font-size: 26px;
    }
    .login-card .login-form input[type="submit"] {
        padding: 5px;
    }
    .fieldalignrow{
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .css-1rv3ei8-MuiFormControl-root-MuiTextField-root{
        min-width: 100% !important;
    }
    .ReactModal__Content {
        transform: translate(-53%, 0) !important;
        -webkit-transform: translate(-53%, 0) !important;
        -moz-transform: translate(-53%, 0) !important;
        -ms-transform: translate(-53%, 0) !important;
        -o-transform: translate(-53%, 0) !important;
        max-width: 100vw;
    }

   
    table.responsive-table thead tr{
        width: 105px;
    }

    table.responsive-table th{
        text-align: left;
    }

    .brand-sidebar .brand-logo{
        top:0px;
        left: 68px;
        max-width: 140px;
        padding: 0 2px !important;
    }

    .breadcrumbs-dark {
        margin-top: 30px;
        margin-bottom: 15px;
    }
    .card .card-content{
        padding: 10px;
    }

    table tr td .name{
        margin: 0;
    }

    .perptable tr th:first-child{
        padding-top: 15px;
        min-width: 150px;
    }

    .navbar .nav-wrapper .dropdown-content{
        left: auto !important;
    }

    .navbar .nav-wrapper .dropdown-content{
        width:150px !important;
    }

    .dropdown-content li{
        min-height: auto;
    }

    .dropdown-content li > a, .dropdown-content li > span {
        padding: 8px 10px;
    }

    .profile-dropdown{
        height: auto;
    }

    .navbar #notifications-dropdown {
        width: 280px !important;
    }

    .navbar #notifications-dropdown li {
        padding: 4px 10px;
    }

    .sidenav-main .brand-sidebar{
        max-width: 162px;
        top: 6px;
    }

    .stickytitle{
        /*position: inherit;
        top: inherit;*/
        position: fixed;
        top: 56px;
        width: 100%;
        left: 0;
        background: #ededed;
        margin: 0;
        padding: 4px;
        z-index: 99;
    }

     .stickytitle span{
        color:#eb780d;
        text-align: center;
        display: block;
        font-size: 14px;
        font-weight: bold;
    }

    .input-field{
        margin: 0 0 5px 0;
    }

    .row .col.m1.switchcol {
        width: 100%;
        margin-bottom: 28px;
    }

     .row .col.m1.switchcol button{
        float: left !important;
        margin-top: 15px;
     }

     button{
        padding: 0 10px !important;
     }
     .row.flex-row{
        flex-wrap: wrap;
     }

     .row.flex-row .s10{
        width: 100%;
     }

     .row.flex-row .s10 .btn{
        float: left !important;
        margin: 15px 0 0 0;
     }

     #breadcrumbs-wrapper .breadcrumbs{
        margin-top: 5px;
     }

     .card {
        margin: 0 0 15px 0;
    }

    .ReactModal__Content{
        inset:80px auto auto 53% !important;
        max-height: 400px;
    }

    .ReactModal__Content .popupclose{
        padding-bottom: 5px !important;
    }

    .fieldalignrow .col.s2,
    .fieldalignrow .col.s4,
    .fieldalignrow .col.s8,
    .fieldalignrow .col.s1,
    .row .col.s1,.row .col.s3,
    .row .col.s5,.row .col.s6,
    .row .col.s4,
    .row .col.s10{
        width: 100%;

    }

    
    .row .col.s4.counclcontact{
        width: 83%;
    }

    .fieldalignrow .col.s2 .MuiFormControl-root{
        padding-left: 0 !important;

    }
    .row .col{
        padding: 0 12px;
    }

    .fieldalignrow .btn{
        margin-top: 10px;
    }

    .fieldalignrow .col.float-right{
        float: left !important;
        margin-top: 10px;
        width: 100%;
    }

    .flex-samealign{
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .MuiAccordion-rounded{
        margin: 8px !important;
        
    }

    .ReactModal__Content label+.css-1480iag-MuiInputBase-root-MuiInput-root{
        margin-top: 0 !important;
    }

    .selectClass{
        margin-top: 10px;
    }

    .perptable tr th label{
        padding-left: 0;
    }

    .ReactModal__Content{
        padding: 40px 10px 10px !important;
        max-width: 95vw;
        border-radius: 0 !important;
        border:none !important;
    }

    .brand-sidebar .logo-wrapper a.brand-logo img{
        height: 38px;
    }

    .bptop {
        padding-top: 1px !important;
    }

    .admisn-stpcard .fieldalignrow{
        position: relative;
    }

    .fieldalignrow i.material-icons{
        position: absolute;
        padding: 0;
        top: 0;
        right: 8px;
        margin: 0;
    }

   .fieldalignrow .MuiInputLabel-root {
        transform: translate(0px, 0px) scale(1);
    }

    .card .card-content p{
        width: 100%;
    }

    .notfholder p{
        font-size: 22px;
        padding-top: 50px;
    }

    .sidenav.sidenav-fixed{
        padding-top: 15px;
    }
    .sidenav-main .sidenav {
        width: 204px;
        top: 56px;
    }

    .row.dashboard-row {
        display: flex;
    }

    .row.dashboard-row .col.s7{
        width: 72%;
    }
    .row.dashboard-row .col.s5{
        width: 25%;
    }
    table tr th .container{
        padding-left: 0;
    }

    .source-popuprow div[role="button"]{
        height:auto;
    }

    table.responsive-table td{
        padding: 17px 5px;
    }

    .row .col.s4.mobilenmbrcol{
        width: 83%;
    }

    .btn.full-width{
        width: 100%;
    }

    .cunsling-row{
        margin-left: 10px;
    }
    .row .col.switchcol{
        width: 100%;
        margin: 0 0 25px 0;
    }

    .row .col.switchcol .btn{
        margin-top: 10px;
    }

    .lvdataclndr .rbc-toolbar .rbc-toolbar-label{
        font-size: 17px;
    }

    .lvdataclndr .rbc-toolbar button{
        padding: 10px !important;
    }

    .lvdataclndr .rbc-header{
        font-size: 14px;
        padding: 8px 5px;
    }

    .lvdataclndr .rbc-date-cell {
        padding: 5px;
        font-size: 14px;
    }

    .lvdataclndr .rbc-row-segment .rbc-event-content{
        text-overflow: auto;
        text-overflow: inherit;
        white-space: inherit;
        line-height: 16px;
    }
    .card.lvdataclndr{
        margin: 0 20px;
    }

    .chkinbtn-wrp {
        padding: 30px 0 25px 0px;
        text-align: right;
    }

    .checkingbtn {
        padding: 8px 22px 8px !important;
    }

    .dashboard-row p {
        min-height: auto;
    }

    #root {
        padding-bottom: 55px;
    }

    .collection .collection-item {
        padding: 6px 18px;
    }

    .leavworkcard table.responsive-table thead tr{
        width: 135px;
    }

    .leavworkcard  table td:first-child, 
    .leavworkcard  table th:first-child{
        padding-left: 8px;
    }

    .leavworkcard .card-content{
        padding-top: 4px;
    }

    .atndnce_table thead{
        width: 120px;
    }

    .atndnce_table tr th {
        font-size: 15px;
        font-weight: 500;
        line-height: 18px;
    }

    .birthdayul.collection .collection-item:not(first-child){
        justify-content: space-between;
        align-items: center;
    }

    .birthdayul.collection .collection-item > div {
        width: 70%;
        padding-right: 10px;
    }

    .leavdate{
        position: absolute;
        top: -2px;
    }

    .responsive-table.admisnlisttable thead tr {
        width: auto;
    }

    .row.card-row {
        margin-left: -5px;
        margin-right: -5px;
    }
    .responsive-table.lvlist_table tr td{
        padding: 8.8px 5px;
    }

    .atndnce_table tr:last-child td:last-child {
        padding-top: 74px;
        padding-bottom: 7px;
    }

    table.responsive-table.rolelisttable tr td {
        padding: 13px 5px !important;
    }

    .responsive-table.rolecreattablee tr td{
        padding: 14px 5px;
    }

    .brand-sidebar {
        height: 39px;
    }

    .sidenav-main .btn-sidenav-toggle{
        position: absolute;
    }
    .swal2-styled.swal2-cancel,
    .swal2-styled.swal2-confirm{
        padding: 6px 12px !important;
    }

    .counselling-card .css-aqpgxn-MuiFormLabel-root-MuiInputLabel-root{
        transform: translate(0, 32px) scale(1);
    }
    .counselling-card .input-field .datepickralign label {
        margin-top: 0;
        margin-left: -13px;
    }

     .counselling-card .MuiInput-root{
        width: 100% !important;
    }

    .counselling-card .input-field .datepickralign label {
        margin-top: 0;
        margin-left: -14px;
    }

    .counselling-card .input-field.passoutdate .datepickralign label{
        margin-left: 0;
    }

    .counselling-card .input-field.cnbod{
        margin: 25px 0;
    }

    .intrstcrs .MuiFormControl-root{
        margin: 0;
    }

    .intrstcrs .MuiFormControl-root .MuiInputLabel-root{
        transform: translate(-1px, 14px) scale(1);
    }

    .counselling-card .input-field form{
        margin-top: 10px;
    }

    .tnc-lbl{
        position: inherit !important;
        flex-wrap: wrap;
    }

    .tnc-lbl .checkmark{
        padding-left: 29px !important;
    }

    .tnc-lbl p{
       width: 86% !important;
       line-height: 18px;
    }

    .tnc-lbl a{
        width: 100%;
        margin: 15px 0;
    }

    .source-popuprow div[role="button"] {
        height: auto;
    }

    .source-popuprow .MuiInput-root{
        padding-top: 15px;
    } 

    .source-popuprow .MuiInput-root:last-child{
        margin-top: 0;
    }

    .ReactModal__Content--after-open .selectClass{
        height: 46px;
    } 

    .ReactModal__Content--after-open .selectClass .MuiSelect-select{
        padding-top: 20px;
    }

    .ReactModal__Content--after-open .label-position .MuiInputLabel-root {
            transform: translate(0,8px) !important;
    }
    .cunclsubmit.admn_instal{
        margin-top: 17px;
    }
    .content-wrapper-before.admn_instal{
        height: 214px !important;
    }
}
@media(max-width:370px){
    .content-wrapper-before.admn_instal{
        height: 233px !important;
    }
}


/* addition css new */
.edit_btn_pbn{
    cursor: pointer;
    color: 650c12;
}

/* 22.05.2023 - pabitra */
.clr_white{
    color: #fff;
}
.clr_white li:not(:last-child){
    margin-bottom: 10px;
}
.installlimit > div {
    color: #fff;
    border-bottom: 1px solid #fff;

}
.installlimit .css-pqjvzy-MuiSvgIcon-root-MuiSelect-icon{
    color: #fff;
}
/* START LOADER */

.main-loader {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
  }

  .main-loader .dot {
    position: relative;
    width: 1.5em;
    height: 1.5em;
    margin: 0.8em;
    border-radius: 50%;
  }
  
  .main-loader .dot::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: inherit;
    border-radius: inherit;
    animation: wave 2s ease-out infinite;
  }
  
  .main-loader .dot:nth-child(1) {
    background: #f58524;
  }
  
  .main-loader .dot:nth-child(1)::before {
    animation-delay: 0.2s;
  }
  
  .main-loader .dot:nth-child(2) {
    background: #d35800;
  }
  
  .main-loader .dot:nth-child(2)::before {
    animation-delay: 0.4s;
  }
  
  .main-loader .dot:nth-child(3) {
    background: #8b3a00;
  }
  
  .main-loader .dot:nth-child(3)::before {
    animation-delay: 0.6s;
  }
  
  .main-loader .dot:nth-child(4) {
    background: #722f00;
  }
  
  .main-loader .dot:nth-child(4)::before {
    animation-delay: 0.8s;
  }
  
  .main-loader .dot:nth-child(5) {
    background: #650c12;
  }
  
  .main-loader .dot:nth-child(5)::before {
    animation-delay: 1s;
  }
  
  @keyframes wave {
    50%,
    75% {
        transform: scale(2.5);
    }
    80%,
    100% {
        opacity: 0;
    }
  }
  .preloader-wrapperdd.big.active{
    transform: rotate(-90deg);
  }
/* END LOADER */

.admisstion-report button{
    margin-right: 15px;
}
.btn.right.blue.cnslngseachbtn{
    background: linear-gradient(to right, #3cb1a1 30%, #067465)!important;
}
.btn.green.right.cnslngseachbtn{
    /* background: #3182b1 !important; */
    background: linear-gradient(to right, #3182b1 30%, #054063)!important;
    margin-right: 0;
}