/* Document Version: 20260619095400 | Last Author: CA-I */
/* CE : CA-I 20260430094130 - Starter admin responsive rules (ManageRegistrations.aspx) */


/* C 20260430110349 | for now we'll have a fulld esktop or full mobile view for admin only.. tablet/intermediate not priority so 600px here or? */
/* CE : CA-I 20260430140000 - Page scope token: use action + id*= because ASP.NET mangles runat="server" ids (#regTableSearchControls never matches in DOM). */
@media (max-width: 1200px) {
    /* override the ~1200px width set in portal.css */
    body[data-theme="cls-slo-br1"].admin_mode form #container,
    body[data-theme="cls-slo-br1"] form[action*="Manage"] #container,
    body[data-theme="cls-slo-br1"] form[action*="ReportActivity"] #container,
    body[data-theme="cls-slo-br1"] form[action*="EmailActivity"] #container,
    body[data-theme="cls-slo-br1"] form[action*="EditCourse"] #container,
    body[data-theme="cls-slo-br1"] form[action*="EmailEditor"] #container,
    body[data-theme="cls-slo-br1"] form[action*="Register"] #container,
    body[data-theme="cls-slo-br1"] form[action*="ReminderList"] #container,
    body[data-theme="cls-slo-br1"] form[action*="SendEmailTemplate"] #container,
    body[data-theme="cls-slo-br1"] form[action*="Log.aspx"] #container,
    body[data-theme="cls-slo-br1"] form[action*="CourseDataA"] #container,
    body[data-theme="cls-slo-br1"] form[action*="Administration"] #container {
        max-width: 95%;
        min-width: 95%;
        width: 98% !important;
    }


    /* CE : CA-I 20260430140000 - Filters: grid on tbody + display:contents on tr (markup-free). Selectors use [id*="regTableSearchControls"] (server ClientID). */

    /* reg list page specific (initially.. may eventually get more global/generic targeting) */

    body#clsportal_body #content .table-form-fields.reg-queue,
    body#clsportal_body #content .table-form-fields,
    body#clsportal_body #content .portal_table_grid {
        display: block;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .table-form-fields.reg-queue tbody,
    body#clsportal_body #content .table-form-fields tbody,
    body#clsportal_body #content .portal_table_grid tbody {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.5rem 0;
    }

    .table-form-fields.reg-queue tr,
    body#clsportal_body #content .table-form-fields tr, 
    body#clsportal_body #content .portal_table_grid tr {
        display: contents;
    }

    .table-form-fields.reg-queue td,
    body#clsportal_body #content .table-form-fields td,
    body#clsportal_body #content .portal_table_grid td {
        display: block;
        width: 100% !important;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
        padding: 0 0 0.5rem 0;
        float: none;
    }

    body#clsportal_body #content .table-form-fields .width_100p,
        body#clsportal_body #content .portal_table_grid .width_100p,
    body#clsportal_body #content .table-form-fields select,
        body#clsportal_body #content .portal_table_grid select,
    body#clsportal_body #content .table-form-fields input[type="text"],
        body#clsportal_body #content .portal_table_grid input[type="text"] {
        width: 99% !important;
        max-width: 99% !important;
        box-sizing: border-box;
    }

    /* CE : CA-I 20260430140000 - Results: same stacked-row outcome as td/block; cancel prior min-width/scroll so narrow view is one column (DataTables + wide table). */
    body#clsportal_body #content *[id*="RegTablePanel"] {
        margin-top: 12px;
    }

    body#clsportal_body #content .dataTables_length,
    body#clsportal_body #content *[id*="RegListSearchResultTitleDiv"] {
        position: static !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        margin: 0 0 8px 0;
    }

    body#clsportal_body #content .registration_table {
        overflow-x: visible;
        min-width: 0;
        width: 100%;
        max-width: 100%;
    }

    body#clsportal_body #content  table.portal_table_grid,
    body#clsportal_body #content .registration_table table[id*="RegistrationListTable"] {
        width: 100% !important;
        max-width: 100%;
        min-width: 0 !important;
        table-layout: fixed;
    }

    body#clsportal_body #content  table.portal_table_grid tr {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

    body#clsportal_body #content  table.portal_table_grid td,
    body#clsportal_body #content  table.portal_table_grid th {
        display: block;
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
        text-align: left;
        float: none;
        padding-left:8px !important;
    }
    
    body#clsportal_body #content table.portal_table_grid td{
        border-style:none;
        padding:0;
    }

    body#clsportal_body #content table.portal_table_grid tr td:first-child{
        border-top:1px solid #999;
        padding-top:5px;
        margin-top:10px;
    }

    .portal_table_grid .strong_label:before, .portal_table_grid .allow_wrap:before{
        position:relative;
    }

    /* reg group details */
    .header-bar-content div > span,
    .header-bar-content div > a{        
        display:block !important;
        float:none !important;
        max-width:90%;
    }
    .header-bar-content div{
        display:block;
    }
    .user-task-col{
        width:95% !important;
        max-width:400px !important;
    }

    /* register */
    body#clsportal_body #content div.course_controls,
    body#clsportal_body #content div.float_left{
        width:96% !important;
        float:none !important;
    }
    body#clsportal_body #content div.course_controls,
    body#clsportal_body #content div.course_controls *{
        white-space:normal;
        text-indent:0;
    }
    
    
    body #container .LeftEditor input[type=checkbox]{
        float:left;
        margin-bottom:20px;
        margin-right:10px;
    }
    .date_control{
        margin-left:30px !important;
    }
    .date_control,
    .date_control label{
        text-align:left !important;
        padding:0px !important;        
        text-indent:0px !important;
    }
    .course-live-session-header b{
        display:block;
    }    
    .course-live-session-content .live_session_control,
    .course-live-session-content > .live_session_control select ,
    .course-live-session-content > .live_session_control label {
        white-space:normal !important;
        width:92% !important;
        max-width:95% !Important;
    }

    .form_section_header{
        padding:0 !important;
        border-style:none !important;
    }
    .form_section_header select{
        display:block;
    }
    body form[action*="Register."] .table-form-fields{
        margin-top:45px;
    }
    label.queue_mode_label{
        clear:left !important;
        float:none !important;
        display:block;
    }
    
    /* CE : CA-I 20260528150000 - Admin-only float reset (exclude learner .loginbox; login uses portal-responsive.css) */
    body#clsportal_body.admin_mode #content .float_right,
    body#clsportal_body.admin_mode #content .FloatRight,
    body#clsportal_body.admin_mode #content .FloatLeft {
        float: none !important;
    }
    label.queue_mode_label{
        width:98% !important;
    }
    label.queue_mode_label,
    label.queue_mode_label label{
        margin:0 !important;
        margin-top: 10px !important;
    }
    body#clsportal_body #content .form_buttons input{
        margin-bottom:15px !Important;        
    }
    /* remove this note eventually ? */
    div#regOnDemandSetting,
    body#clsportal_body #content #regOnDemandSetting div.LeftEditor,
    body#clsportal_body #content #regOnDemandSetting div.LeftEditor span{
        width:96% !important;
    }


    /* queue list */
    .portal_table_grid.reg_queue_list td *,
    .portal_table_grid.reg_queue_list td{
        font-size:15px !important;
    }
    .portal_table_grid.reg_queue_list td{
        padding-bottom:5px !important;
    }
    a[class*="icon-"]{
        white-space:nowrap !important;
        width:auto !important;
    }

    #mainContent .reg_queue_list span.number{
        color:#444 !important;
    }

    
    /* users */
    body #content div[id*="ManageUsers"]  .form_table *,
    body #content div[id*="ManageUsers"]  .form_table{
        text-align:left !important;        
    }
    
    body #content div[id*="ManageUsers"]  .form_table .FloatRight,
    body #content div[id*="ManageUsers"]  .form_table .FloatLeft,
    body #content div[id*="ManageUsers"]  .form_table .float_right{
        display:inline-block !important;
        float:none !important;        
    }
    
    div[id*="lblIsActive"]{
        display:inline-block !important;
        width: auto !important;
        max-width:91% !Important;
        float:right;
        line-height:34px;
        /* border:1px solid red; */
        width:95% !important;
    }
    body#clsportal_body #content span.LeftEditor {
        min-width:0px !Important;
        display:inline-block !important;
        float:left !Important;
        width: 5% !important;
        /* border:1px solid red; */
    }
    body#clsportal_body #content .LeftEditor[id*="divUserAgreementAcceptance"]{
        border:1px solid #aaa !important;
        border-radius:4px;
        padding:6px 15px !important;
        display:block !important;
        min-width:90% !important;
        width:90% !important;
    }
    

    
    

    /* global? */

    body #container table.LeftEditor td input[type=checkbox],
    body #container table.LeftEditor label[for*="_cbl"]
    {
        float:left !important;        
        display:inline-block !important;
        width:auto !important;
        height:auto !important;                
    }
    body #container table.LeftEditor label[for*="_cbl"]{
        max-width:85%;
        line-height:18px !Important;
    }

    
    .LeftEditor span, .LeftEditor{
        white-space:normal !important;
    }
    body #content table.portal_table_grid span.number{
        text-align:center !important;
    }

    body #content table.portal_table_grid td.row_buttons {
        padding:10px !important;        
    }

    .table-form-fields[style*="width"]{
        min-width:0px !important;
        width:99% !important;
    }

    
    

    .portal_table_grid td,
    body table.table-form-fields input, 
    body table.table-form-fields select, 
    body table.table-form-fields .form_button,  
    body table.table-form-fields input{
        width:98% !important;
        max-width:none !important;
        text-align:left !important;
    }

    .LeftEditor input[class*="width_"]{
        width:99% !important;
        max-width:none !Important;
        min-width:0px;
    }
    
    .form_table .form_table{
        margin:0;
    }
    body#clsportal_body #content .LeftEditor{
        margin-bottom:10px !Important;
        margin-left:0px !important;
        min-width:95% !important;
    }
    
    
    div[id*="lblCourseGroup"]:before,
    body#clsportal_body #content .LeftLabel:before{
        float:left !important;
        position:relative !Important;
        line-height:9px;        
        left:auto;
        top:auto;
        bottom:auto;
    }
    
    body#clsportal_body #content .LeftLabel span{
        width:96% !important;
    }
    
    body#clsportal_body #content .LeftLabel,
    body#clsportal_body #content .LeftEditor{
        width:96%;
        margin:0;
    }

    .footer-module-note:before{
        content:' ';
        width:5px;
        height:90%;
        min-height:40px;
        display:block;
        float:left;        
    }
    
    /* things to HIDE */
    body #footer .header-uat-shell-wrap,
    body#clsportal_body #content table.portal_table_grid td .row-number, 
    body#clsportal_body #content table.portal_table_grid thead,
    body#clsportal_body #content table.dataTable thead,
    body#clsportal_body #content .portal_table_grid tbody th,
    body#clsportal_body #content .portal_table_grid tbody td.value_False    {
        display:none !important;
    }
    /* CE : CA-I 20260528150000 - Form grid layout (admin .form-grid only; removed global .FloatLeft display:grid that broke Login) */
    .form-grid .form-control-wrapper,
    .form-grid {
        display: grid !important;
        grid-template-columns: auto !important;
        text-align: left;
        gap: 2px !important;
    }
    

    table.table-form-fields a,   
    table.table-form-fields  input[type=button],
    table.table-form-fields  input[type=submit],    
    .form-grid .form-control-wrapper a,
    .form-grid a,
    .form-grid .form-control-wrapper input[type=button],
    .form-grid input[type=button],
    .form-grid .form-control-wrapper input[type=submit],
    .form-grid input[type=submit]{
        text-align:center;
        width:auto !important;
        white-space:nowrap !important;
    }
    /* CE : CA-I 20260528150000 - Admin form buttons only (avoid Login.aspx .form_button min-width) */
    body#clsportal_body.admin_mode #content .form_button {
        min-width: 170px !important;
        text-align: center;
    }

        body#clsportal_body.admin_mode #content 
    .action-buttons
    .form_button {
        min-width: 20px !important;
        
    }

    
    .checkbox-group{
        text-align:left;
        border:1px solid #ccc;
        border-radius:8px;
        padding:10px;
    }


    /* reporting */
    body#clsportal_body #content table.portal_table_grid tr td.course_title{
        white-space:normal !important;
        font-size:17px;
    }
    
    
}

.admin-mobile-layout-notice {
    display: none;
}

@media (max-width: 1000px) {
    .admin-mobile-layout-notice {
        color: #492f0f !important;
        text-align: left;
    }

    .admin-mobile-layout-notice__icon {
        font-size: 30px;
        color: #a8681b !important;
        line-height: 24px;
        width: 20px;
        text-align: center;
    }
    .admin-mobile-layout-notice__icon:before{
    width:25px;
        margin:0;
    }
    

    .admin-mobile-layout-notice {
        display: grid;
        grid-template-columns: 20px minmax(0, 1fr);
        align-items: start;
        column-gap: 10px;
        margin: 8px 0 14px;
        padding: 10px 8px;
        border-left: 5px solid #9e773a;
        background: #ffeed7;
        width: 90%;
        margin: 0px auto;
        font-size: 13px;
        line-height: 1.35;
        border-radius: 4px;
        min-height: 25px;
        margin-bottom:12px !important;
    }

    .admin-mobile-layout-notice__message {
        display: block;
        min-width: 0;
    }
}


span#lbRegCount {
    position: relative !important;
    top: auto !important;
    left: 25px !important;    
}