/***************************************************************************/
/*  IP Nationwide - IPS Nationwide Corporate Intranet version 1.0          */
/*  Copyright IPS Nationwide                                               */
/*  IPS Nationwide Santa Ana, CA                                           */
/*  Release Date: 06/07/2024                                               */
/*  Author: Tom Landers                                                    */
/***************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Cantarell&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
@-ms-viewport { width: device-width; }

body { width:100%;height:100%;margin:0;padding:0;background-color:#f2f2f2;font-family:"Open Sans", sans-serif;color:#333;font-weight:400;font-size:12px; }
form { margin:0;padding:0;width:100%;height:100%; }
*{ margin:0;padding:0;text-decoration:none  }

/*********** COMMON STYLES **********/
section { display: inline-block;width: 98%;margin:10px 1%; }
div { display:inline-block;margin:0;padding:0; }
img { border:none;vertical-align:middle; }
a { color:#333; }
a:hover, :visited { color:#333;text-decoration:none;font-weight:600;cursor:pointer; }
.clearFix { clear:both;content:''; }
.boxShadow { -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.35);-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.35);box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.35); }
.boxShadowSmall { -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);box-shadow: 0px 2px 25px 0px rgba(0,0,0,0.25); }
.hidePanel { display:none; }
.showPanel { display:inline-block;background-color:transparent;}
.linkDark { color:#333; }
.linkDark:hover, :visited, :active { color:#333;text-decoration:none;cursor:pointer; }

/*********** COLUMN STYLES **********/
.col1 { width:10%;float:left; }
.col125 { width:12.5%;float:left; }
.col145 { width:14.5%;float:left; }
.col155 { width:15.5%;float:left; }
.col165 { width:16.5%;float:left; }
.col175 { width: 17.5%;float: left; }
.col2 { width:20%;float:left; }
.col22 { width:22.25%;float:left; }
.col25 { width:25%;float:left; }
.col3 { width:30%;float:left; }
.col33 { width:33.3333333%;float:left; }
.col4 { width:40%;float:left; }
.col5 { width:50%;float:left; }
.col6 { width:60%;float:left; }
.col66 { width:66.666666%;float:left; }
.col7 { width:70%;float:left; }
.col75 { width:75%;float:left; }
.col8 { width:80%;float:left; }
.col9 { width:90%;float:left; }
.col95 { width:95%;float:left; }
.col10 { width:100%;float:left; }

.col1-r { width:10%;float:right; }
.col2-r { width:20%;float:right; }
.col22-r { width:22%;float:right; }
.col25-r { width:25%;float:right; }
.col3-r { width:30%;float:right; }
.col33-r { width:33.3333333%;float:right; }
.col4-r { width:40%;float:right; }
.col5-r { width:50%;float:right; }
.col6-r { width:60%;float:right; }
.col66-r { width:66.666666%;float:right; }
.col7-r { width:70%;float:right; }
.col75-r { width:75%;float:right; }
.col8-r { width:80%;float:right; }
.col9-r { width:90%;float:right; }
.col10-r { width:100%;float:right; }

.col1-c { width:10%;margin:0 auto; }
.col2-c { width:20%;margin:0 auto; }
.col25-c { width:25%;margin:0 auto; }
.col3-c { width:30%;margin:0 auto; }
.col33-c { width:33.3333333%;margin:0 auto; }
.col4-c { width:40%;margin:0 auto; }
.col5-c { width:50%;margin:0 auto; }
.col6-c { width:60%;margin:0 auto; }
.col66-c { width:66.666666%;margin:0 auto; }
.col7-c { width:70%;margin:0 auto; }
.col75-c { width:75%;margin:0 auto; }
.col8-c { width:80%;margin:0 auto; }
.col9-c { width:90%;margin:0 auto; }
.col10-c { width:100%;margin:0 auto; }

.offset1 { margin-left:10%; }
.offset2 { margin-left:20% }
.offset25 { margin-left:25% }
.offset3 { margin-left:30% }
.offset33 { margin-left:33.33333333% }
.offset4 { margin-left:40% }
.offset5 { margin-left:50% }
.offset6 { margin-left:60% }
.offset66 { margin-left:66.666666666% }
.offset7 { margin-left:70% }
.offset75 { margin-left:75% }
.offset8 { margin-left:80% }
.offset9 { margin-left:90% }

.floatLeft { float:left; }
.floatRight { float:right; }
.floatCenter { margin:auto auto; }

/* Scrollbar styles */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #ccc;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #999;
    }

/***************** MODAL WINDOW ****************/
.modal { display: none;position: fixed;z-index: 1;padding-top: 100px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4); }
.modal-content { background-color: #f2f2f2;margin: auto 25%;padding:0;border: 1px solid #888;width: 50%; }
.close { color:#333;float: right;font-size: 28px;font-weight: bold; }
.close:hover,
.close:focus { color:#f2f2f2;text-decoration:none; cursor:pointer; }
.closeLight { color:#f2f2f2;float:right;line-height:40px;padding:0 10px;font-size:28px;font-weight:bold; }
.closeLight:hover,
.closeLigt:focus { color:#f4f4f4;text-decoration:none;cursor: pointer; }

@media (min-width:320px) and (max-width:480px) {

     /*********** COLUMN STYLES **********/
    .col1-xsmall { width:10%;float:left; }
    .col2-xsmall { width:20%;float:left; }
    .col25-xsmall { width:25%;float:left; }
    .col3-xsmall { width:30%;float:left; }
    .col33-xsmall { width:33.3333333%;float:left; }
    .col4-xsmall { width:40%;float:left; }
    .col5-xsmall { width:50%;float:left; }
    .col6-xsmall { width:60%;float:left; }
    .col66-xsmall { width:66.666666%;float:left; }
    .col7-xsmall { width:70%;float:left; }
    .col75-xsmall { width:75%;float:left; }
    .col8-xsmall { width:80%;float:left; }
    .col9-xsmall { width:90%;float:left; }
    .col10-xsmall { width:100%;float:left; }

    .col1-r-xsmall { width:10%;float:right; }
    .col2-r-xsmall { width:20%;float:right; }
    .col25-r-xsmall { width:25%;float:right; }
    .col3-r-xsmall { width:30%;float:right; }
    .col33-r-xsmall { width:33.3333333%;float:right; }
    .col4-r-xsmall { width:40%;float:right; }
    .col5-r-xsmall { width:50%;float:right; }
    .col6-r-xsmall { width:60%;float:right; }
    .col66-r-xsmall { width:66.666666%;float:right; }
    .col7-r-xsmall { width:70%;float:right; }
    .col75-r-xsmall { width:75%;float:right; }
    .col8-r-xsmall { width:80%;float:right; }
    .col9-r-xsmall { width:90%;float:right; }
    .col10-r-xsmall { width:100%;float:right; }

    .col1-c-xsmall { width:10%;margin:0 auto; }
    .col2-c-xsmall { width:20%;margin:0 auto; }
    .col25-c-xsmall { width:25%;margin:0 auto; }
    .col3-c-xsmall { width:30%;margin:0 auto; }
    .col33-c-xsmall { width:33.3333333%;margin:0 auto; }
    .col4-c-xsmall { width:40%;margin:0 auto; }
    .col5-c-xsmall { width:50%;margin:0 auto; }
    .col6-c-xsmall { width:60%;margin:0 auto; }
    .col66-c-xsmall { width:66.666666%;margin:0 auto; }
    .col7-c-xsmall { width:70%;margin:0 auto; }
    .col75-c-xsmall { width:75%;margin:0 auto; }
    .col8-c-xsmall { width:80%;margin:0 auto; }
    .col9-c-xsmall { width:90%;margin:0 auto; }
    .col10-c-xsmall { width:100%;margin:0 auto; }

    .offset1-xsmall { margin-left:10%; }
    .offset2-xsmall { margin-left:20% }
    .offset25-xsmall { margin-left:25% }
    .offset3-xsmall { margin-left:30% }
    .offset33-xsmall { margin-left:33.33333333% }
    .offset4-xsmall { margin-left:40% }
    .offset5-xsmall { margin-left:50% }
    .offset6-xsmall { margin-left:60% }
    .offset66-xsmall { margin-left:66.666666666% }
    .offset7-xsmall { margin-left:70% }
    .offset75-xsmall { margin-left:75% }
    .offset8-xsmall { margin-left:80% }
    .offset9-xsmall { margin-left:90% }


}
@media (min-width:481px) and (max-width:640px) {
    /*********** COLUMN STYLES **********/
    .col1-small { width:10%;float:left; }
    .col2-small { width:20%;float:left; }
    .col25-small { width:25%;float:left; }
    .col3-small { width:30%;float:left; }
    .col33-small { width:33.3333333%;float:left; }
    .col4-small { width:40%;float:left; }
    .col5-small { width:50%;float:left; }
    .col6-small { width:60%;float:left; }
    .col66-small { width:66.666666%;float:left; }
    .col7-small { width:70%;float:left; }
    .col75-small { width:75%;float:left; }
    .col8-small { width:80%;float:left; }
    .col9-small { width:90%;float:left; }
    .col10-small { width:100%;float:left; }

    .col1-r-small { width:10%;float:right; }
    .col2-r-small { width:20%;float:right; }
    .col25-r-small { width:25%;float:right; }
    .col3-r-small { width:30%;float:right; }
    .col33-r-small { width:33.3333333%;float:right; }
    .col4-r-small { width:40%;float:right; }
    .col5-r-small { width:50%;float:right; }
    .col6-r-small { width:60%;float:right; }
    .col66-r-small { width:66.666666%;float:right; }
    .col7-r-small { width:70%;float:right; }
    .col75-r-small { width:75%;float:right; }
    .col8-r-small { width:80%;float:right; }
    .col9-r-small { width:90%;float:right; }
    .col10-r-small { width:100%;float:right; }

    .col1-c-small { width:10%;margin:0 auto; }
    .col2-c-small { width:20%;margin:0 auto; }
    .col25-c-small { width:25%;margin:0 auto; }
    .col3-c-small { width:30%;margin:0 auto; }
    .col33-c-small { width:33.3333333%;margin:0 auto; }
    .col4-c-small { width:40%;margin:0 auto; }
    .col5-c-small { width:50%;margin:0 auto; }
    .col6-c-small { width:60%;margin:0 auto; }
    .col66-c-small { width:66.666666%;margin:0 auto; }
    .col7-c-small { width:70%;margin:0 auto; }
    .col75-c-small { width:75%;margin:0 auto; }
    .col8-c-small { width:80%;margin:0 auto; }
    .col9-c-small { width:90%;margin:0 auto; }
    .col10-c-small { width:100%;margin:0 auto; }

    .offset1-small { margin-left:10%; }
    .offset2-small { margin-left:20% }
    .offset25-small { margin-left:25% }
    .offset3-small { margin-left:30% }
    .offset33-small { margin-left:33.33333333% }
    .offset4-small { margin-left:40% }
    .offset5-small { margin-left:50% }
    .offset6-small { margin-left:60% }
    .offset66-small { margin-left:66.666666666% }
    .offset7-small { margin-left:70% }
    .offset75-small { margin-left:75% }
    .offset8-small { margin-left:80% }
    .offset9-small { margin-left:90% }
}
@media (min-width:641px) and (max-width:960px) {
    /*********** COLUMN STYLES **********/
    .col1-med { width:10%;float:left; }
    .col2-med { width:20%;float:left; }
    .col25-med { width:25%;float:left; }
    .col3-med { width:30%;float:left; }
    .col33-med { width:33.3333333%;float:left; }
    .col4-med { width:40%;float:left; }
    .col5-med { width:50%;float:left; }
    .col6-med { width:60%;float:left; }
    .col66-med { width:66.666666%;float:left; }
    .col7-med { width:70%;float:left; }
    .col75-med { width:75%;float:left; }
    .col8-med { width:80%;float:left; }
    .col9-med { width:90%;float:left; }
    .col10-med { width:100%;float:left; }

    .col1-r-med { width:10%;float:right; }
    .col2-r-med { width:20%;float:right; }
    .col25-r-med { width:25%;float:right; }
    .col3-r-med { width:30%;float:right; }
    .col33-r-med { width:33.3333333%;float:right; }
    .col4-r-med { width:40%;float:right; }
    .col5-r-med { width:50%;float:right; }
    .col6-r-med { width:60%;float:right; }
    .col66-r-med { width:66.666666%;float:right; }
    .col7-r-med { width:70%;float:right; }
    .col75-r-med { width:75%;float:right; }
    .col8-r-med { width:80%;float:right; }
    .col9-r-med { width:90%;float:right; }
    .col10-r-med { width:100%;float:right; }

    .col1-c-med { width:10%;margin:0 auto; }
    .col2-c-med { width:20%;margin:0 auto; }
    .col25-c-med { width:25%;margin:0 auto; }
    .col3-c-med { width:30%;margin:0 auto; }
    .col33-c-med { width:33.3333333%;margin:0 auto; }
    .col4-c-med { width:40%;margin:0 auto; }
    .col5-c-med { width:50%;margin:0 auto; }
    .col6-c-med { width:60%;margin:0 auto; }
    .col66-c-med { width:66.666666%;margin:0 auto; }
    .col7-c-med { width:70%;margin:0 auto; }
    .col75-c-med { width:75%;margin:0 auto; }
    .col8-c-med { width:80%;margin:0 auto; }
    .col9-c-med { width:90%;margin:0 auto; }
    .col10-c-med { width:100%;margin:0 auto; }

    .offset1-med { margin-left:10%; }
    .offset2-med { margin-left:20% }
    .offset25-med { margin-left:25% }
    .offset3-med { margin-left:30% }
    .offset33-med { margin-left:33.33333333% }
    .offset4-med { margin-left:40% }
    .offset5-med { margin-left:50% }
    .offset6-med { margin-left:60% }
    .offset66-med { margin-left:66.666666666% }
    .offset7-med { margin-left:70% }
    .offset75-med { margin-left:75% }
    .offset8-med { margin-left:80% }
    .offset9-med { margin-left:90% }
}