.dataTables_length {
            width: 100%
        }

            .dataTables_length label {
                width: 100%;
            }

                .dataTables_length label select {
                    width: 100px;
                }

        .dataTables_filter label input {
            width: 200px;
        }

        .navbar-nav > li {
            float: none;
            text-align: center;
        }

        .section {
            margin: 25px 0px 25px 0px;
        }

        .col-sm-1,
        .col-sm-2,
        .col-sm-3,
        .col-sm-4,
        .col-sm-5,
        .col-sm-6,
        .col-sm-7,
        .col-sm-8,
        .col-sm-9,
        .col-sm-10,
        .col-sm-11,
        .col-sm-12 {
            float: left;
        }


        .form-control {
            box-shadow: none;
        }


        label {
            font-weight: normal;
        }

        legend {
            width: auto;
            font-size: 1rem;
            color: #1b4d85;
            padding: 0px 5px;
        }

        .groupheader {
            margin-top: 20px;
            padding: 20px;
            color: #fff;
            background-color: #12354c;
        }

        .notes{
            font-size: 1vw;
            font-weight: bold;
            color: #000;
        }
        
        .sumtxt{
            font-weight: bold;
        }



        @media (max-width: 768px) {
            .col-sm-12, .container-fluid {
                padding-right: 0px;
                padding-left: 0px;
            }

            .body {
                padding: 2px !important;
            }

            .row {
                margin-left: auto !important;
                margin-right: auto !important;
            }

            .mobilemiddle {
                text-align: center;
            }
        }

        }

        .Page-title,
        .title-copy {
            color: #fff;
            text-align: center;
        }


        .cellCol4,
        .button[viewAll],
        .pbButton > input:nth-child(3),
        .pbButton > input:nth-child(1),
        .pbTitle,
        .actionColumn > a:nth-child(1),
        .actionColumn > a:nth-child(3) {
            display: none;
        }

        .pbButton > input:nth-child(2) {
            margin-top: 0px;
            margin-left: 0px;
        }

        .pbHeader table,
        .pbBody table {
            width: 100%;
        }

        .profilestat {
            color: #fff;
        }

        .pbHeader table a,
        .pbBody table a {
            color: rgba(47, 95, 157, 1);
        }

        #editprofile, #editpicture, #vehicleiframe {
            display: none;
        }

        #showpicture html {
            overflow: hidden;
        }

        .Page-title, .title-copy {
            color: #fff;
            text-align: center;
        }

        .gridboxred {
            background-color: rgba(228, 5, 47,0.75);
            height: 250px;
            padding: 40px 40px 40px 40px;
            color: #ffffff;
            font-family: inherit;
            text-align: center;
        }

        .gridboxbluelight {
            background-color: rgba(79, 138, 200, 0.75);
            height: 250px;
            padding: 40px 40px 40px 40px;
            color: #ffffff;
            font-family: inherit;
            text-align: center;
        }

        .gridboxbluedark {
            background-color: rgba(47, 95, 157, 0.75);
            height: 250px;
            padding: 40px 40px 40px 40px;
            color: #ffffff;
            font-family: inherit;
            text-align: center;
        }

        .gridboxpurple {
            background-color: rgba(34, 41, 100, 0.75);
            height: 250px;
            padding: 40px 40px 40px 40px;
            color: #ffffff;
            font-family: inherit;
            text-align: center;
        }

        .gridboxgrey {
            background-color: rgba(173, 173, 181, 0.75);
            height: 250px;
            padding: 40px 40px 40px 40px;
            color: #ffffff;
            font-family: inherit;
            text-align: center;
        }

        @media (min-width: 768px) {
            .modal-dialog {
                max-width: 500px !important;
            }

            .modal {
                position: unset;
                max-width: 600px;
                min-width: 50%;
                bottom: 0;
                left: 33%;
                z-index: 1050;
                display: none;
                overflow: hidden;
                outline: 0;
            }
        }

        .hide {
            display: none;
        }

        label {
            display: inline-block;
            margin-bottom: 0;
        }

        textarea.form-control.large, .form-control.large {
            height: 300px !important;
            overflow: auto;
            ;
        }

        table.dataTable, table.dataTable th, table.dataTable td {
            box-sizing: border-box !important;
        }

        .table-hover tbody tr:hover {
            background-color: transparent;
        }

        .table th, .table td {
            border-top: none;
        }

        summary:focus {
            outline: -webkit-focus-ring-color auto 0px;
        }

        h4{font-size: 1rem; display: inline;}

        h5{font-size: 0.8rem; display: inline;}

        /* Small devices (portrait tablets and phones) */
        @media only screen and (max-width: 1200px) {

            .toplogo{margin-left: auto; margin-right: auto;  display: block;  width: 80%; margin-top: 5vh; margin-bottom: 0vh;}

            .container{ max-width: 100%; margin-top: 5vh; margin-bottom: 5vh;}

            #a_driver{cursor: pointer; height: 10vh;}
            #a_employee{cursor: pointer; height: 10vh; margin-top: 1vw;}
            #a_contractor{cursor: pointer; height: 10vh; margin-top: 1vw;}
            #a_customer{cursor: pointer; height: 10vh; margin-top: 1vw;}
            #a_environmental{cursor: pointer; height: 10vh; margin-top: 1vw;}

            #btn_back {cursor: pointer; width:20vw; height: 5vh; margin-bottom: 1vh;}

            fieldset {
                margin-bottom: 0px;
                border: 0px solid #cecece;
                padding: 0px;
                margin: 0px;
                background-color: #efefef;
                color: #333;
            }

            .searchpopup{display: none; position: relative; left: 0vw; top: 0vh;}

            .btn_submit {margin: 20px 0 0 0;width:100%;}

            .loading{margin-top: -10vh;
                margin-right: 5vw;
                float: right;
                display: none;
            }

            li {
                display:block;
            }

            li:hover{
                color:#0d6efd;
                cursor: pointer;
            }

        }

        /* Medium devices (landscape tablets, laptops) */
        @media only screen and (min-width: 1200px) {


            .toplogo{margin-left: auto; margin-right: auto;  display: block;  width: auto; margin-top: 5vh; margin-bottom: 0vh;}

            .container{ max-width: 80%; margin-top: 5vh; margin-bottom: 5vh;}


            #a_driver{cursor: pointer; width:20vw; height: 10vh;}
            #a_employee{cursor: pointer; width:30vw; height: 10vh; margin-left: 1vw;}
            #a_contractor{cursor: pointer; width:24vw; height: 10vh;  margin-left: 1vw;}
            #a_customer{cursor: pointer; width:35vw; height: 10vh; margin-top: 1vw;}
            #a_environmental{cursor: pointer; width:40vw; height: 10vh; margin-top: 1vw; margin-left: 1vw;}

            #btn_back {cursor: pointer; width:10vw; height: 5vh; margin-bottom: 1vh;}


            fieldset {
                margin-bottom: 0px;
                border: 1px solid #cecece;
                padding: 5px;
                margin: 0px;
                background-color: #efefef;
                color: #333;
            }

            #Driver__c_list{
                display: none; 
                position: absolute;
                left: 0vw;
                top: 0vh;
                width: 35vw;
                border: 1px solid;
                background: #fff;
                z-index: 5;
            }

            #NX_Fleet__c_driver_list{
                display: none; 
                position: absolute;
                left: 0vw;
                top: 0vh;
                width: 35vw;
                border: 1px solid;
                background: #fff;
                z-index: 5;
            }
            
            #NX_Fleet__c_employee_list{
                display: none; 
                position: absolute;
                left: 0vw;
                top: 0vh;
                width: 35vw;
                border: 1px solid;
                background: #fff;
                z-index: 5;
            }

            #NX_Fleet__c_contractor_list{
                display: none; 
                position: absolute;
                left: 0vw;
                top: 0vh;
                width: 35vw;
                border: 1px solid;
                background: #fff;
                z-index: 5;
            }

            #Employee__c_employee_list{
                display: none; 
                position: absolute;
                left: 0vw;
                top: -2vh;
                width: 35vw;
                border: 1px solid;
                background: #fff;
                z-index: 5;
            }

            #Employee__c_employee_list2{
                display: none; 
                position: absolute;
                left: 0vw;
                top: -2vh;
                width: 35vw;
                border: 1px solid;
                background: #fff;
                z-index: 5;
            }


            #Employee__c_employee_create{
                display: none;
                padding: 2vh;
                position: absolute;
                left: 0vw;
                top: 0vh;
                width: 35vw;
                border: 1px solid;
                background: #fff;
                z-index: 5;
            }



            #Primary_Site_Operator__c_driver_list{
                display: none; 
                position: absolute;
                left: 0vw;
                top: 0vh;
                width: 35vw;
                border: 1px solid;
                background: #fff;
                z-index: 5;
            }

            #Other_Site_Operator__c_driver_list{
                display: none; 
                position: absolute;
                left: 0vw;
                top: 0vh;
                width: 35vw;
                border: 1px solid;
                background: #fff;
                z-index: 5;
            }

            #Primary_Site_Operator__c_employee_list{
                display: none; 
                position: absolute;
                left: 0vw;
                top: 0vh;
                width: 35vw;
                border: 1px solid;
                background: #fff;
                z-index: 5;
            }

            #Other_Site_Operator__c_employee_list{
                display: none; 
                position: absolute;
                left: 0vw;
                top: 0vh;
                width: 35vw;
                border: 1px solid;
                background: #fff;
                z-index: 5;
            }

            #Primary_Site_Operator__c_contractor_list{
                display: none; 
                position: absolute;
                left: 0vw;
                top: 0vh;
                width: 35vw;
                border: 1px solid;
                background: #fff;
                z-index: 5;
            }

            #Other_Site_Operator__c_contractor_list{
                display: none; 
                position: absolute;
                left: 0vw;
                top: 0vh;
                width: 35vw;
                border: 1px solid;
                background: #fff;
                z-index: 5;
            }

            #Primary_Site_Operator__c_customer_list{
                display: none; 
                position: absolute;
                left: 0vw;
                top: 0vh;
                width: 35vw;
                border: 1px solid;
                background: #fff;
                z-index: 5;
            }

            #Other_Site_Operator__c_customer_list{
                display: none; 
                position: absolute;
                left: 0vw;
                top: 0vh;
                width: 35vw;
                border: 1px solid;
                background: #fff;
                z-index: 5;
            }

            #Primary_Site_Operator__c_environmental_list{
                display: none; 
                position: absolute;
                left: 0vw;
                top: 0vh;
                width: 35vw;
                border: 1px solid;
                background: #fff;
                z-index: 5;
            }

            #Other_Site_Operator__c_environmental_list{
                display: none; 
                position: absolute;
                left: 0vw;
                top: 0vh;
                width: 35vw;
                border: 1px solid;
                background: #fff;
                z-index: 5;
            }




            /*
            #Driver__c_list{
                display: none; 
                position: absolute;
                left: 12vw;
                top: 118vh;
                width: 35vw;
                border: 1px solid;
                background: #fff;
                z-index: 5;
            }

            #NX_Fleet__c_driver_list{
                display: none; 
                position: absolute;
                left: 50.5vw;
                top: 138vh;
                width: 35vw;
                border: 1px solid;
                background: #fff;
                z-index: 5;
            }
            
            #NX_Fleet__c_employee_list{
                display: none; 
                position: absolute;
                left: 50.5vw;
                top: 141vh;
                width: 35vw;
                border: 1px solid;
                background: #fff;
                z-index: 5;
            }

            #NX_Fleet__c_contractor_list{
                display: none; 
                position: absolute;
                left: 50.5vw;
                top: 152vh;
                width: 35vw;
                border: 1px solid;
                background: #fff;
                z-index: 5;
            }

            #Employee__c_employee_list{
                display: none; 
                position: absolute;
                left: 12vw;
                top: 118vh;
                width: 35vw;
                border: 1px solid;
                background: #fff;
                z-index: 5;
            }

            #Primary_Site_Operator__c_driver_list{
                display: none; 
                position: absolute;
                left: 12vw;
                top: 72vh;
                width: 35vw;
                border: 1px solid;
                background: #fff;
                z-index: 5;
            }

            #Other_Site_Operator__c_driver_list{
                display: none; 
                position: absolute;
                left: 50.5vw;
                top: 72vh;
                width: 35vw;
                border: 1px solid;
                background: #fff;
                z-index: 5;
            }

            #Primary_Site_Operator__c_employee_list{
                display: none; 
                position: absolute;
                left: 12vw;
                top: 72vh;
                width: 35vw;
                border: 1px solid;
                background: #fff;
                z-index: 5;
            }

            #Other_Site_Operator__c_employee_list{
                display: none; 
                position: absolute;
                left: 50.5vw;
                top: 72vh;
                width: 35vw;
                border: 1px solid;
                background: #fff;
                z-index: 5;
            }

            #Primary_Site_Operator__c_contractor_list{
                display: none; 
                position: absolute;
                left: 12vw;
                top: 72vh;
                width: 35vw;
                border: 1px solid;
                background: #fff;
                z-index: 5;
            }

            #Other_Site_Operator__c_contractor_list{
                display: none; 
                position: absolute;
                left: 50.5vw;
                top: 72vh;
                width: 35vw;
                border: 1px solid;
                background: #fff;
                z-index: 5;
            }

            #Primary_Site_Operator__c_customer_list{
                display: none; 
                position: absolute;
                left: 12vw;
                top: 72vh;
                width: 35vw;
                border: 1px solid;
                background: #fff;
                z-index: 5;
            }

            #Other_Site_Operator__c_customer_list{
                display: none; 
                position: absolute;
                left: 50.5vw;
                top: 72vh;
                width: 35vw;
                border: 1px solid;
                background: #fff;
                z-index: 5;
            }

            #Primary_Site_Operator__c_environmental_list{
                display: none; 
                position: absolute;
                left: 12vw;
                top: 72vh;
                width: 35vw;
                border: 1px solid;
                background: #fff;
                z-index: 5;
            }

            #Other_Site_Operator__c_environmental_list{
                display: none; 
                position: absolute;
                left: 50.5vw;
                top: 72vh;
                width: 35vw;
                border: 1px solid;
                background: #fff;
                z-index: 5;
            }
            */

            .btn_submit {margin: 20px 0 0 0;width:80%;}
             
            .loading{margin-top: -10vh;
                margin-right: 5vw;
                float: right;
                display: none;
            }


            li {
                display:block;
            }

            li:hover{
                color:#0d6efd;
                cursor: pointer;
            }

        }