/*Utility Classes*/

/*Colors*/
 :root {
    --color-lightblue: #18BCEE;
    --color-darkblue: #004E8F;
    --color-verydarkblue: #00396A;
    --color-white: #ffffff;
    --color-mediumblue: #008BFF;
    --color-darkmediumblue: #0073D1;
    --color-bluegray:#81A4CD;
    --color-verylightblue: #cfe5f7;
    --color-cream:#F7F7F7;
    --color-black: #000000;
    --color-gray: #77787b;
    --color-blackgray:#444F58;
    --color-darkblack:#383838;
}


/*Background Colors (not a brand color - currently in use)*/
.darkblue-background {
     background-color: #00539f;
}


 /*Hide Completely*/
 .hide-completely {
     display: none !important;
 }


/*Utility class for full width*/
 .custom-fullwidth {
     max-width: none !important;
     width: 100%;
 }


 /*Utility Class - custom-fullwidth*/
 .custom-fullwidth>div.container {
     max-width: none !important;
     width: 100%;
     padding-left: 0 !important;
     padding-right: 0 !important;

 }

 .custom-fullwidth>.container>.row {
     margin-left: 0 !important;
     margin-right: 0 !important;
 }


 @media (min-width: 990px) {
     .custom-fullwidth .container>.row>.col-md-10.col-lg-12 {
         max-width: none !important;
         display: block;
         flex: none !important;
         padding-left: 0 !important;
         padding-right: 0 !important;
     }

     .custom-fullwidth .container>.row {
         margin-left: 0 !important;
         margin-right: 0 !important;
     }
 }

 @media (min-width: 768px) {
     .custom-fullwidth .container>.row>.col-md-10.col-lg-12 {
         max-width: none !important;
         display: block !important;
         flex: none !important;
         padding-left: 0 !important;
         padding-right: 0 !important;
     }

     .custom-fullwidth .container>.row {
         margin-left: 0 !important;
         margin-right: 0 !important;
     }
 }

 @media (max-width: 800px) {

     .custom-fullwidth .container>.row>.col-md-10.col-lg-12,
     .custom-fullwidth .container>.row {
         margin-left: 0 !important;
         margin-right: 0 !important;
         padding-right: 0 !important;
         padding-left: 0 !important;
     }
 }




/* Utility Classes */
/* ================================
   Margin Top (0px – 100px)
=================================== */

.util-mt-0 { margin-top: 0 !important; }
.util-mt-10 { margin-top: 10px !important; }
.util-mt-20 { margin-top: 20px !important; }
.util-mt-30 { margin-top: 30px !important; }
.util-mt-40 { margin-top: 40px !important; }
.util-mt-50 { margin-top: 50px !important; }
.util-mt-60 { margin-top: 60px !important; }
.util-mt-70 { margin-top: 70px !important; }
.util-mt-80 { margin-top: 80px !important; }
.util-mt-90 { margin-top: 90px !important; }
.util-mt-100 { margin-top: 100px !important; }

/* ================================
   Margin Bottom (0px – 100px)
=================================== */

.util-mb-0 { margin-bottom: 0 !important; }
.util-mb-10 { margin-bottom: 10px !important; }
.util-mb-20 { margin-bottom: 20px !important; }
.util-mb-30 { margin-bottom: 30px !important; }
.util-mb-40 { margin-bottom: 40px !important; }
.util-mb-50 { margin-bottom: 50px !important; }
.util-mb-60 { margin-bottom: 60px !important; }
.util-mb-70 { margin-bottom: 70px !important; }
.util-mb-80 { margin-bottom: 80px !important; }
.util-mb-90 { margin-bottom: 90px !important; }
.util-mb-100 { margin-bottom: 100px !important; }

/* ================================
   Padding Top (0px – 100px)
=================================== */

.util-pt-0 { padding-top: 0 !important; }
.util-pt-10 { padding-top: 10px !important; }
.util-pt-20 { padding-top: 20px !important; }
.util-pt-30 { padding-top: 30px !important; }
.util-pt-40 { padding-top: 40px !important; }
.util-pt-50 { padding-top: 50px !important; }
.util-pt-60 { padding-top: 60px !important; }
.util-pt-70 { padding-top: 70px !important; }
.util-pt-80 { padding-top: 80px !important; }
.util-pt-90 { padding-top: 90px !important; }
.util-pt-100 { padding-top: 100px !important; }

/* ================================
   Padding Bottom (0px – 100px)
=================================== */

.util-pb-0 { padding-bottom: 0 !important; }
.util-pb-10 { padding-bottom: 10px !important; }
.util-pb-20 { padding-bottom: 20px !important; }
.util-pb-30 { padding-bottom: 30px !important; }
.util-pb-40 { padding-bottom: 40px !important; }
.util-pb-50 { padding-bottom: 50px !important; }
.util-pb-60 { padding-bottom: 60px !important; }
.util-pb-70 { padding-bottom: 70px !important; }
.util-pb-80 { padding-bottom: 80px !important; }
.util-pb-90 { padding-bottom: 90px !important; }
.util-pb-100 { padding-bottom: 100px !important; }