/*      Styleguide Bootstrap css*/
        
        body {
            font-family: Roboto,Avenir,Helvetica,Arial,sans-serif !important;
            color: #595959 !important;
            font-size: 0.875rem !important;
            background-color: #FFFFFF !important;
        }

        p {
            line-height: 1.2 !important;
        }
        
        .GBblue {
            color: #53B5E0;
        }
        
        .GBgreen {
            color: #66C082;
        }
        
        .mainContainer {
            max-width: 1280px;
            margin: auto;
            overflow: hidden;
        }
        
        .center {
            margin:auto;
        }
		
		.card {
			border-radius: 4px;
			transition: box-shadow .28s cubic-bezier(.4,0,.2,1);
			will-change: box-shadow;
			box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
		}
        
		.bg-primary {
            background-color: #4c7197 !important;
            color: white !important;
            border: solid 1px #4a5a6c;
        }
		
        label {
            margin-bottom: .25rem;
        }
        
        .form-control {
            color: #495057;
            background-color: #f0f0f0 !important;
            background-clip: padding-box;
            border: none;
            border-bottom: rgba(0, 0, 0, 0.6) solid 1px;
            border-radius: 0rem;
            transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   
        }
        
        .form-select {            
            border-radius: 0rem;
            color: #495057 !important;
            background-color: #f0f0f0 !important;
            background-clip: padding-box;
            border: none;
            border-bottom: rgba(0, 0, 0, 0.6) solid 1px;
        }
        
        .form-control {
            cursor: pointer !important;
         
        }
        
        .form-control-label {
            cursor: pointer !important;
        }
        
        .btn {
            /* height: 36px; */
            min-width: 64px;
            /* padding: 0 16px; */
            border-radius: 0rem;
            box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
        }
		
		.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
			cursor: not-allowed;
			filter: alpha(opacity=65);
			-webkit-box-shadow: none;
			box-shadow: none;
			opacity: .65;
		}
        
        .btn-secondary {
            background-color: #e3e3e3 !important;
            color: #424242!important;
            border: solid 1px #b8b7b8 !important;
        }

        .btn-secondary:hover {
            background-color: #d6d6d6 !important;
        }

        .btn-secondary:focus {
          background-color: #d6d6d6 !important;
        }

        .btn-secondary:active {
          background-color: #d6d6d6 !important;
        }
        
        .btn-primary {
            background-color: #4c7197 !important;
            color: white !important;
            border: solid 1px #4a5a6c;
        }
        
        .btn-primary:hover {
            background-color: #4a5a6c !important;
            color: white !important;
        }

        .btn-primary:focus {
            background-color: #4a5a6c !important;
            color: white !important;
        }

        .btn-primary:active {
            background-color: #4a5a6c !important;
            color: white !important;
        }

        .flexRight {
            display: flex;
            justify-content: flex-end;
        }
        
        .flexRight .btn {
            margin-right: 15px;
        }
        
        .flexRight .btn:nth-last-child(1) {
            margin-right: 0px;
        }
        
        .flow {
            overflow: hidden;
        }
        
        .modal-header {
            border-bottom: none !important;
        }
        
        .modal-footer {
            border-top: none !important;
        }
        
        .btn-primary:focus, .btn-primary.focus {
            background-color: none;
            border-color: none;
            box-shadow: none;
        }
        
        /* WCAG 2.1 AA - Footer contrast fix */
        footer p, footer a {
            color: #333333 !important;
        }

        /* WCAG 2.1 AA - Focus Visible (2.4.7) */
        *:focus-visible {
            outline: 2px solid #0066cc !important;
            outline-offset: 2px !important;
        }

        a:focus-visible,
        button:focus-visible,
        input:focus-visible,
        select:focus-visible,
        textarea:focus-visible,
        [tabindex]:focus-visible {
            outline: 2px solid #0066cc !important;
            outline-offset: 2px !important;
        }

        /* Screen reader only utility class */
        .sr-only {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border: 0;
        }

        @media (max-width: 767px) {

            .mainContainer {
                width: 90%;
            }

        }