.app-logo,.app-title,.logoBox,nav{display:grid}.profileandoubox,.restnav,nav{grid-template-rows:1fr}.app-logo,.iboxdtlbx,.labelBtnss{align-content:center}.allsTOCKbOX,.mainareadiv{scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}nav{width:100%;height:7vh;background-color:#3c8dbc;grid-template-columns:17% 60% 1fr}.logoBox{background-color:transparent;grid-template-columns:30% 1fr}.app-logo{background-color:#3c8dbc;justify-items:center}.app-logo img{width:60%}.app-title{background-color:#367fa9;align-items:center;justify-content:center;font-size:11px;text-transform:uppercase;color:#fff;letter-spacing:2px;cursor:pointer}.barboxdt,.imgBoxUserprf{background-color:transparent;display:grid;align-items:center}.allsTOCKbOX table th,.iboxdtlbx,.teacherMainArea td,.teacherMainArea th,td{text-transform:capitalize}.app-title a{text-decoration:none;color:#fff}.app-title span{border-radius:50px;padding:5px 10px}.app-title .sidebar-nav{display:none}.barboxdt{justify-content:end;padding:0 10px 0 0}.barboxdt ul li{list-style:none;display:inline-block;padding:0 10px;margin:0;color:#fff;font-size:13px}.restnav{background-color:transparent;display:grid;grid-template-columns:1fr;justify-content:end}.profileandoubox{background-color:transparent;display:grid;grid-template-columns:80% 1fr}.profileBoxWithimg{background-color:#367fa9;display:grid;grid-template-columns:20% 1fr;grid-template-rows:1fr;cursor:pointer}.formrowbox,.pageTitleBox{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr}.imgBoxUserprf{justify-content:center}.outboxclickable,.usertitlebox{background-color:transparent;align-items:center;font-size:14px;color:#fff;display:grid}.imgBoxUserprf img{width:30px;height:30px;border-radius:50px}.outboxclickable{justify-content:center;cursor:pointer}.sidebar,.sidebar-media-res{background-color:#000}main{display:grid;grid-template-columns:13% 1fr;grid-template-rows:93vh}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto;white-space:nowrap}#table-user-stock{width:100%;min-width:500px;border-collapse:collapse}#table-user-stock td,#table-user-stock th{font-size:13px;white-space:nowrap}.sidebar{overflow:auto}.sidebar::-webkit-scrollbar{display:none}.sidebar li,.sidebar-media-res li{list-style:none;color:#b8c7ce;font-size:13.5px;padding:12px 15px;cursor:pointer;text-transform:capitalize}.sidebar li:hover,.sidebar-media-res li:hover{background-color:#000;text-decoration:none}.sidebar li img,.sidebar-media-res li img{width:18px;height:18px;padding-right:1.5px}.sidebar li.active,.sidebar-media-res li.active{color:#fff;text-decoration:none;background-color:#2d2f3d}.sidebar li.custom-hover:hover,.sidebar-media-res li.custom-hover:hover{background-color:#222d32;cursor:none}.sidebar a,.sidebar-media-res a{text-decoration:none;color:#b8c7ce}.sidebar li.active a,.sidebar-media-res li.active a{color:#fff;text-decoration:none}.mainareadiv{padding:20px;overflow:auto}.mainareadiv::-webkit-scrollbar{width:8px}.mainareadiv::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.mainareadiv::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.mainareadiv::-webkit-scrollbar-thumb:hover{background:#555}.pageTitleBox{height:45px;font-size:13px;background-color:#c6d1d5;display:grid;margin-bottom:10px;padding:0 10px;border-radius:3px;border-left:5px solid #3c8dbc;display:grid}.labelTtile{background-color:transparent;display:grid;align-items:center}.labelBtnss{display:grid;justify-content:end}.labelBtnss button{width:100%;height:30px;background-color:#3c8dbc;border:0;cursor:pointer;font-size:13px;padding:0 20px;border-radius:3px;color:#fff}.dataTable{border-top:1px solid #000}.teacherMainArea th{font-size:15px}.teacherMainArea td{font-size:13.8px}.dataTables_filter,.dataTables_length{font-size:13.5px;font-weight:700;margin-bottom:20px}.dataTables_info{font-size:13.5px;font-weight:700;margin-top:20px}.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:.25em;font-size:13.5px;font-weight:700;margin-top:20px}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{padding:1px 10px}.teacherMainArea td .fa-solid{cursor:pointer}.overall-main-mainarea{height:auto;background-color:#fff;border-top:3px solid #3c8dbc;border-radius:3px;font-family:Inter,sans-serif;padding:20px}.form-label{font-size:14px;font-family:Poppins,system-ui}.databox,.modal-header{font-family:Inter,sans-serif}.overall-main-mainarea input,.overall-main-mainarea select{background-color:#f1f2f4;font-size:13px;font-family:Inter,sans-serif}.formrowbox{display:grid;gap:20px}.docarea-Box{height:auto;background-color:#f1f2f4;border-radius:5px;border:1px solid #dee2e6;padding:20px}#submitbtnformforall,.modal-footer button{height:30px;border:0;padding:0 20px;width:auto}.docarea-Box input{background-color:#fff}#submitbtnformforall{background-color:#198754;cursor:pointer;font-size:13px;border-radius:3px;color:#fff}.dashboxes,.iboxdtlbx,.iconbx{display:grid;border-radius:3px}.mainboxbag{width:100%;height:auto;display:grid;grid-template-columns:repeat(5,1fr);grid-auto-flow:row;grid-auto-rows:95px;gap:10px}.dashboxes{background-color:#222d32;grid-template-columns:30% 1fr;grid-template-rows:1fr}.iconbx{background-color:#3c8dbc;align-items:center;justify-content:center;font-size:16px;color:#fff}.iboxdtlbx{background-color:#000;gap:5px;padding-left:10px;color:#fff;font-size:13px}.iboxdtlbx p,.modal-dialog label{font-size:13.5px}.clientboxbag{background-color:#4ba74b}.paymentboxbag,.peningStatus{background-color:#cc8e35}.MobilenotificationBoxHide{width:100%;height:auto;background-color:#fff;border:1px solid #c7c8c9;border-radius:3px;display:none;grid-template-columns:1fr;grid-template-rows:40px;gap:5px}.databox,.ide-Box-er,.ide-Box-l,.ide-Box-r{border-radius:3px;padding:10px}.ide-Box{background-color:transparent;display:grid;grid-template-columns:1fr 70% 1fr;grid-template-rows:1fr;font-size:11.5px;font-weight:700;gap:5px}.create_portfol,.ide-Box-l p,.statusbgSpan{font-size:12px}.ide-Box-l{display:grid;align-items:center;background-color:#ecf0f5}.ide-Box-r{display:grid;align-items:center;justify-content:center;background-color:#3c8dbc;color:#fff}.ide-Box-er{display:grid;align-items:center;justify-content:center;background-color:#ecf0f5}.databox{height:auto;background-color:#fff;border-top:3px solid #3c8dbc}.no-border,.no-border:focus{border:none!important;box-shadow:none!important;outline:0!important}.databox input{font-size:13px;background-color:#ecf0f5;border:1px solid #c7c8c9}.no-border{background-color:transparent}.create_portfol,.modal-footer button{background-color:#3c8dbc;cursor:pointer;color:#fff}.databox table th{font-size:13px;background-color:#000;color:#fff;font-weight:300}.databox table td{font-size:13px;font-weight:400}.databox table a{text-decoration:none;color:#000}.databox table td img{width:100%;height:30px;object-fit:contain}.modal-header{height:50px;color:#fff}.modal-header .modal-title{font-size:15px;color:#000}.modal-footer button{font-size:13px;border-radius:3px}.create_portfol{max-width:90px;height:auto;border:0;padding:2px 5px;border-radius:50px}.modelBoxAction .alert{font-size:14px}.modal-dialog input,.modal-dialog input[type=file],.modal-dialog select{background-color:#ecf0f5;border:1px solid #c7c8c9;font-size:13px;outline:0!important;padding-left:10px}#nav-tab button{font-size:12.5px}.allsTOCKbOX{height:auto;overflow:auto}.allsTOCKbOX::-webkit-scrollbar{width:8px}.allsTOCKbOX::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.allsTOCKbOX::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.allsTOCKbOX::-webkit-scrollbar-thumb:hover{background:#555}.allsTOCKbOX table th,td{text-align:left}.statusbgSpan{background-color:#000;color:#fff}.rejectedStatus{background-color:#b33939}.reviewStatus{background-color:#3c8dbc}.revisionStatus{background-color:#763c91}#nav-tabContent table button{width:auto;height:25px;background-color:#198754;border:0;cursor:pointer;font-size:12px;padding:0 20px;border-radius:3px;color:#fff}.diHr{width:100%;height:2px;background-color:#b9bdc2;margin:8px 0 10px}.dark-filter{filter:grayscale(100%) brightness(50%);opacity:.7}.table{width:100%;table-layout:auto}.table td,.table th{padding:8px;vertical-align:middle;text-align:left;white-space:nowrap}.table td{width:auto;max-width:300px;overflow:hidden;text-overflow:ellipsis}.table input{width:100%;min-width:150px;border:none;background:0 0;outline:0;padding:5px}.table td .btn{font-size:14px;padding:5px 10px}.statusbgSpan{padding:4px 8px;border-radius:4px;font-weight:400}.completedStatus{background-color:#28a745;color:#fff}.note{background-color:#fff3cd;color:#856404;padding:10px;border:1px solid #ffeeba;border-radius:5px;margin-bottom:20px;font-size:13px}