option { background-color: #cecece; }
	@media all and (-ms-high-contrast:none) {
		 option { background-color: #cecece; }
		 *::-ms-backdrop, option { background-color: #cecece; }
     }

@media (min-width: 1440px) {  
    .container { max-width: 90%;}
}
@media (min-width: 1200px){ 
    .container { max-width: 90%; } 
}
@media (max-width: 1366px) {  
    .container { max-width: 96%; } 
    .logosection { width: 430px; }  
    .boeing-logo img { max-width: 170px; }  
    .linebar { height: 60px;}  
    .logosection label { font-size: 22px; }  
    ul.schedule-calendar li a span { font-size: 38px;}  
    .site-navigation li a { font-size: 16px; }  
    .headingbar { font-size: 22px;}  
    .detailsllist label { font-size: 16px; line-height: 20px; }  
    .resourcesMapped-row h3 { font-size: 24px; }  
    .resourcesMapped-row h3 { min-width: 345px;}  
    .left-filter .nav-item .nav-link { font-size: 14px; }  
    .MuiInputBase-root .MuiInputBase-input { width: 135px;} 
    .sd-barII { width: 220px; } 
    .sd-barI label font, .tile2 label font, .sd-barII label font { display: block; } 
    .headingbar { margin: 0 0 20px 0px; }

    .rbc-calendar .posr { width: calc(100% - 375px);}
    .defaultbtn { min-width: 100px; font-size: 14px; padding: 8px;}
    .defaultbtn.prdcrblk-btn {
        min-width: 60px;
        font-size: 14px;
        padding: 2px;
        margin-left: 5px;
    }
    .rbc-toolbar-label { font-size: 18px; margin-top: 8px; }
    .nextp-btn { padding: 3px 5px 0px;}
    .customselect select { border: solid 1px #004C9B; margin: 0px 10px; padding: 7px 10px; width: 130px; font-size: 14px; }
    .teamstable-btnrow .defaultbtn {
        min-width: 62px;
    }
}

@media (max-width: 1280px) {  
    .sd-barII { margin-left: 0px; max-width: 205px; } 
    .col-md-3.tile2 .MuiInputBase-root .MuiInputBase-input { width: 125px;} 
    .table-sr-Instructors tr td:first-child { min-width: 175px; }

}


@media (max-width: 1120px) {  
    .container { max-width: 90%; } 
    .banner-content h4 { width: 100%; margin-top: 100px;} 
    .detailsllist label { margin-top: 10px; display: block; } 
    .boeing-logo img { max-width: 125px; } 
    .logosection { width: 270px; height: 50px; } 
    .rm-data { width: 100%; overflow-x: auto; } 
    .rm-data table { width: 1000px; } .container { max-width: 94%; }
    .rbc-calendar .posr { width: 100%; margin-top: 30px; }
    .unavil-btn-group { top: 0px; }
}

@media (max-width: 920px) {  
    .unavil-btn-group { position: initial; }
    .rbc-calendar .posr { width: 100%; display: block; }
    .defaultbtn { min-width: 70px; }

    .rbc-time-view { overflow: auto; }


    .rbc-time-header.rbc-overflowing { width: 1000px; }
    .rbc-time-content { width: 1000px !important; }
    .row.availability { margin-bottom: 20px; }
    .custom-c-header, .custom-cbody, .customcbody { width: 1200px; }
    .tablesec.pdt52 { padding: 0px; }
    .fixed-header { position: inherit; top: inherit; }

    .custom-c-header, .custom-cbody, .customcbody { width: 1200px; }
    .buttonleftsec { margin-bottom: 10px; }

    .custom-c-column, .cc-header { display: none; }
    .cc-header:first-child, .custom-c-column:first-child { display: block; border-right: solid 1px; }
    .cc-header { text-align: left; padding-left: 10px     }
    .custom-calendra.pdtb50 .custom-c-header, .custom-cbody, .customcbody { width: 100%; }
    .devicenone { display: none !important; }
    .heightauto { max-height: calc(100vh - 212px); }

    .customdevicebar { display: block; }
    .customdevicebar .col-sm-3.text-center { display: inline-block; text-align: left !important; width: 50% !important; max-width: 50% !important; }
    .customdevicebar .col-sm-4.text-right{ display: inline-block; width: 50% !important; max-width: 50% !important; }
    .rbc-calendar .posr { margin-top: 0px; }
}

@media (max-width: 767px) { 
    .form-outline { margin: 10px 0px; }
    .sub-label { margin-left: 5px; }
    .buttonleftsec{ display: block; margin-bottom: 15px;}
    .custom-datepicker { width: 120px; display: inline-block; margin-right: 10px; }
    .rbc-inner-content li label { margin-bottom: 0px; }
    .rbc-inner-content li { margin-bottom: 2px; }
    .rbc-day-slot .rbc-event { overflow-y: auto !important; }
    .errorPopup { text-align: left !important; line-height: 20px; margin-top: 5px; }
    .rbc-agenda-content, .tablesec .main-wrapper { overflow-y: auto; max-height: 500px; }
     
	 .rbc-time-view .rbc-time-header .rbc-time-header-content { margin-right: 10px; }
	 .requestInfo { overflow-y: auto; width: 100%; margin: 0px; }

     .devicetable { overflow-x: auto; min-height: 40vh; height: auto; }
     .devicetable table {  width: 900px;}

    .act-event-span { position: relative; }
    body.touched [title] > * { user-select: none; }
    body.touched [title]:hover > * { user-select: auto }
    body.touched [title]:hover:after { width: 100%; max-width: 180px;position: absolute; top: 100%; content: attr(title); 
        left: 0px; background-color: white; box-shadow: 1px 1px 3px; padding: 0.3em; z-index: 1; color: #3c3434; }



    
}
@media (max-width: 720px) { 
    .banner-content h2 { font-size: 40px; width: 100%;}
    .niit-logo img { max-width: 70px;}
    .logosection { width: 280px; height: 60px; }
    .counter-boxes { flex-wrap: wrap; }
    .counter-box { width: 50%; }
    .sessionDaterow { min-width: 100%; width: 100%; border: none !important;}
    .sd-barII { max-width: 100%; width: 100%; margin-bottom: 30px; }
    .pdtb50 { padding: 30px 0 0px; }
    .sd-barI { width: 55%; min-width: 100%; }
    .left-filter { border-right: none; }
    .col-md-3.tile2, .col-md-3.tile3 { max-width: 50%; flex: 0 0 50%; }
    .col-md-9.right-filter { margin-top: 30px; }
    .list-inline-item .form-control { width: 100%;}
    .resourcesMapped-row h3 { min-width: 250px; font-size: 18px; }
    .w-75 { width: 85%!important; }
    .date-snap { width: 100%; }

    .usercustom { display: inline-block; flex-flow: inherit; }
    .usercustom .navbar-nav .nav-link strong { width: 60px;  white-space: nowrap; overflow: hidden; display: inline-block; vertical-align: middle; }
    .usercustom .linebar { display: none; }

    .rbc-agenda-content { overflow-y: auto; }
    .rbc-agenda-table tbody tr td:nth-child(1), .rbc-agenda-table tbody tr td:nth-child(2) { width: 65px; min-width: 65px; word-wrap: break-word; white-space: inherit; }
    .rbc-agenda-table tr th:nth-child(1), .rbc-agenda-table tr th:nth-child(2) { width: 65px; min-width: 65px; word-wrap: break-word; white-space: inherit; }

    .rbc-agenda-view table.rbc-agenda-table tbody > tr > td { padding: 5px 10px; }
    /* .rbc-agenda-table tbody tr td { width: 40px; } */
    ul.calindicator { margin-bottom: 10px; }
    .rbc-toolbar-label { margin-right: 10px; }
    ul.calindicator .list-inline-item { margin-bottom: 10px; }

    .custom-calendra .rdt .form-control { margin: 10px 0;}
    
}

@media (max-width: 550px) {
    .customdevicebar .col-sm-3.text-center, .customdevicebar .col-sm-4.text-right { display: block; width: 100% !important; max-width: 100% !important; }
}
@media (max-width: 480px) {
    .logosection { width: 140px; height: 40px; }
    .logosection label { display: none; }
    .linebar { display: none; }
    .detailsllist label { margin: 0px; display: inline-block; width: calc(100% - 45px); }
    .schedulebar ul { display: block; }
    .schedulebar li:first-child, .schedulebar li { width: 100%; }
    .schedulebar li { margin-bottom: 15px; }
    .col-md-3.tile3, .col-md-3.tile2 { max-width: 100%; flex: 0 0 100%; border: none;}

    .h2, h2 { font-size: 1.6rem; }
    .footer-modal-n .btn-outline-blue, .footer-modal-n .btn-blue { width: 100px; }
    .buttonleftsec { display: block; margin-bottom: 15px; }
    .customselect { float: inherit; }
    .customselect select { margin: 10px 0px 0;}
    .nav-item.dropdown a i { width: 32px; height: 32px; font-size: 30px; }
    .navbar-nav .customlogout { position: absolute;  }
    .unavailability-container .unavl-submit-btn { margin-top: 10px; }
 
    .eventtile, .eventtile { padding: 6px 3px; }
    .rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell { padding-left: 5px !important; padding-right: 5px !important; }
    .rbc-inner-content li span { font-size: 12px; }
    .rbc-agenda-view table.rbc-agenda-table tbody > tr > td { font-size: 12px;     padding: 5px 5px !important;}
    .rbc-unavailablerow label span { white-space: normal; text-overflow: inherit; line-height: 12px; }
    /* .rbc-agenda-event-cell { width: 80% !important; } */
    .timezonelabel { margin-top: 10px; }
}

@media (min-width:1441px) and (max-width:4102px)
{
    .rbc-calendar .posr {
        width: calc(100% - 355px);
    }
}

@media print {
    .custom-c-column, .cc-header { display: block; }

    .col-sm-6.offset-sm-6,
    .col-sm-3.devicenone,
    .col-sm-2.devicenone,
    .col-sm-5.text-right,
    .timezonelabel,
    .rbc-calendar .posr,
    .unavil-btn-group,
    .row.availability,
    .customdevicebar.teamstable-btnrow .col-sm-6 { display: none; }

    .notshow-web {
        display: block;
        padding-left: 12px;
    }

    .custom-calendra, .rbc-time-view { width: 100%; height: 100%; }
    .content { width: 100%; height: 100%; }
    .rbc-agenda-content { max-height: 100% !important; }
    @page { size: A4; }
    .heightauto, .rbc-time-content { max-height: 100% !important; }
    .rbc-agenda-content {max-height: 200vh !important;}

    #scheduleComponent .rbc-agenda-content {
        overflow-y: visible;
        height: 100%;
        max-height: 100%;
    }
    #scheduleComponent .rbc-agenda-table {
        overflow: visible;
    }
    #scheduleComponent .rbc-agenda-table td,
    #scheduleComponent .rbc-agenda-table th {
        white-space: nowrap; /* Or adjust to allow wrapping */
        overflow: visible;
    }
    #scheduleComponent .rbc-agenda-view{
        overflow: visible !important;
    }
}