/* Minification failed. Returning unminified contents. (16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-100' (32,12): run-time error CSS1030: Expected identifier, found '.' (32,35): run-time error CSS1031: Expected selector, found ')' (32,35): run-time error CSS1025: Expected comma or open brace, found ')' (42,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-bg-subtle' (667,1): run-time error CSS1019: Unexpected token, found '}' (870,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger' (1035,7): run-time error CSS1030: Expected identifier, found '>' (1035,26): run-time error CSS1031: Expected selector, found ')' (1035,26): run-time error CSS1025: Expected comma or open brace, found ')' (1046,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1047,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-white' (1051,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-white' (1052,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1056,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-100' (1057,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-black' (1061,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-black' (1062,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-white' (2300,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-600' (2304,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-800' (2308,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color' (2365,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-white' (2366,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-700' (2379,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-100' (2380,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-black' (2382,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-600' (2384,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-100' (2397,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-600' (2401,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-white' (2402,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (2409,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-white' (2410,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-black' (2413,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-600' (2414,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-100' (2428,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (2429,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-white' (2434,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (2435,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-white' (2493,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-800' (2494,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-900' (2495,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-100' (2552,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-800-rgb' (2553,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-100-rgb' (2967,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2968,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2969,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2977,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-500' (2985,25): run-time error CSS1030: Expected identifier, found '.' (2985,28): run-time error CSS1031: Expected selector, found ')' (2985,28): run-time error CSS1025: Expected comma or open brace, found ')' (2991,29): run-time error CSS1030: Expected identifier, found '.' (2991,32): run-time error CSS1031: Expected selector, found ')' (2991,32): run-time error CSS1025: Expected comma or open brace, found ')' (2996,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-600' (3000,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-contrast' (3004,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-100' (3008,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-contrast' (3012,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-100-contrast' (3016,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-200-contrast' (3020,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-300-contrast' (3024,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-400-contrast' (3028,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-600-contrast' (3032,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-700-contrast' (3036,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-800-contrast' (3040,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-900-contrast' (3044,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-white' (3052,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger' (3205,6): run-time error CSS1030: Expected identifier, found '.' (3205,10): run-time error CSS1031: Expected selector, found ')' (3205,10): run-time error CSS1025: Expected comma or open brace, found ')' (3222,12): run-time error CSS1030: Expected identifier, found '.' (3222,16): run-time error CSS1031: Expected selector, found ')' (3222,16): run-time error CSS1025: Expected comma or open brace, found ')' (3261,29): run-time error CSS1030: Expected identifier, found '.' (3261,38): run-time error CSS1031: Expected selector, found ')' (3261,38): run-time error CSS1025: Expected comma or open brace, found ')' (3301,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-900' (3474,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary' (3664,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary' (3729,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary' (4224,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-black' (4225,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-white' (4251,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4252,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-contrast' (4255,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4263,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4264,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-contrast' (4267,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4276,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4277,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-contrast' (4280,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4286,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary' (4287,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-contrast' (4290,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary' (4295,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary' (4296,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-contrast' (4303,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary' (4304,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-contrast' (4313,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4321,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4463,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary' (4475,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary' (4603,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4610,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-100' (4612,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-700' (4641,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (4642,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-contrast' (4646,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-contrast' (4679,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary' (4825,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-100' (4950,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-active-bg' (4955,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-active-bg' (5014,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' */ /************************* order in Bundle config "~/Content/style.css", - - intended to be bootstrap overrides "~/Content/plugin.css", "~/Content/Site.css", "~/Content/media.css" **************************/ /*********************** BOOTSTRAP EXTENTIONS ************************/ #WorkRequestsListView .card { border-radius:unset !important; --bs-card-inner-border-radius: unset !important; } #tblInterpreters .card .dropdown ul li{ padding:0.08rem 0.5rem; } #tblInterpreters .card .dropdown ul li:hover, #tblInterpreters .card .dropdown ul li:active, #tblInterpreters .card .dropdown ul li:focus { background-color: var(--bs-primary-100); } .dropdown-toggle.dropdown-no-caret:after { content:unset !important; } .card.bg-warning ,.card:has(.bg-warning.card-header) ,.card.text-bg-warning ,.card:has(.text-bg-warning.card-header){ background-color: white !important; } .card.bg-warning .card-header ,.card .bg-warning.card-header ,.card.text-bg-warning .card-header ,.card .text-bg-warning.card-header{ /*background-color: rgba(215.4, 195.4, 173.4, .3) !important;*/ background-color: var(--bs-primary-bg-subtle) !important; } .form-control, .form-select { border-radius:0; } .form-control:focus { /* border: 2px dotted #9c6a0e; */ -webkit-box-shadow: none; box-shadow: none; } /**/.input-group-btn > .btn { border-radius:0; } .breadcrumb { background-color:transparent !important; margin-top:-20px; margin-bottom:4px; padding-left:0 !important; } .breadcrumb-item { text-transform: uppercase; } /*.breadcrumb-item a { text-decoration:none; } */ .breadcrumb-item a:focus, .breadcrumb-item a:hover { text-decoration:underline; } .modal-content { border: none !important; } /*new interpreter buttons*/ /*.btn-lg, button.btn-next:has(>:first-child.fa) { color: #9c6a0e !important; background-color: #fff !important; border: 1px solid #9c6a0e !important; } .btn-lg:active, .btn-lg:focus, .btn-lg:hover , button.btn-next:has(>:first-child.fa):active, button.btn-next:has(>:first-child.fa):focus , button.btn-next:has(>:first-child.fa):hover , .btn:first-child:not(.btn-check):not(.btn-circle):active ,.btn:first-child:not(.btn-check):not(.btn-circle):focus,.btn:not(.btn-check):not(.btn-circle):first-child:hover{ color: #fff !important;*/ /*background-color: #9c6a0e !important; border: 1px solid #9c6a0e !important;*/ /*}*/ .btn.btn-circle, .btn.btn-circle.disabled { padding:2px 5px; box-shadow: none; border:none; background: transparent; color: #3a5a7a; font-weight: 300; transition:none; } .btn.btn-circle:hover, .btn.btn-circle:active, .btn.btn-circle.active { box-shadow: none; background: transparent; } .btn-circle > i { background: #f3f3f3; width: 60px; height: auto; padding: 18px 0; font-size: 24px; border-radius: 50%; display: block; margin: 0 auto; margin-bottom: 6px; line-height: normal; transition: all .3s ease-in-out 0s; } .btn-circle.btn-lg > i{width: 80px;height: 80px;padding:22px 0;font-size:36px;} .btn-circle.btn-sm > i{width: 40px;height: 40px;padding:10px 0;font-size:20px;} .btn-circle.btn-xs > i{width: 30px;height: 30px;padding:8px 0;font-size:14px;} .btn-circle b.badge{position: absolute;right: 5px;top: 2px;} .btn-circle .badge i{margin: 0 -2px} .btn-white.btn-circle > i{color: #a5b6c7;background: #fff} .btn.btn-circle.disabled > i{background:#c4c9cf;} .btn-primary { color: #fff; background-color: #9c6a0e; border-color: #9c6a0e; /*border-radius: 0px;*/ /*font-size: 18px; font-weight: 700;*/ } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #9c6a0e;/*#814e08;*/ border-color: #784808; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #9c6a0e; border-color: #357ebd; } .btn-primary .badge { color: #9c6a0e; background-color: #fff; } .btn-primary-clear { color: #9c6a0e; background-color: #fff; border-color: #9c6a0e; } .btn-primary-clear:focus, .btn-primary-clear.focus { color: #357ebd; background-color: #fff; border-color: #357ebd; -webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow:inset 0px 3px 5px rgba(0,0,0,0.125); } .btn-primary-clear:hover { color: #357ebd; background-color: #fff; border-color: #357ebd; -webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow:inset 0px 3px 5px rgba(0,0,0,0.125); } .btn-primary-clear:active, .btn-primary-clear.active, .open > .dropdown-toggle.btn-primary-clear, .btn-primary-clear:active:focus, .btn-primary-clear.active:focus, .open > .dropdown-toggle.btn-primary-clear:focus, .btn-primary-clear:active.focus, .btn-primary-clear.active.focus, .open > .dropdown-toggle.btn-primary-clear.focus { color: #357ebd; background-color: #fff; border-color: #357ebd; } .btn-primary-clear:active:hover, .btn-primary-clear.active:hover, .open > .dropdown-toggle.btn-primary-clear:hover { color: #13496c; background-color: #fafafa; border-color: #13496c; } .btn-primary-clear:active, .btn-primary-clear.active, .open > .dropdown-toggle.btn-primary-clear { background-image: none; } .btn-primary-clear.disabled, .btn-primary-clear[disabled], fieldset[disabled] .btn-primary-clear, .btn-primary-clear.disabled:hover, .btn-primary-clear[disabled]:hover, fieldset[disabled] .btn-primary-clear:hover, .btn-primary-clear.disabled:focus, .btn-primary-clear[disabled]:focus, fieldset[disabled] .btn-primary-clear:focus, .btn-primary-clear.disabled.focus, .btn-primary-clear[disabled].focus, fieldset[disabled] .btn-primary-clear.focus, .btn-primary-clear.disabled:active, .btn-primary-clear[disabled]:active, fieldset[disabled] .btn-primary-clear:active, .btn-primary-clear.disabled.active, .btn-primary-clear[disabled].active, fieldset[disabled] .btn-primary-clear.active { color: #9c6a0e; background-color: #e9f4fb; border-color: #67b2e4; -webkit-box-shadow: none; box-shadow: none; } .btn-primary-clear .badge { color: #fff; background-color: #67b2e4; } /*.btn-secondary { color: #9c6a0e; background-color: #f7f7f7; border-color: #e0e0e0; }*/ /*.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .open > .dropdown-toggle.btn-secondary { color: #0076d6; background-color: #e8e8e8; border-color: #a0a0a0; } .btn-secondary:active, .btn-secondary.active, .open > .dropdown-toggle.btn-secondary { background-image: none; }*/ .btn-secondary.disabled, .btn-secondary[disabled], fieldset[disabled] .btn-secondary, .btn-secondary.disabled:hover, .btn-secondary[disabled]:hover, fieldset[disabled] .btn-secondary:hover, .btn-secondary.disabled:focus, .btn-secondary[disabled]:focus, fieldset[disabled] .btn-secondary:focus, .btn-secondary.disabled:active, .btn-secondary[disabled]:active, fieldset[disabled] .btn-secondary:active, .btn-secondary.disabled.active, .btn-secondary[disabled].active, fieldset[disabled] .btn-secondary.active { background-color: #e8e8e8; border-color: #a0a0a0; opacity: 0.5; } .btn-secondary .badge { color: #9c6a0e; background-color: #9c6a0e; } .btn-success { color: #fff; background-color: #37a447; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #329240; border-color: #329240; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #37a447; border: #37a447; opacity: 0.5; } .btn-success .badge { color: #37a447; background-color: #37a447; } .btn-danger { background-color: #a94442; color: #fff; } .btn-danger-clear { color: #c53e3e; background-color: #fff; border-color: #c53e3e; } .btn-danger-clear:focus, .btn-danger-clear.focus { color: #9d2f2f; background-color: #fff; border-color: #9d2f2f; -webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow:inset 0px 3px 5px rgba(0,0,0,0.125); } .btn-danger-clear:hover { color: #9d2f2f; background-color: #fff; border-color: #9d2f2f; -webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow:inset 0px 3px 5px rgba(0,0,0,0.125); } .btn-danger-clear:active, .btn-danger-clear.active, .open > .dropdown-toggle.btn-danger-clear, .btn-danger-clear:active:focus, .btn-danger-clear.active:focus, .open > .dropdown-toggle.btn-danger-clear:focus, .btn-danger-clear:active.focus, .btn-danger-clear.active.focus, .open > .dropdown-toggle.btn-danger-clear.focus { color: #9d2f2f; background-color: #fff; border-color: #9d2f2f; } .btn-danger-clear:active:hover, .btn-danger-clear.active:hover, .open > .dropdown-toggle.btn-danger-clear:hover { color: #621d1d; background-color: #fafafa; border-color: #621d1d; } .btn-danger-clear:active, .btn-danger-clear.active, .open > .dropdown-toggle.btn-danger-clear { background-image: none; } .btn-danger-clear.disabled, .btn-danger-clear[disabled], fieldset[disabled] .btn-danger-clear, .btn-danger-clear.disabled:hover, .btn-danger-clear[disabled]:hover, fieldset[disabled] .btn-danger-clear:hover, .btn-danger-clear.disabled:focus, .btn-danger-clear[disabled]:focus, fieldset[disabled] .btn-danger-clear:focus, .btn-danger-clear.disabled.focus, .btn-danger-clear[disabled].focus, fieldset[disabled] .btn-danger-clear.focus, .btn-danger-clear.disabled:active, .btn-danger-clear[disabled]:active, fieldset[disabled] .btn-danger-clear:active, .btn-danger-clear.disabled.active, .btn-danger-clear[disabled].active, fieldset[disabled] .btn-danger-clear.active { color: #c53e3e; background-color: #f9ebeb; border-color: #d67676; -webkit-box-shadow:none; box-shadow:none; } .btn-danger-clear .badge { color: #fff; background-color: #d67676; } .btn-default-gray { background-color: #ebebeb; } /* override the default bootstrap badge for accessibility */ /*.badge { background-color: #66625E; color: #fff; } */ .badge-gray { display: inline-block; min-width: 10px; font-weight: bold; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 10px; color:#474747; background-color:#ebebeb; } .badge-gray > label{ color:#474747 !important; } .badge-blue { display: inline-block; min-width: 10px; padding: 1px 7px; font-size: 12px; font-weight: bold; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 10px; color:#ffffff; background-color:#0068bd; } .badge-danger { display: inline-block; min-width: 10px; padding: 1px 7px; font-size: 12px; font-weight: bold; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 10px; color:#ffffff; background-color:#f0210e; } .open > .dropdown-toggle.btn-default, .open > .dropdown-toggle.btn-primary,.open > .dropdown-toggle.btn-info{ color: #fff; background-color: transparent; } /**************** ALERT MESSAGE *****************/ .alert-clear { /*display:none;*/ font-size:1em; border:0; background-color:transparent; } .alert { border: 0; border-radius: 0px; margin-bottom:10px !important; margin-top:0; } /********************* COURT USERS DETAIL **********************/ .mjbTabContentCourtUsersDetail { background-color:#fff; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; padding:20px; } /* BEGIN COURT BOOTSTRAP NAVBAR */ /*.navbar-default.navbar-court { background-color: #3c4c66; opacity: 0.15; }*/ /* FH - home page login dropdown menu background color to match app banner color */ /*begin header styles*/ /*nav.navbar { background-color: #9c6a0e; color: #fff; height: 76px; border-bottom: 3px solid #c8c8c8; } nav.navbar div.header-title { max-width: 400px; font-family: Times New Roman; font-size: 24px; color: #ffffff; font-weight: 700; text-decoration: none solid rgb(255, 255, 255); text-transform: uppercase; line-height: 24px; position: absolute; top: 11px; left: 106px; } .navbar-brand { border: 0; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #9c6a0e; }*/ /* start hamburger menu */ /*.navbar-default .navbar-toggle .icon-bar { background-color: #fff; } .navbar-default .navbar-toggle { border-color: #fff; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #005aa3; } .navbar-default .navbar-toggle .icon-bar { background-color: #fff; }*/ /* end hamburger menu */ /*.navbar-fixed-bottom-court .dropdown .caret { border-top: 0 dotted; border-bottom: 4px solid #000000; content: ""; } .navbar-fixed-bottom-court .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; }*/ /*for fixed footer */ /*.navbar-fixed-bottom-court { border-radius: 0; position: fixed; right: 0; left: 0; } .navbar-fixed-bottom-court { border-width: 0 0 1px; bottom: 0; margin-bottom: 0; } .navbar-fixed-bottom-court .navbar-nav > li > .dropdown-menu { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }*/ /* END COURT BOOTSTRAP NAVBAR */ button.close { color:#fff !important; } .row.padding10 > [class^="col-"],.row.padding10 > [class*=" col-"] { padding-right:10px; padding-left:10px; } .row.padding7 > [class^="col-"],.row.padding7 > [class*=" col-"] { padding-right:7px; padding-left:7px; } .row.padding0 > [class^="col-"],.row.padding0 > [class*=" col-"] { padding-right:0; padding-left:0; } /****************** BOOTBOX STYLING *******************/ .bootbox.modal .modal-dialog { /*position: absolute;*/ /*top: 50%;*/ /*left: 50%;*/ /*transform: translate(-50%, -50%) !important;*/ } .bootbox.modal .modal-header { //width: 100%; } .bootbox.modal .modal-header .modal-title { font-family:Quattrocento; font-size: 15px; letter-spacing:.2rem; /*color: #ffffff;*/ text-decoration: none solid rgb(255, 255, 255); text-transform: uppercase; } .bootbox.modal .modal-header button { height: 26px; } .bootbox.modal .modal-header .close, .close:hover, .close:focus { /* Override the default close button to white */ /*background-size: 2.5rem 2.5rem; background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Cpath d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z" fill="%23fff"/%3E%3C/svg%3E') !important; filter: none;*/ /* Remove default color filter if applied */ } } .bootbox.modal .modal-header .close { /*opacity:1;*/ } .bootbox.modal .modal-header .close:hover, .close:focus { /*filter:alpha(opacity=100); opacity:1; background-color: #9c6a0e;*//*#814e08;*/ } .bootbox.modal .modal-body { /*background-color: #fafafa;*/ max-width: 603px !important; } .bootbox.modal .modal-footer { /*background-color: #fafafa;*/ border:none; text-align:center; } .bootbox.modal .modal-footer .pics-modal-btn-primary { margin-right:20px !important; width:100px; height:33px; } .bootbox.modal .modal-footer .pics-modal-btn-primary-nowidth { margin-right:20px !important; height:33px; /*background-color: #9c6a0e;*/ } .bootbox.modal .modal-footer .pics-modal-btn-default { margin-right:20px !important; width:100px; height:33px; } .bootbox.modal .modal-footer .pics-modal-btn-default:focus { border: 1px dotted #c3c6c9 !important; } .bootbox.modal .modal-footer .pics-modal-btn:last-child { margin-right:0; } #activityDocuments { width:100% !important; } .dxeBase { font-size:14px !important; font-family:"Open Sans", sans-serif !important; } .dxucTextBox { background-color: #e8e8e8; /*border:1px solid #c8c8c8;*/ } .dxucTextBox input[type="file"] { /*border:1px solid #c8c8c8;*/ } .dxucBrowseButton, .dxucBrowseButtonHover { background:none !important; } .dxucBrowseButton a, .dx-al .dxucButton a { color: #fff !important; background-color: #2b52a3; border-color: #2b52a3; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; /*border: 1px solid transparent;*/ border-radius:0; } .dx-al .dxucButton a:hover, .dx-al .dxucButton a:focus, .dxucBrowseButton a:hover, .dxucBrowseButton a:focus, .dxucBrowseButton a:active, .dxucBrowseButton a.active, .open > .dropdown-toggle.dxucBrowseButton a { color: #fff; background-color: #325c8a !important; border-color: #325c8a !important; } .dx-al .dxucButton a:hover, .dx-al .dxucButton a:focus { text-decoration:none; } .dxucBrowseButton a:active, .dxucBrowseButton a.active, .open > .dropdown-toggle.dxucBrowseButton a { background-image: none; } .dx-al .dxucButton.dxucDisabled a, .dx-al .dxucButton.dxucDisabled a:hover, .dx-al .dxucButton.dxucDisabled a:focus, .dxucBrowseButton a.disabled, .dxucBrowseButton a[disabled], .dxucBrowseButton a.disabled:hover, .dxucBrowseButton a[disabled]:hover, .dxucBrowseButton a.disabled:focus, .dxucBrowseButton a[disabled]:focus, .dxucBrowseButton a.disabled:active, .dxucBrowseButton a[disabled]:active, .dxucBrowseButton a.disabled.active, .dxucBrowseButton a[disabled].active, .dxucBrowseButton a.disabled, .dxucBrowseButton a[disabled], fieldset[disabled] .dxucBrowseButton a, .dxucBrowseButton a.disabled:hover, .dxucBrowseButton a[disabled]:hover, fieldset[disabled] .dxucBrowseButton a:hover, .dxucBrowseButton a.disabled:focus, .dxucBrowseButton a[disabled]:focus, fieldset[disabled] .dxucBrowseButton a:focus, .dxucBrowseButton a.disabled:active, .dxucBrowseButton a[disabled]:active, fieldset[disabled] .dxucBrowseButton a:active, .dxucBrowseButton a.disabled.active, .dxucBrowseButton a[disabled].active, fieldset[disabled] .dxucBrowseButton a.active { background-color: rgba(34,63,94,0.75) !important; border-color: rgba(34,63,94,0.75) !important; } .dx-al .dxucButton a .badge, .dxucBrowseButton a .badge { color: #0068bd; background-color: #fff; } .dxucBrowseButton { padding-right:0 !important; } .dx-al > table { width:100%; } .dx-al > table > tbody > tr > td { text-align:right; } .dxucFileList li { font-family:"Open Sans", sans-serif; font-size:14px; margin-top:1px; } .dxRB.dxucButton a { color:rgba(0,0,0,0.5); } .dxRB.dxucButton a:hover, .dxRB.dxucButton a:focus { color:#a94442; text-decoration:none; } .dxRB.dxucButton a:after { content:'\f1f8'; font-family:fontAwesome; margin:0 0 0 10px; } .dxucInputs tbody, .dxucInputs tr, .dxucInputs td { background-color:transparent; } .dxucInputs { /*background-image: url('../Images/drag-and-drop-files-here_bg.png'); missing file*/ background-position: center; background-repeat: no-repeat; } .table-borderless>thead>tr>th .table-borderless>thead>tr>td .table-borderless>tbody>tr>th .table-borderless>tbody>tr>td .table-borderless>tfoot>tr>th .table-borderless>tfoot>tr>td { border: none; } /* not sure why this class was created but it makes the header fonts on the invoice details page rather large */ /*.table th { font-size:1.1rem; } */ .dataTables_filter input { width:250px !important; } .fa-flag, .fa-flag-o, .fa-flag-checkered{ color:var(--bs-danger) !important; } /*PANEL bs3*/ .panel-primary > .panel-heading { color: #fff; background-color: #9c6a0e; border-color: #9c6a0e; } .panel-primary > .panel-heading .badge { color: #9c6a0e; background-color: #fff; } .panel-default { border-color: #efefef !important; } .panel-default > .panel-heading { color: #4c4c4c; border: none; background-color: #f7f7f7; } .panel-heading { border-radius: 0; padding: 5px; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid #efefef; } .panel-title { margin-bottom: 0px; } /*Accordion BS 5*/ .accordion { margin-bottom:10px; } h2.accordion-header, .accordion-header h2, .accordion-button h2 { margin-top: 0.5rem; } h2.card-header, h3.card-header, h4.card-header, h5.card-header, .card-header h2, .card-header h3, .card-header h4, .card-header h5 { margin: 0; /* padding-top: .9rem; */} h2.card-header, h3.card-header, h4.card-header, h5.card-header, .card-header h2, .card-header h3, .card-header h4, .card-header h5, h2.accordion-header, h3.accordion-header, h4.accordion-header, h5.accordion-header, .accordion-header h2, .accordion-header h3, .accordion-header h4, .accordion-header h5 { display: inline-flex; } /*button:not(.btn-next):has(>:first-child.fa) { border: 0px; background-color: inherit; }*/ .address1-row, .address2-row { word-break:break-word; } /*Modals form BS5*/ .modal .modal-header h1, .modal .modal-header h2, .modal .modal-header h3, .modal .modal-header h4, .modal .modal-header h5, .modal .modal-header h6 { margin-top: 0px; margin-bottom: 0px; } .modal .modal-header .btn-close { /*opacity: .65;*/ opacity:1; } .modal .modal-header .btn-close:hover, .modal .modal-header .btn-close:focus { /*opacity: 1;*/ opacity:1; } /*misc BS 5 overrides*/ /*override background blue in dropdowns - color !important using in a so need here too */ /*.dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus { background-color: rgb(156, 106, 14); color: #fff !important; }*/ /* unset the border applied by bs*/ .form-select:focus { border: unset !important; box-shadow: unset !important; } /*fix Color contrast*/ .page-link.disabled, .disabled > .page-link { background-color: #fff !important; color: #333 !important; } /*:not(.btn-check):not(.btn-circle) + .btn:not(.btn-check):not(.btn-circle):active, :not(.btn-check):not(.btn-circle) .btn:not(.btn-check):not(.btn-circle):hover { background-color: #9c6a0e !important;*//*#814e08;*/ /*color: #fff !important; } header .btn:hover, header .btn:active, header .btn:focus { background-color:unset !important; }*/ /* body { -webkit-text-size-adjust:auto; } */ input[type=date] { width:140px; font-size:14px; } /* options available for input type datepicker ::-webkit-datetime-edit ::-webkit-datetime-edit-fields-wrapper ::-webkit-datetime-edit-text ::-webkit-datetime-edit-year-field ::-webkit-datetime-edit-month-field ::-webkit-datetime-edit-week-field ::-webkit-datetime-edit-day-field ::-webkit-datetime-edit-hour-field ::-webkit-datetime-edit-minute-field ::-webkit-datetime-edit-second-field ::-webkit-datetime-edit-millisecond-field ::-webkit-datetime-edit-ampm-field ::-webkit-inner-spin-button ::-webkit-calendar-picker-indicator */ a:has(>:first-child.fa-2x):not(.dropdown-no-caret) { margin-right: 10px; } button,input,select,textarea { /*font-family: inherit;*/ font-size: 14px; /*line-height: inherit*/ } .nav-tabs > li:not(.active) > .nav-link { color: var(--bs-primary); background-color: var(--bs-white); } .nav-tabs > li.active > .nav-link { color: var(--bs-white); background-color: var(--bs-primary); } .nav-tabs > li:not(.active) > .nav-link:hover, .hList_tabs > li:not(.active) > .nav-link:focus { background-color: var(--bs-primary-100); color: var(--bs-black); } .nav-tabs > li:not(.active) > .nav-link:hover > .badge, .hList_tabs > li:not(.active) > .nav-link:focus > .badge { background-color: var(--bs-black); color: var(--bs-white); } button[aria-disabled=true], button[aria-disabled=true] i { opacity: 0.8; cursor: unset; color: #434343 !important; } /*fuelux*/ .radio-custom, .checkbox-custom { margin-left: -20px } .radio-custom input[type=radio], .checkbox-custom input[type=checkbox] { position: absolute; left: -9999em; } .radio-custom > i:before, .checkbox-custom > i:before { font-size: 1.333em; vertical-align: -10%; margin-left: 0; margin-right: 4px; color: #ddd } .radio-custom > i.checked:before, .checkbox-custom > i.checked:before { color: #13c4a5 } .radio-custom > i.disabled:before, .checkbox-custom > i.disabled:before { color: #eee } .radio-custom > i.checked:before { content: '\f111'; } .checkbox-custom > i.checked:before { content: '\f046'; } .spinner .input-group-btn { display: table-cell; min-width: 25px } .spinner .input-group-btn .btn { width: 25px; padding: 0; font-size: 12px; margin-left: -1px; line-height: 1; height: 19px; overflow: hidden; border-radius: 0 4px 0 0 !important; } .spinner .input-group-btn .btn + .btn { height: 20px; border-radius: 0 0 4px 0 !important; } .spinner .input-sm + .input-group-btn .btn { font-size: 10px; height: 15px; } .spinner .input-sm + .input-group-btn .btn + .btn { height: 16px; } .select { position: relative; display: inline-block; } .pillbox { border: 1px solid #e0e4e8; padding: 10px; border-radius: 4px } .pillbox ul { margin: 0; list-style: none; padding: 0; } .pillbox li { display: inline-block; font-size: 12px; color: #fff; ; padding: 6px 8px; cursor: pointer; margin: 2px; float: left; } .pillbox li:after { content: " x"; font-size: 11px; font-weight: normal; opacity: 0.6; filter: alpha(opacity=60); } .pillbox li:hover:after { opacity: 0.9; filter: alpha(opacity=90); } .pillbox input { border: none; outline: 0; min-height: 24px; width: auto; display: inline-block; box-shadow: none; background: transparent; } .datagrid tfoot th { font-weight: normal; } .datagrid tfoot .grid-pager .combobox { max-width: 80px; position: relative; top: 10px } .datagrid tfoot .grid-pager .combobox input { width: 40px } .datagrid tfoot .dropdown-menu { min-width: 60px; text-align: left; } .datagrid tbody { height: 256px; overflow: hidden; overflow-y: auto } #selectTextSize { position: absolute; top: 0; display: none; visibility: hidden; } .wizard { font-size: 14px; padding: 0; background-color: #f7f8f9; border-bottom: 1px solid #e0e4e8; } .wizard .badge { margin-right: 4px; } .wizard .badge-info { background-color: #5191d1; } .wizard .badge-success { background-color: #3fcf7f; } .wizard ul li.complete, .wizard ul li.complete:hover { cursor: pointer; background: #f1f5f9; } .wizard ul li.complete:after { border-left-color: #f1f5f9; } .wizard ul { padding: 0; margin: 0; list-style: none outside none; } .wizard ul li { position: relative; float: left; padding: 0 15px 0 25px; margin: 0; color: #999999; cursor: default; height: 40px; line-height: 40px; } .wizard.wizard-vertical { float: left; border-bottom: none } .wizard.wizard-vertical + .step-content { zoom: 1; overflow: hidden; padding-left: 40px } .wizard.wizard-vertical ul li { position: relative; float: none; border-bottom: 1px solid #e0e4e8; padding-left: 15px; } .wizard.wizard-vertical ul li:last-child { } .wizard ul li:first-child { padding-left: 15px; border-radius: 4px 0 0 0; } .wizard .actions { float: right; margin: 8px 10px 0 0; } .wizard ul li:before, .wizard ul li:after { content: ""; position: absolute; top: -1px; bottom: -1px; right: -10px; border: 20px solid transparent; border-right: 0; border-left: 10px solid #e0e4e8; z-index: 1; } .wizard ul li:after { right: -9px; border-left-color: #f7f8f9; z-index: 2; } .wizard ul li.active { color: #3a87ad; background: #fff; } .wizard ul li.active:after { border-left-color: #fff; } .step-content { padding: 15px; } .step-content .step-pane { display: none; } .step-content .step-pane.active { display: inherit; } /*! * Slider for Bootstrap */ .slider { display: inline-block; vertical-align: middle; position: relative; } .slider.slider-horizontal { width: 210px; height: 20px; } .slider.slider-horizontal .slider-track { height: 10px; width: 100%; margin-top: -5px; top: 50%; left: 0; } .slider.slider-horizontal .slider-selection { height: 100%; top: 0; bottom: 0; } .slider.slider-horizontal .slider-handle { margin-left: -10px; margin-top: -5px; } .slider.slider-horizontal .slider-handle.triangle { border-width: 0 10px 10px 10px; width: 0; height: 0; border-bottom-color: #0480be; margin-top: 0; } .slider.slider-vertical { height: 210px; width: 20px; } .slider.slider-vertical .slider-track { width: 10px; height: 100%; margin-left: -5px; left: 50%; top: 0; } .slider.slider-vertical .slider-selection { width: 100%; left: 0; top: 0; bottom: 0; } .slider.slider-vertical .slider-handle { margin-left: -5px; margin-top: -10px; } .slider.slider-vertical .slider-handle.triangle { border-width: 10px 0 10px 10px; width: 1px; height: 1px; border-left-color: #0480be; margin-left: 0; } .slider input { display: none; } .slider .tooltip-inner { white-space: nowrap; } .slider-track { position: absolute; cursor: pointer; background-color: #e0e4e8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .slider-selection { position: absolute; background-color: #f3f4f5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .slider-handle { position: absolute; width: 20px; height: 20px; background-color: #13c4a5; opacity: 0.8; border: 0px solid transparent; } .slider-handle.round { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .slider-handle.triangle { background: transparent none; } /*! * Datepicker for Bootstrap * * Copyright 2012 Stefan Petre * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */ .datepicker { top: 0; left: 0; padding: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: 1010; /*.dow { border-top: 1px solid #ddd !important; }*/ } .datepicker:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 6px; } .datepicker:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 7px; } .datepicker > div { display: none; } .datepicker table { width: 100%; margin: 0; } .datepicker td, .datepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .datepicker td.day:hover { background: #eeeeee; cursor: pointer; } .datepicker td.day.disabled { color: #eeeeee; } .datepicker td.old, .datepicker td.new { color: #ccc; } .datepicker td.active, .datepicker td.active:hover { color: #ffffff; background-color: #13c4a5; color: #fff; } .datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:focus, .datepicker td.active:hover:focus, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled] { color: #ffffff; background-color: #13c4a5; } .datepicker td span { display: block; width: 47px; height: 43px; line-height: 43px; float: left; margin: 2px; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .datepicker td span:hover { background: #eeeeee; } .datepicker td span.active { color: #ffffff; background-color: #13c4a5; } .datepicker td span.active:hover, .datepicker td span.active:focus, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled] { color: #ffffff; background-color: #13c4a5; } .datepicker td span.old { color: #999999; } .datepicker th.switch { width: 145px; } .datepicker th.next, .datepicker th.prev { font-size: 21px; } .datepicker thead tr:first-child th { cursor: pointer; } .datepicker thead tr:first-child th:hover { background: #eeeeee; } .input-append.date .add-on i, .input-prepend.date .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; } /*! * FullCalendar v1.6.1 Stylesheet * Docs & License: http://arshaw.com/fullcalendar/ * (c) 2013 Adam Shaw */ .fc { direction: ltr; text-align: left; } .fc table { border-collapse: collapse; border-spacing: 0; } html .fc, .fc table { font-size: 1em; } .fc td, .fc th { padding: 0; vertical-align: top; } /* Header ------------------------------------------------------------------------*/ .fc-header { background: #f7f8f9 } .fc-header td { padding: 12px 10px 0 10px; white-space: nowrap; } .fc-header-left { width: 25%; text-align: left; } .fc-header-center { text-align: center; } .fc-header-right { width: 25%; text-align: right; } .fc-header-title { display: inline-block; vertical-align: top; } .fc-header-title h2 { font-size: 16px; margin-top: 6px; margin-bottom: 0; white-space: nowrap; } .fc .fc-header-space { padding-left: 10px; } .fc-header .fc-button { margin-bottom: 1em; vertical-align: top; } /* buttons edges butting together */ .fc-header .fc-button { margin-right: -1px; } .fc-header .fc-corner-right, /* non-theme */ .fc-header .ui-corner-right { /* theme */ margin-right: 0; /* back to normal */ } /* button layering (for border precedence) */ .fc-header .fc-state-hover, .fc-header .ui-state-hover { z-index: 2; } .fc-header .fc-state-down { z-index: 3; } .fc-header .fc-state-active, .fc-header .ui-state-active { z-index: 4; } /* Content ------------------------------------------------------------------------*/ .fc-content { clear: both; } .fc-view { width: 100%; /* needed for view switching (when view is absolute) */ overflow: hidden; } /* Cell Styles ------------------------------------------------------------------------*/ .fc-widget-header, /* , usually */ .fc-widget-content { /* , usually */ border: 1px solid #ddd; } .fc-state-highlight { /* today cell */ /* TODO: add .fc-today to */ background: #fcf8e3; } .fc-cell-overlay { /* semi-transparent rectangle while dragging */ background: #bce8f1; opacity: .3; filter: alpha(opacity=30); /* for IE */ } /* Buttons ------------------------------------------------------------------------*/ .fc-button { position: relative; display: inline-block; padding: 0 .6em; overflow: hidden; height: 1.9em; line-height: 1.8em; white-space: nowrap; cursor: pointer; } .fc-state-default { /* non-theme */ border: 1px solid; } .fc-state-default.fc-corner-left { /* non-theme */ border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .fc-state-default.fc-corner-right { /* non-theme */ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } /* Our default prev/next buttons use HTML entities like ‹ › « » and we'll try to make them look good cross-browser. */ .fc-text-arrow { margin: 0 .1em; font-size: 2em; line-height: 0.85; font-family: "Courier New", Courier, monospace; vertical-align: baseline; /* for IE7 */ } .fc-button-prev .fc-text-arrow, .fc-button-next .fc-text-arrow { /* for ‹ › */ font-weight: bold; } /* icon (for jquery ui) */ .fc-button .fc-icon-wrap { position: relative; float: left; top: 50%; } .fc-button .ui-icon { position: relative; float: left; margin-top: -50%; *margin-top: 0; *top: -50%; } /* button states borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/) */ .fc-state-default { background-color: #fff; border-color: #c3c6c9; color: #657483; box-shadow: inset 0 -2px 0 rgba(0,0,0,0.05); } .fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled { color: #333333; background-color: #f7f8f9; } .fc-state-hover { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .fc-state-down, .fc-state-active { background-color: #f7f8f9; background-image: none; outline: 0; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .fc-state-disabled { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); box-shadow: none; } /* Global Event Styles ------------------------------------------------------------------------*/ .fc-event { background-color: #5191d1; /* default BACKGROUND color */ color: #fff; /* default TEXT color */ font-size: .85em; cursor: default; padding: 4px 6px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } a.fc-event { text-decoration: none; } a.fc-event, .fc-event-draggable { cursor: pointer; } .fc-rtl .fc-event { text-align: right; } .fc-event-inner { width: 100%; height: 100%; overflow: hidden; } .fc-event-time, .fc-event-title { padding: 0 1px; } .fc .ui-resizable-handle { display: block; position: absolute; z-index: 99999; overflow: hidden; /* hacky spaces (IE6/7) */ font-size: 300%; /* */ line-height: 50%; /* */ } /* Horizontal Events ------------------------------------------------------------------------*/ .fc-event-hori { border-width: 1px 0; margin-bottom: 1px; } .fc-ltr .fc-event-hori.fc-event-start, .fc-rtl .fc-event-hori.fc-event-end { border-left-width: 1px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .fc-ltr .fc-event-hori.fc-event-end, .fc-rtl .fc-event-hori.fc-event-start { border-right-width: 1px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } /* resizable */ .fc-event-hori .ui-resizable-e { top: 0 !important; /* importants override pre jquery ui 1.7 styles */ right: -3px !important; width: 7px !important; height: 100% !important; cursor: e-resize; } .fc-event-hori .ui-resizable-w { top: 0 !important; left: -3px !important; width: 7px !important; height: 100% !important; cursor: w-resize; } .fc-event-hori .ui-resizable-handle { _padding-bottom: 14px; /* IE6 had 0 height */ } /* Reusable Separate-border Table ------------------------------------------------------------*/ table.fc-border-separate { border-collapse: separate; } .fc-border-separate th, .fc-border-separate td { border-width: 1px 0 0 1px; } .fc-border-separate th.fc-last, .fc-border-separate td.fc-last { border-right-width: 1px; } .fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td { border-bottom-width: 1px; } .fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th { border-top-width: 0; } /* Month View, Basic Week View, Basic Day View ------------------------------------------------------------------------*/ .fc-grid th { text-align: center; } .fc .fc-week-number { width: 22px; text-align: center; } .fc .fc-week-number div { padding: 0 2px; } .fc-grid .fc-day-number { float: right; padding: 0 2px; } .fc-grid .fc-other-month .fc-day-number { opacity: 0.3; filter: alpha(opacity=30); /* for IE */ /* opacity with small font can sometimes look too faded might want to set the 'color' property instead making day-numbers bold also fixes the problem */ } .fc-grid .fc-day-content { clear: both; padding: 2px 2px 1px; /* distance between events and day edges */ } /* event styles */ .fc-grid .fc-event-time { font-weight: bold; } /* right-to-left */ .fc-rtl .fc-grid .fc-day-number { float: left; } .fc-rtl .fc-grid .fc-event-time { float: right; } /* Agenda Week View, Agenda Day View ------------------------------------------------------------------------*/ .fc-agenda table { border-collapse: separate; } .fc-agenda-days th { text-align: center; } .fc-agenda .fc-agenda-axis { width: 50px; padding: 0 4px; vertical-align: middle; text-align: right; white-space: nowrap; font-weight: normal; } .fc-agenda .fc-week-number { font-weight: bold; } .fc-agenda .fc-day-content { padding: 2px 2px 1px; } /* make axis border take precedence */ .fc-agenda-days .fc-agenda-axis { border-right-width: 1px; } .fc-agenda-days .fc-col0 { border-left-width: 0; } /* all-day area */ .fc-agenda-allday th { border-width: 0 1px; } .fc-agenda-allday .fc-day-content { min-height: 34px; /* TODO: doesnt work well in quirksmode */ _height: 34px; } /* divider (between all-day and slots) */ .fc-agenda-divider-inner { height: 2px; overflow: hidden; } .fc-widget-header .fc-agenda-divider-inner { background: #eee; } /* slot rows */ .fc-agenda-slots th { border-width: 1px 1px 0; } .fc-agenda-slots td { border-width: 1px 0 0; background: none; } .fc-agenda-slots td div { height: 20px; } .fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td { border-top-width: 0; } .fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td { border-top-style: dotted; } .fc-agenda-slots tr.fc-minor th.ui-widget-header { *border-top-style: solid; /* doesn't work with background in IE6/7 */ } /* Vertical Events ------------------------------------------------------------------------*/ .fc-event-vert { border-width: 0 1px; } .fc-event-vert.fc-event-start { border-top-width: 1px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .fc-event-vert.fc-event-end { border-bottom-width: 1px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .fc-event-vert .fc-event-time { white-space: nowrap; font-size: 10px; } .fc-event-vert .fc-event-inner { position: relative; z-index: 2; } .fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */ position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: .25; filter: alpha(opacity=25); } .fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */ .fc-select-helper .fc-event-bg { display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */ } /* resizable */ .fc-event-vert .ui-resizable-s { bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */ width: 100% !important; height: 8px !important; overflow: hidden !important; line-height: 8px !important; font-size: 11px !important; font-family: monospace; text-align: center; cursor: s-resize; } .fc-agenda .ui-resizable-resizing { /* TODO: better selector */ _overflow: hidden; } /*parsely*/ .parsley-error-list { margin: 0; padding: 0; list-style: none; margin-top: 6px; font-size: 12px } .parsley-error { border-color: #ff5f5f !important } /************************* DATATABLES ADJUSTMENTS **************************/ /*** DT: WRAPPER ***/ .dataTables_wrapper { position: relative; } /*.dataTables_wrapper .table{ border: 1px solid #e0e4e8; border-width: 1px 0; }*/ .dataTables_wrapper label { font-weight: normal; font-size: 12px; display: block; margin-bottom: 0 } .dataTables_wrapper select, .dataTables_wrapper input { font-size: .8rem; height: 30px; padding: 5px 10px; border-radius: 3px; display: inline; border: 1px solid #ccc; outline: 0 } .dataTables_wrapper select { width: 75px; } .dataTables_wrapper input { width: 200px; } .dataTables_wrapper .paginate_active { background-color: #f5f5f5 } .dataTables_wrapper .paginate_button_disabled { color: #ccc; background-color: #fafafa } .dataTables_wrapper th { cursor: auto; outline: 0; } .dataTables_wrapper th:not(.sorting_disabled) { cursor: pointer; outline: 0 } .dataTables_wrapper th:after { font-family: FontAwesome; color: #666; position: relative; float: right; font-weight: normal; } .dataTables_wrapper .sorting:after { content: "\f0dc"; color: #ccc; } .dataTables_wrapper .sorting_asc:after { content: "\f0de"; } .dataTables_wrapper .sorting_desc:after { content: "\f0dd"; } /*Sort icons :after th*/ .dataTables_wrapper .sorting:after { color: var(--bs-gray-600) !important; } .dataTables_wrapper .sorting:hover:after { color: var(--bs-gray-800) !important; } .dataTables_wrapper .table { border-color: var(--bs-table-border-color); /*unset to allow bs to handle*/ } .dataTables_wrapper label { font-size: .9rem !important; } /*** DT: PAGINATION ***/ .dataTables_paginate.pagination-sm .paginate_button, .dataTables_paginate.pagination-sm .paginate_active { padding: 3px 8px; } /*** DT: PAGINATION: BUTTON Tooltips Removed per Cecilia 3:32 PM: "Eiden, Nick Sherman, Shelly Tooltips are not required to satisfy WCAG 2.4.4. Properly labeled pagination icons with ARIA attributes will satisfy this requirement. Adding tooltips here again is not needed for WCAG compliance, and honestly adds no added value." ***/ /*.paginateToolTip .tooltip-inner{ padding: .15rem .25rem !important;*/ /* word-break:break-word; word-wrap:break-word;*/ /*} .pull-right:has(.dataTables_paginate), .pull-left:has(.dataTables_info) {*/ /* needs room for tooltip to display either top or bottom without covering content */ /*padding-top:25px;*/ /*padding-bottom:15px; }*/ /* if vp does happen to cause left or right placement then adjust down to not cover content */ /*.paginateToolTip[data-popper-placement=right] {*/ /*first,next*/ /*top:21px !important;*/ /*margin-left:-2px !important; margin-right:0px !important;*/ /*} .paginateToolTip[data-popper-placement=left] {*/ /*next,first*/ /*top:21px !important;*/ /*margin-left:0px !important; margin-right:-2px !important; */ /*}*/ /***DT: PAGINATION: BUTTON DEFAULTS***/ .dataTables_paginate .paginate_button, .dataTables_paginate .paginate_active { border-right-width: 1px !important; } .paginate_button { margin-left: 2px !important; margin-right: 2px !important; } .paginate_button.active, .paginate_button.current { font-weight: bold; color: var(--bs-white) !important; background-color: var(--bs-gray-700) !important; } .paginate_button.first { border-radius: 3px 0 0 3px; } .paginate_button.last { border-radius: 0 3px 3px 0; border-right-width: 1px; } .paginate_button.disabled, .paginate_button.current { background-color: var(--bs-gray-100); color: var(--bs-black); cursor: pointer; border: 1px solid var(--bs-gray-600); border-right-width: 0; background: var(--bs-gray-100); padding: 8px 7px 10px 6px; /* any wider and there will be DA reflow issues */ } .paginate_button.last.disabled { border-right-width: 1px; } .paginate_button.current { font-weight: bold; } .dataTables_paginate .paginate_button .fa { color: var(--bs-gray-600); } .dataTables_paginate .paginate_button:not(.disabled):not(.current) .fa, .dataTables_paginate .paginate_button:not(.disabled):not(.current) .fa, .dataTables_paginate .paginate_button:not(.disabled):not(.current) .fa { background-color: var(--bs-white) !important; color: var(--bs-primary) !important; cursor: pointer; } .dataTables_paginate .paginate_button:not(.disabled):not(.current), .dataTables_paginate .paginate_button:not(.disabled):not(.current), .dataTables_paginate .paginate_button:not(.disabled):not(.current) { background-color: var(--bs-white) !important; color: var(--bs-black) !important; /*color: var(--bs-primary) !important;*/ cursor: pointer; border: 1px solid var(--bs-gray-600); background: var(--bs-gray-100); padding: 8px 7px 10px 6px; /* any wider and there will be DA reflow issues */ } /*DT: PAGINATION: BUTTON active/focus/hover*/ .dataTables_paginate .paginate_button:active, .dataTables_paginate .paginate_button:focus, .dataTables_paginate .paginate_button:hover { /*border: solid 2px #000 !important;*/ outline: 2px dotted #000 !important; outline-offset: -5px !important; } .dataTables_paginate .paginate_button:not(.disabled):not(.current):focus .fa, .dataTables_paginate .paginate_button:not(.disabled):not(.current):active .fa, .dataTables_paginate .paginate_button:not(.disabled):not(.current):hover .fa { background: var(--bs-primary) !important; color: var(--bs-white) !important; } .dataTables_paginate .paginate_button:not(.disabled):not(.current):hover, .dataTables_paginate .paginate_button:not(.disabled):not(.current):focus, .dataTables_paginate .paginate_button:not(.disabled):not(.current):active { outline: 2px dotted #fff !important; background: var(--bs-primary) !important; color: var(--bs-white) !important; } /*using pure css for this instead of bootstrap tooltip since it needs init */ .dataTables_paginate { position: relative; /*set relative position for absolute hover states*/ } /*.dataTables_paginate .paginate_tip{ display:none; top: 100%;*/ /* Position below the element */ /*left: 0; background-color: rgb(var(--bs-warning-100-rgb)); color: black; padding: 2px; border-radius: 2px; border:1px solid black; font-size: 10px; white-space: nowrap; z-index: 1000; text-transform: uppercase; filter:brightness(1.1); }*/ /*.dataTables_paginate [data-title]:active .paginate_tip, .dataTables_paginate [data-title]:focus .paginate_tip, .dataTables_paginate [data-title]:hover .paginate_tip { display:inline; } .dataTables_paginate [data-title][data-title-position=right]:active .paginate_tip, .dataTables_paginate [data-title][data-title-position=right]:focus .paginate_tip, .dataTables_paginate [data-title][data-title-position=right]:hover .paginate_tip { position: absolute; top: 95%;*/ /* Position below the element */ /*left: 10%;*/ /* Position after the element */ /*} .dataTables_paginate [data-title][data-title-position=left]:active .paginate_tip, .dataTables_paginate [data-title][data-title-position=left]:focus .paginate_tip, .dataTables_paginate [data-title][data-title-position=left]:hover .paginate_tip { position: absolute; top: 95%;*/ /* Position below the element */ /*left: 30%;*/ /* works because text for buttons are relatively same size */ /*}*/ /*** DT: PROCESSING ***/ .dataTables_processing { position: absolute; top: 150px; /*this is 150 from the top of the main css template layout*/ left: 50%; width: 350px; margin-left: -175px; padding: 30px; text-align: center; font-size: 14px; color: var(--bs-primary-800); border: 1px solid var(--bs-secondary-900); background-color: var(--bs-secondary-100); z-index: 1; } /*** DT: FILTER (Search) ***/ .dataTables_filter, .dataTables_paginate { float: right; } .dataTables_length, .dataTables_filter { padding: 15px 0px; } /*.dataTables_paginate{padding: 10px 0px;}*/ .dataTables_filter input { width: 100% !important; } @media (min-width: 400px) { .dataTables_filter input { width: 300px !important; } } .dataTables_filter { float: left !important; padding-left: 0 !important; padding-right: 0 !important; padding-top: 5px; width: 95%; } /*.pull-left .dataTables_filter { padding-left:0 !important;} .pull-right .dataTables_filter { padding-right:0 !important;}*/ /* DA compliance switter 08/09/2024*/ /* for datatables not using the data table wrapper (intepreter search) */ .dataTables_filter #FilterButton span, #FilterButton span, #FilterButtonClose span { color: rgba(0,0,0,0.75); } .dataTables_filter #FilterButton span:hover, #FilterButton span:hover, #FilterButtonClose span:hover { color: rgba(0,0,0,1); } .dataTables_filter #FilterButton:hover, #FilterButton:hover { text-decoration: none; } /*** DT: FILTER - SEARCH ***/ .dataTables_filter input[type=search] { margin-left: 4px; /*make room for active,focus,hover outline*/ } /*** DT: FILTERS (Sidebar) ***/ a.filter-header { color: var(--bs-secondary-800-rgb) !important; background-color: rgba(var(--bs-primary-100-rgb), 0.70); padding: 4px; width: 100%; display: block; margin-top: 4px; margin-bottom: 4px; text-decoration: none; } a.filter-header:hover, a.filter-header:focus, a.filter-header:active { text-decoration: none; } /*appy overflow-y but make space for checkbox hover,focus outlines while in same position*/ .filter-overflow-y { overflow-y: auto; position: relative; left: -5px; top: -3px; padding-left: 5px; padding-top: 3px; } #filters-column h1, #filters-column h2, #filters-column h3, #filters-column h4, #filters-column h5, #filters-column h6 { font-size: 1.25rem; margin-top: 3px; } #clearAllFilters { margin-top: 15px; } /*** DT: Table Headers TH ***/ table thead th[class=sorting]:active, table thead th[class=sorting]:focus, table thead th[class=sorting]:hover, table thead th[class=sorting_asc]:active, table thead th[class=sorting_asc]:focus, table thead th[class=sorting_asc]:hover, table thead th[class=sorting_desc]:active, table thead th[class=sorting_desc]:focus, table thead th[class=sorting_desc]:hover { outline: 2px dotted #000 !important; outline-offset: -5px !important; } /*** DT: other ***/ .mjb-datatables-ellipse { outline: 0; /* border: 1px solid #dddddd; */ /* border-right-width: 0;*/ background: #fff; padding: 6px 10px; } /* .dataTables_length {float: left;} don't override datatable class. instead wrap in datatable options setup via: dom:<"pull-left"l> */ /*.dataTables_info {float: left;} don't override datatable class. instead wrap in datatable options setup via: dom:<"pull-left"i> */ /************************* END DATATABLES ADJUSTMENTS **************************/ /*Timeline*/ .timeline { display: table; width: 100%; border-spacing: 0; table-layout: fixed; position: relative; border-collapse: collapse; } .timeline:before { content: ""; width: 6px; margin-left: -4px; position: absolute; left: 50%; top: 0; bottom: 30px; background-color: #ddd; z-index: 0; } .timeline-item { display: table-row; } .timeline-caption { display: table-cell; vertical-align: top; width: 50%; } .timeline-item:before, .timeline-item.alt:after { content: ""; display: block; width: 50%; } .timeline-item.alt:before { display: none } .timeline-item .panel { padding: 15px } .timeline-date { position: absolute; width: 150px; left: -200px; top: 3px; text-align: right; } .timeline-icon { position: absolute; left: -41px; top: -2px; } .time-icon { width: 30px; height: 30px; display: inline-block !important; z-index: 10; border: 2px solid #fff; line-height: 26px; border-radius: 20px; text-align: center; background-color: #898989 } .time-icon:before { font-size: 16px; color: #fff } .timeline-caption .panel { display: inline-block; position: relative; margin-left: 25px; position: relative; text-align: left; } .timeline-item.alt { text-align: right; } .timeline-item.alt .panel { margin-right: 25px; margin-left: 0 } .timeline-item.alt .timeline-date { left: auto; right: -200px; text-align: left; } .timeline-item.alt .timeline-icon { left: auto; right: -41px; } .timeline-caption h5 { margin: 0 } .timeline-caption h5 span { display: block; color: #999; margin-bottom: 4px; font-size: 12px } .active .timeline-caption h5 span { color: #fff } .timeline-item.active { display: table-caption; text-align: center; } .timeline-item.active:before { width: 1% } .active .timeline-caption { display: inline-block; width: auto; } .timeline-item.active .panel { margin-left: 0 } .active .timeline-date, .active .timeline-icon { position: static; margin-bottom: 10px; display: inline-block; width: auto; } .timeline-caption p { font-size: 12px; margin-bottom: 0; margin-top: 10px; } .timeline-footer { display: table-row; } .timeline-footer a { display: table-cell; text-align: right; } .timeline-footer .time-icon { margin-right: -15px; z-index: 5 } .select2-container .select2-choice { height: 30px; line-height: 28px; border: 1px solid #ccc; border-radius: 2px } .select2-container .select2-choice div { background-color: transparent; background-image: none; border-left: none; } .select2-container .select2-choice div b { background: none; position: relative; } .select2-container .select2-choice div b:after { content: "\f0d7"; font-family: FontAwesome; color: #aaa; } .select2-dropdown-open .select2-choice div b:after { content: "\f0d8" } .select2-search input { background: #fff; } .select2-search { position: relative; } .select2-search:after { position: absolute; content: "\f002"; font-family: FontAwesome; color: #aaa; right: 5px; top: 4px; width: 18px } .select2-drop.select2-drop-above .select2-search:after { top: 8px; } .select2-container .select2-choice abbr { background: transparent; } .select2-container .select2-choice abbr:after { content: "\f00d"; font-family: FontAwesome; position: absolute; top: -7px; font-size: 11px; color: #aaa } .select2-results .select2-highlighted { background-color: #23d4b5 } .select2-container-multi .select2-choices { border: 1px solid #ccc; border-radius: 3px; padding-top: 2px } .select2-container-multi .select2-choices .select2-search-choice { border: 1px solid #ccc } .select2-search-choice-close { background: transparent; } .select2-search-choice-close:after { content: "\f00d"; font-family: FontAwesome; font-size: 11px; color: #aaa; position: absolute; left: 2px; top: -1px } .gallery img { border-radius: 3px 3px 0 0; } .gallery .item { border-radius: 3px; background-color: #fff; } .gallery .desc { padding: 20px; } .gallery .desc h4 { margin-top: 0 } .gallery .item-media { position: relative; display: block; overflow: hidden; } .gallery .item-media:before { content: ""; background-color: rgba(19,196,125,0.8); position: absolute; left: -100%; width: 100%; bottom: 0; top: 0; vertical-align: middle; text-align: center; border-radius: 3px 3px 0 0; z-index: 2; } .gallery .item-media:after { content: "\f067"; font-family: FontAwesome; font-size: 28px; color: #fff; position: absolute; right: -50%; top: 50%; margin-right: -14px; margin-top: -14px; z-index: 3; } .gallery .item-media:hover:before { left: 0; } .gallery .item-media:hover:after { right: 50%; } .gallery .item-media:before, .gallery .item-media:after { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; /*-ms-transition: all .2s ease-in-out;*/ -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #flotTip { padding: 3px 5px; background-color: #000; z-index: 100; color: #fff; opacity: .7; /*filter: alpha(opacity=70);*/ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /************************* order in Bundle config "~/Content/style.css", - - intended to be bootstrap overrides "~/Content/plugin.css", "~/Content/Site.css", "~/Content/media.css" **************************/ /************************* GLOBALS **************************/ :root { --invoiceDetailTHFontSize: 1rem; --invoiceDetailTHPadding: 3px 10px 3px 5px; --invoiceDetailTHBackgroundColor: rgba(var(--bs-primary-100-rgb),.30) !important; } /************************* FORM ADJUSTMENTS **************************/ input, select, textarea { border-color: var(--bs-gray-500) !important; } /************************* FontAwesome ADJUSTMENTS **************************/ .card-header button:has(.fa), .card-header button.has-fa, .modal-header button:has(.fa), .modal-header button.has-fa { background-color: unset; border: unset; border: 1px solid var(--bs-primary-contrast); } .card-header button:has(.fa):hover, .card-header button.has-fa:hover, .modal-header button:has(.fa):hover, .modal-header button.has-fa { outline: 2px dotted var(--bs-primary-contrast) !important; } .fa { color: var(--bs-primary-600); } .card-header .fa, .modal-header .fa { color: var(--bs-primary-contrast); } .fa.fa-color-100 { color: var(--bs-primary-100) !important; } .bg-primary .fa { color: var(--bs-primary-contrast); } .bg-primary-100 .fa { color: var(--bs-primary-100-contrast); } .bg-primary-200 .fa { color: var(--bs-primary-200-contrast); } .bg-primary-300 .fa { color: var(--bs-primary-300-contrast); } .bg-primary-400 .fa { color: var(--bs-primary-400-contrast); } .bg-primary-600 .fa { color: var(--bs-primary-600-contrast); } .bg-primary-700 .fa { color: var(--bs-primary-700-contrast); } .bg-primary-800 .fa { color: var(--bs-primary-800-contrast); } .bg-primary-900 .fa { color: var(--bs-primary-900-contrast); } .mjb-dark .fa { color: var(--bs-white); } .mjb-link { text-decoration: underline !important; } .mjb-data-failed-validation { outline: 2px solid var(--bs-danger) !important; } fieldset.mjb-bordered-fieldset { all: revert; border: solid 1px #808080; border-radius: 6px; } fieldset.mjb-bordered-fieldset legend { all: revert; font-weight: 600; } /* custom blockUI style displaying the ajax loader defined in site.js */ div.blockMsg { top: 10% !important; left: 45% !important; background-color: #f7f7f7; border: solid 1px #C0C0C0; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 4px; color: #4c4c4c; text-align: center; } /* ajax loader image */ .ajax-loader-image { width: 40px; height: auto; } body { color: #4c4c4c; /* tundora */ font-family: 'Open Sans',sans-serif; min-width: 23.875rem; } fieldset.hidden-border { border: none; } fieldset.hidden-border legend { font-family: 'open sans'; font-weight: bold; font-size: 14px; color: #4c4c4c; } /* Issue: some users will have larger font settings, thus expanding the size of the viewport(reducing the avaiable realestate 23.875rem = 382px; @ 100% 18px to allow resize reflow down to 400px @100% zoom 23.875rem will allow 500px min width Chrome//settings -> appearance --> Font Size */ @media (max-width: 350px) { body { min-width: 19.0rem; } } @media (max-width: 300px) { body { min-width: 15.7rem; } } /********************** START DA enhancements ************************/ /* override the BS border focus color. doesn't meet conlor contrast */ .form-control:focus { border-color: #000 !important; } .mjb-time-format-label { display: flex; flex-direction: row; justify-content: space-between; } .mjb-time-format-label > span { font-style: italic; font-size: 0.9em } .table-hover tbody tr:hover:not(.mjb-table-header) { outline: 2px dotted #000 !important; outline-offset: 2px !important; } /* remove thead "x" search icon from thead type="search" input per DA QA request */ /*input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } */ .mjb-required-field { font-style: italic; } /* fixed table header */ .mjb-fixed-header-table { overflow-y: auto; height: 600px; } .mjb-fixed-header-table table { border-collapse: collapse; width: 100%; } .mjb-fixed-header-table th { position: sticky; top: 0; background: #eee; } .mjb-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .mjb-ul-no-style { padding: 0; list-style-type: none; } .mjb-nowrap-text { white-space: nowrap; } a:focus:not(.mjb-dark), a:focus-visible:not(.mjb-dark), a:hover:not(.mjb-dark) { outline: 2px dotted #000 !important; outline-offset: 2px !important; /* remove the BS box shadow which creates a border on :focus-visible*/ box-shadow: none !important; } a:is(.btn):is(.mjb-dark), button:is(.mjb-dark), input[type="button"]:is(.mjb-dark), input[type="submit"]:is(.mjb-dark), a:is(.mjb-dark), .nav-link:is(.mjb-dark), .nav-item:is(.mjb-dark) { color: #fff !important; } /************** NOT Dark = Black dots */ input[type="file"]:focus:not(.mjb-dark), a:focus:not(.mjb-dark), a:focus-visible:not(.mjb-dark), a:focus:is(.btn):not(.mjb-dark), button:focus:not(.mjb-dark), input[type="email"]:focus:not(.mjb-dark), input[type="search"]:focus:not(.mjb-dark), input[type="text"]:focus:not(.mjb-dark), input[type="date"]:focus:not(.mjb-dark), input[type="time"]:focus:not(.mjb-dark), input[type="number"]:focus:not(.mjb-dark), input[type="radio"]:focus:not(.mjb-dark), select:focus:not(.mjb-dark), textarea:focus:not(.mjb-dark), .dropdown.btn:focus:not(.mjb-dark), input[type="number"]:focus:not(.mjb-dark), input[type="button"]:focus:not(.mjb-dark), input[type="submit"]:focus:not(.mjb-dark), input[type="checkbox"]:focus:not(.mjb-dark), input[type="file"]:hover:not(.mjb-dark), a:hover:not(.mjb-dark), a:hover:is(.btn):not(.mjb-dark), button:hover:not(.mjb-dark), input[type="search"]:hover:not(.mjb-dark), input[type="text"]:hover:not(.mjb-dark), input[type="date"]:hover:not(.mjb-dark), input[type="email"]:hover:not(.mjb-dark), input[type="time"]:hover:not(.mjb-dark), input[type="number"]:hover:not(.mjb-dark), input[type="radio"]:hover:not(.mjb-dark), select:hover:not(.mjb-dark), textarea:hover:not(.mjb-dark), .dropdown.btn:hover:not(.mjb-dark), input[type="button"]:hover:not(.mjb-dark), input[type="submit"]:hover:not(.mjb-dark), input[type="checkbox"]:hover:not(.mjb-dark) { outline: 3px dotted #000 !important; outline-offset: 2px !important; } /************** IS Dark = White dots */ input[type="file"]:hover:is(.mjb-dark), input[type="search"]:hover:is(.mjb-dark), a:hover:is(.btn):is(.mjb-dark), a:hover:is(.mjb-dark), button:hover:is(.mjb-dark), input[type="text"]:hover:is(.mjb-dark), input[type="radio"]:hover:is(.mjb-dark), input[type="date"]:hover:is(.mjb-dark), select:hover:is(.mjb-dark), textarea:hover:is(.mjb-dark), .dropdown.btn:hover:is(.mjb-dark), input[type="button"]:hover:is(.mjb-dark), input[type="submit"]:hover:is(.mjb-dark), input[type="checkbox"]:hover:is(.mjb-dark), input[type="file"]:focus:is(.mjb-dark), input[type="search"]:focus:is(.mjb-dark), a:focus:is(.btn):is(.mjb-dark), a:focus:is(.mjb-dark), button:focus:is(.mjb-dark), input[type="text"]:focus:is(.mjb-dark), input[type="number"]:focus:is(.mjb-dark), input[type="radio"]:focus:is(.mjb-dark), input[type="date"]:focus:is(.mjb-dark), select:focus:is(.mjb-dark), textarea:focus:is(.mjb-dark), .dropdown.btn:focus:is(.mjb-dark), input[type="button"]:focus:is(.mjb-dark), input[type="submit"]:focus:is(.mjb-dark), input[type="checkbox"]:focus:is(.mjb-dark) { outline: 3px dotted #fff !important; outline-offset: 2px !important; } /* DataTable pagination outline needs to be lighter for the active button with focus */ .dataTables_wrapper .pull-right .dataTables_paginate .active.paginate_button:focus, .dataTables_wrapper .pull-right .dataTables_paginate .active.paginate_button:hover { outline: 2px dotted whitesmoke !important; outline-offset: -5px !important; } .dataTables_wrapper .pull-right .dataTables_paginate .paginate_button.active { background-color: var(--bs-primary-900) !important; } .mb-3 > label { margin-bottom: 8px; } /********************** END DA enhancements ************************/ /* Set padding to keep content from hitting the edges */ .body-content { padding-left: 15px; padding-right: 15px; } #content { padding-left: 30px; padding-right: 30px; } #alertMessage { display: none; font-size: 1em; } .irma-circle-icon-toolbar { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1.5rem; } .mjb-long-word-no-break-wrap { white-space: -moz-pre-wrap; /* Mozilla */ white-space: -hp-pre-wrap; /* HP printers */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ word-break: break-all; } .irma-circle-icon-toolbar > a:hover { outline: solid 1px #808080; } .pics-button { cursor: pointer; margin: 2px 3px; padding: 6px 10px; } /*.mjbClickToView,*/ .pics-cursor-pointer { cursor: pointer; } .pics-cursor-pointer-nohover { cursor: pointer; } /* NOTE: I beleive we can get rid of this. if uncommenting this, then know that this will affect datatable cursor bg's & create color contrast defects. .pics-cursor-pointer:hover { background-color: #4c4c4c; }*/ .pics-badge-light.badge { background-color: rgba(200,200,200,0.5); color: #4c4c4c; font-weight: normal; padding-left: 10px; padding-right: 10px; } .pics-badge-light.pics-text-bold { font-weight: bold; } /*.pics-bg-curious-blue { background-color: #0068bd !important; color: #fff !important; }*/ .pics-bg-mercury { background-color: #f7f7f7; } .pics-border-mercury { border: 1px solid #f7f7f7; } .pics-block { display: block !important; } .pics-inline-block { display: inline-block !important; text-decoration: none; } a.pics-inline-block:active { text-decoration: none; } .pics-padding-11px { padding: 11px; } .pics-padding-lr-15px { padding: 0 15px; } .pics-margin-bottom-15px { margin-bottom: 15px; } .pics-required:after { color: #4c4c4c; content: " *"; font-size: 16px; } .datepicker { z-index: 10002 !important; } .datepicker td, .datepicker th { border-radius: 0 !important; } /*.datepicker td.active.active, .datepicker-switch, .datepicker th.next, .datepicker th.prev, th.dow { color: #ffffff; background-color: #0068bd; }*/ h1, h2, h3, h4, h5, h6 { font-family: Quattrocento,serif; text-transform: capitalize; font-weight: 600; } h2 { font-size: 1.3rem; margin-top: 20px; } h3 { font-size: 1.1rem; } h4 { font-size: .9rem; } h5 { font-size: .7rem; } h6 { font-size: .5rem; } .pics-title-quattro { font-family: Quattrocento,serif; margin-top: 6px; text-decoration: none; text-transform: capitalize; font-weight: bold; color: var(--bs-secondary) !important; } .pics-title-quattro-md { color: #4c4c4c; font-family: Quattrocento,serif; font-size: 1.3rem; text-decoration: none; text-transform: capitalize; /*text-align: justify;*/ font-weight: bold; } .pics-title-quattro-lg, h1.pics-title-quattro-lg { color: #4c4c4c; font-family: Quattrocento,serif; font-size: 1.7rem; margin-top: 6px; text-decoration: none; text-transform: capitalize; /*text-align: justify;*/ font-weight: bold; } h2.pics-title-quattro-lg { color: #4c4c4c; font-family: Quattrocento,serif; font-size: 1.5rem; margin-top: 6px; text-decoration: none; text-transform: capitalize; /*text-align: justify;*/ font-weight: bold; } h3.pics-title-quattro-lg { color: #4c4c4c; font-family: Quattrocento,serif; font-size: 1.2rem !important; margin-top: 6px; text-decoration: none; text-transform: capitalize; /*text-align: justify;*/ font-weight: bold; } .pics-title-quattro-lg-link, h1.pics-title-quattro-lg-link { color: #3498db; font-family: Quattrocento,serif; font-size: 20px; margin-top: 6px; text-decoration: none; text-transform: capitalize; /*text-align: justify;*/ font-weight: bold; } /* these classes will format a title containing multiple properties ie: Title ID Description */ .pics-title-quattro-lg span.title-normal, h1.pics-title-quattro-lg span.title-normal { font-size: 1em; margin-right: 15px; } .pics-title-quattro-lg span.title-grey, h1.pics-title-quattro-lg span.title-grey { color: #999999; font-size: 1em; margin-right: 15px; } .pics-title-quattro-lg span.title-bold, h1.pics-title-quattro-lg span.title-bold { font-weight: bold; font-size: 1em; margin-right: 15px; } /*.pics-title-quattro-lg span.title-grey:after, h1.pics-title-quattro-lg span.title-grey:after, .pics-title-quattro-lg span.title-bold:before, h1.pics-title-quattro-lg span.title-bold:before { content: " "; white-space: pre; }*/ .pics-title-open-sans-md { color: #342f2c; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: bold; } .pics-text-capitalize { text-transform: capitalize; } .pics-text-center { text-align: center; } .pics-text-xxl, .pics-text-xxl p { font-size: 24px; } .pics-text-xl, .pics-text-xl p { font-size: 22px; } .pics-text-lg, .pics-text-lg p { font-size: 20px; } .pics-text-md, .pics-text-md p { font-size: 16px; } .pics-text-sm, .pics-text-sm p { font-size: 14px; } .pics-text-xs, .pics-text-xs p { font-size: 12px; } .pics-text-no-data { background-color: rgba(219,219,219); padding: 10px; } .pics-text-gray-opacity-35 { color: rgba(140,140,140,0.35); } .pics-text-gray-opacity-50 { color: rgba(140,140,140,0.50); } /* DA color contrast compliance with light gray background */ .pics-text-dark-gray-opacity-80 { color: rgba(75,75,75,0.80); } /* DA color contrast compliance with white background */ .pics-text-gray-opacity-95 { color: rgba(140,140,140,0.95); } .pics-text-justify { text-align: justify; } .pics-text-xl { font-size: 22px; } .pics-text-lg { font-size: 20px; } .pics-text-md { font-size: 16px; } .pics-text-sm { font-size: 14px; } .pics-text-xs { font-size: 12px; } .pics-text-bold { font-weight: bold !important; } .pics-text-bold-600 { font-weight: 600 !important; } label.pics-text-bold, legend.pics-text-bold, { font-weight: bold !important; color: var(--bs-secondary); /*#717171;*/ } .pics-text-italic { font-style: italic; } .pics-text-astral { color: #337ab7; } .pics-text-danger { color: #a94442; } .pics-text-boston-blue { color: #357ebd; } .pics-text-cinnabar { color: #e35832; } .pics-text-cod-gray { color: #1f1c1c; } .pics-text-brown { color: #8d600c; } .pics-text-blue { color: #0068bd; } .pics-text-info { color: #31708f; } .pics-text-dune { color: #342f2c; } .pics-text-dusty-gray { color: #999; } .pics-text-fiord { color: #3c4c66; } .pics-text-flint { color: #66625e; } .pics-text-gallery1 { color: #efefef; } .pics-text-gallery2 { color: #ebebeb; } .pics-text-gray { color: var(--bs-secondary) !important; } .pics-text-hokey-pokey { color: #c9a22c; } .pics-text-mojo { color: #c53e3e; } .pics-text-polar { color: #eaf4fb; } .pics-text-silver { color: #c8c8c8; } .pics-text-silver-chalice { color: #aaa; } .pics-text-tundora { color: #4c4c4c; } .pics-text-white { color: #fff; } .pics-text-wild-sand { color: #f7f7f7; } .pics-text-zest { color: #e37632; } .pics-columns-6 { -webkit-columns: 150px 6; /* Chrome, Safari, Opera */ -moz-columns: 150px 6; /* Firefox */ columns: 150px 6; /* IE 10+ */ } .pics-columns-4 { -webkit-columns: 100px 4; /* Chrome, Safari, Opera */ -moz-columns: 100px 4; /* Firefox */ columns: 100px 4; /* IE 10+ */ } .pics-columns-3 { -webkit-columns: 100px 3; /* Chrome, Safari, Opera */ -moz-columns: 100px 3; /* Firefox */ columns: 100px 3; /* IE 10+ */ } ul.pics-columns-6, ul.pics-columns-6 li, ul.pics-columns-4, ul.pics-columns-4 li, ul.pics-columns-3, ul.pics-columns-3 li { list-style-type: none; } li.pics-columns-avoid-break { -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */ page-break-inside: avoid; /* Firefox */ break-inside: avoid; /* IE 10+ */ } /* Override the default bootstrap behavior where horizontal description lists will truncate terms that are too long to fit in the left column */ .dl-horizontal dt { white-space: normal; } a.tab-submenu { padding: 5px 10px !important; background-color: #13c4a5 !important; } .well-white { background-color: #fff; } img.header-logo { position: absolute; left: 30px; top: 5px; height: 62px; width: 61px; } /*.header-login { position:absolute; height:32px; top:14px; right:18px; color:#fff; } .header-login span.header-login-text{ font-family: sans-serif; font-size: 18px; color: #ffffff; text-decoration: none solid rgb(255, 255, 255); text-transform: capitalize; text-align: center; font-weight:normal; }*/ .mjbModalTitle { /*width: 240px;*/ height: auto !important; min-height: 26px; font-family: Quattrocento; font-size: 22px; /* color: #ffffff; text-decoration: none solid rgb(255, 255, 255);*/ text-transform: uppercase; } .mjbModalHeader { max-width: 603px !important; width: 100%; /*background-color: #0068bd;*/ } .mjbModalBody { max-width: 603px !important; width: 100%; /*background-color: #fafafa;*/ } .mjbModalHeaderLarge { width: 100%; /*background-color: #0068bd;*/ } .mjbModalFooterLarge { width: 100%; } .mjbModalBodyLarge { /*max-width: 960px !important; min-width:960px !important;*/ width: 100%; /*background-color: #fafafa;*/ max-height: 700px; /*overflow-y: auto;*/ } .mjbModalDialog { /*position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) !important;*/ } .mjbModalDialogLarge { max-width: 800px; min-width: 80% !important; min-height: 300px; max-height: 800px; overflow-y: auto; overflow-x: hidden; /*position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) !important;*/ } .mjbModalDialogMedium { max-width: 600px; min-width: 60% !important; min-height: 300px; max-height: 800px; overflow-y: auto; overflow-x: hidden; /*position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) !important;*/ } .accordion-header-active { background-color: #000000 !important; } i.fa-star-active { font-weight: bold; opacity: 0.5; } label, legend { font-family: 'open sans'; font-weight: normal; font-size: 14px; color: #4c4c4c; } input[type=checkbox]:not(.form-check-input) { width: 16px; height: 16px; border: 1px solid #4c4c4c; border-radius: 2px; background-color: #fff; margin: 0 6px 0 0; } input[type=checkbox] + label { margin-top: -10px; } input[type=radio] { width: 16px; height: 16px; } /*end accordion wizard style*/ /*start address-well*/ div.address-well { font-size: 14px; line-height: 28px; min-height: 20px !important; padding: 2px !important; padding-left: 10px !important; padding-right: 10px !important; margin-bottom: 20px !important; background-color: #f5f5f5 !important; border: 1px solid #e3e3e3 !important; border-radius: 4px !important; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05) !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05) !important; } .pics-panel-section-header { background-color: #f7f7f7; display: block; margin-top: 10px; margin-bottom: 10px; } .pics-cardview { position: relative; box-shadow: 4px 4px 12px #efefef; background-color: #fff !important; padding: 15px; margin-bottom: 20px; border: 1px solid #e8e8e8; } .pics-cardview-header { margin: -15px -15px 20px -15px; background-color: #f7f7f7; padding: 10px; } .pics-cardview-header-text { font-size: 18px !important; font-weight: bold; font-family: 'Open Sans', sans-serif; /*color: #4c4c4c;*/ } /*end address-well*/ .pics-well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5 !important; color: #4c4c4c !important; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); } .pics-well-white { background-color: #fff !important; } .pics-well-white-border { border: 1px solid #ebebeb; min-height: 20px; padding: 19px; margin-bottom: 20px; color: #4c4c4c !important; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); background-color: #fff !important; } /*start form validation*/ .required-invalid { border: 1px solid #ff0000; } /*end form validation*/ /*interpreters list styles*/ div.pics-interpreters-header-row { /*background-color: #f7f7f7 !important;*/ background-repeat: no-repeat; } div.pics-interpreters-header-row, div.pics-interpreters-header-row a, div.pics-interpreters-header-row span { font-weight: bold; font-size: 16px !important; } span.pics-interpreters-name, span.pics-inerpreters-citycounty, span.pics-inerpreters-id { color: #4c4c4c; font-size: 16px !important; } span.pics-inerpreters-staff { /*color: #0068bd;*/ font-size: 16px !important; } span.pics-interpreters-vt { width: 45px; display: inline-grid; border-radius: 12px; background-color: #342f2c; color: #e8e8e8; text-decoration: none solid rgb(232, 232, 232); text-align: center; font-size: 14px !important; } .pics-panel-interpreters { margin-bottom: 2px; } a.pics-link-cancel:link, a.pics-link-cancel:active { /*color: #0068bd;*/ text-decoration: underline; } a.pics-link-cancel:hover { color: #357ebd; text-decoration: none; } .pics-margin-right-20 { margin-right: 20px; } .pics-noradius { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .pics-squared { border-radius: 0; } .pics-no-border { border: none; -webkit-box-shadow: none; box-shadow: none; } .panel-heading .pics-collapse-icon:before { color: #fff; content: "\f106"; font-family: FontAwesome; font-size: 20px; font-weight: bold; line-height: 22px; } .panel-heading.collapsed .pics-collapse-icon:before { color: #fff; content: "\f107"; font-family: FontAwesome; font-size: 20px; font-weight: bold; line-height: 22px; } .panel-heading .pics-collapse-icon:before { color: #fff; content: "\f106"; font-family: FontAwesome; font-size: 20px; font-weight: bold; line-height: 22px; } .panel-heading.collapsed .pics-collapse-icon:before { color: #fff; content: "\f107"; font-family: FontAwesome; font-size: 20px; font-weight: bold; line-height: 22px; } .panel-heading.pics-text-tundora .pics-collapse-icon:before, .panel-heading.pics-text-tundora.collapsed .pics-collapse-icon:before { color: #4c4c4c; } .panel-heading.pics-text-black .pics-collapse-icon:before, .panel-heading.pics-text-black.collapsed .pics-collapse-icon:before { color: #4c4c4c; } .work-request-header .pics-collapse-icon:before { color: #fff; content: "\f106"; font-family: FontAwesome; font-size: 20px; font-weight: bold; line-height: 22px; } .work-request-header.collapsed .pics-collapse-icon:before { color: #fff; content: "\f107"; font-family: FontAwesome; font-size: 20px; font-weight: bold; line-height: 22px; } .work-request-header .pics-collapse-icon:before { color: #fff; content: "\f106"; font-family: FontAwesome; font-size: 20px; font-weight: bold; line-height: 22px; } .work-request-header.collapsed .pics-collapse-icon:before { color: #fff; content: "\f107"; font-family: FontAwesome; font-size: 20px; font-weight: bold; line-height: 22px; } .work-request-header.pics-text-tundora .pics-collapse-icon:before, .work-request-header.pics-text-tundora.collapsed .pics-collapse-icon:before { color: #4c4c4c; } .panel-heading.pics-bg-mercury:hover { background-color: #f7f7f7; } .pics-button-nav { border: 1px solid #9c6a0e; width: 120px; padding: 8px; margin-right: -2px !important; background-color: #fff; } /* .pics-button-nav:hover { border: 1px solid #9c6a0e; background-color: #9c6a0e; color: #fff; } */ .pics-button-nav-active { background-color: #9c6a0e; color: #fff; } .pics-nav-horizontal { border-bottom: 1px solid #ebebeb; list-style-type: none; margin: 0 0 10px 0px; /*overflow:auto;*/ padding: 0; width: 100%; } div.pics-navtab > ul.pics-nav-horizontal > li { border: none; color: #4c4c4c; display: inline-block; text-decoration: none; } .pics-nav-horizontal li .badge { background-color: var(--bs-black); color: var(--bs-white); font-weight: normal; margin-left: 3px; padding-left: 10px; padding-right: 10px; } div.pics-navtab > ul.pics-nav-horizontal > li > a { border-bottom: 2px solid #fff; display: block; outline: none; padding: 10px 30px; text-decoration: none; } div.pics-navtab > ul.pics-nav-horizontal > li.dropdown.pull-right > a { padding-right: 0; } div.pics-navtab > ul.pics-nav-horizontal > li > a:hover { /*border-bottom: 2px solid #0068bd ;*/ outline: none; text-decoration: none; } div.pics-navtab > ul.pics-nav-horizontal > li.active > a, div.pics-navtab > ul.pics-nav-horizontal > li.active > a:hover div.pics-navtab > ul.pics-nav-horizontal > li.active > a:focus /*agency & interpreter pages*/ { border-bottom: 2px solid var(--bs-primary); color: var(--bs-primary-contrast); outline: none; text-decoration: none; background-color: var(--bs-primary); border-radius: 6px 6px 0px 0px; } @media (max-width: 767px) { /*interpreter pages - display as active when smaller than -md- */ div.pics-navtab > ul.pics-nav-horizontal > li.active-at-md > a, div.pics-navtab > ul.pics-nav-horizontal > li.active-at-md > a:hover div.pics-navtab > ul.pics-nav-horizontal > li.active-at-md > a:focus { border-bottom: 2px solid var(--bs-primary); color: var(--bs-primary-contrast); outline: none; text-decoration: none; background-color: var(--bs-primary); border-radius: 6px 6px 0px 0px; } } @media (min-width: 766px) { /*interpreter pages - display as active when smaller than -md- */ div.pics-navtab > ul.pics-nav-horizontal > li.active-at-sm > a, div.pics-navtab > ul.pics-nav-horizontal > li.active-at-sm > a:hover div.pics-navtab > ul.pics-nav-horizontal > li.active-at-sm > a:focus { border-bottom: 2px solid var(--bs-primary); color: var(--bs-primary-contrast); outline: none; text-decoration: none; background-color: var(--bs-primary); border-radius: 6px 6px 0px 0px; } } div.pics-navtab > ul.pics-nav-horizontal > li:not(.active) > a:focus { border-bottom: 2px solid var(--bs-secondary); color: var(--bs-secondary-contrast); outline: none; text-decoration: none; background-color: var(--bs-secondary); border-radius: 6px 6px 0px 0px; } div.pics-navtab > ul.pics-nav-horizontal > li.dropdown:not(.active) > a:focus { border-bottom: 2px solid var(--bs-secondary); color: var(--bs-secondary-contrast); outline: none; text-decoration: none; border-radius: 6px 6px 0px 0px; } div.pics-navtab > ul.pics-nav-horizontal > li.dropdown.active > a:focus { border-bottom: 2px solid var(--bs-secondary); color: var(--bs-secondary-contrast); outline: none; text-decoration: none; border-radius: 6px 6px 0px 0px; } /* More dropdown: all items display as links (color, underline, cursor) */ div.pics-navtab .dropdown-menu .dropdown-item, div.pics-navtab .dropdown-menu li > a { color: var(--bs-primary) !important; text-decoration: underline; cursor: pointer; } div.pics-navtab .dropdown-menu .dropdown-item:hover, div.pics-navtab .dropdown-menu .dropdown-item:focus, div.pics-navtab .dropdown-menu li > a:hover, div.pics-navtab .dropdown-menu li > a:focus { color: var(--bs-primary) !important; text-decoration: underline; } .pics-hover-transparent:hover { background-color: transparent; } .pics-pull-right { float: right; position: relative; z-index: 99; } .pics-cards tbody tr { float: left; /*min-width: 360px;*/ width: 33%; max-width: 800px; min-height: 170px; padding-bottom: 0 !important; } .pics-cards tbody td { display: block; padding-bottom: 0 !important; } .pics-cards2 tbody tr.pics-cards2-row { float: left; min-width: 400px; width: 49%; /*max-width: 800px;*/ min-height: 170px; padding-bottom: 0 !important; } .pics-cards2 tbody td.pics-cards2-col { display: block; padding-bottom: 0 !important; } .pics-offer-declined { background-color: #f00; color: #fff; } .pics-offer-interested { background-color: #090; color: #fff; } .pics-offer-pending { background-color: #999; color: #fff; } .pics-work-request-status { border-radius: 50%; font-size: 16px; font-weight: bold; padding: 4px 10px; } .pics-confidential { background-color: #f00; padding: 4px 10px; border-radius: 50%; color: #fff; } .pics-confidential-text { background-color: #fff; padding: 4px 10px; color: #f00; border-right: 6px #f00 solid; border-left: 6px #f00 solid; border-top: 1px #f00 solid; border-bottom: 1px #f00 solid; } .pics-item-confidential { width: 140px; height: 16px; /*display: inline-block;*/ margin: 0 0 8px 0; background-color: #e8e8e8; background-size: cover; line-height: 16px; box-shadow: 0 0 8px 4px #e8e8e8; text-align: center; } .pics-work-request-circle { height: 24px; width: 24px; line-height: 22px; text-align: center; display: inline-block; margin-left: 10px; margin-right: 10px; border-radius: 50%; } .pics-work-request-square-light { height: 24px; line-height: 22px; text-align: center; display: inline-block; margin-left: 10px; margin-right: 10px; background-color: rgba(232,232,232,0.5); color: #4c4c4c; padding: 0 3px 0 3px; } .pics-work-request-circle-dark { background-color: #c8c8c8; color: #4c4c4c; } .pics-work-request-circle-light { background-color: rgba(232,232,232,0.5); color: #4c4c4c; } .pics-work-request-status-oncall { height: 20px; line-height: 20px; width: 60px; background-color: #d62211; color: #fff; text-align: center; display: inline-block; margin-left: 10px; margin-right: 10px; } .pics-work-request-status-mncis-cancelled { height: 20px; line-height: 20px; width: 160px; background-color: var(--bs-secondary); color: #fff; text-align: center; display: inline-block; margin-left: 10px; margin-right: 10px; } .pics-work-request-assignment-type { height: 20px; line-height: 20px; padding: 0 10px 0 10px; background-color: var(--bs-secondary); color: #fff; text-align: center; display: inline-block; margin: 1px 0 1px 0; } .pics-work-request-status-notsignedin { /*height: 20px; line-height: 20px;*/ width: 100px; color: #d62b0d; border: solid 1px #eb4213; text-align: center; display: inline-block; margin-left: 10px; margin-right: 10px; } .pics-work-request-urgency { height: 30px; line-height: 30px; width: 60px; color: #fff; text-align: center; display: inline-block; } .pics-work-request-urgency-small { height: 20px; line-height: 20px; width: 50px; color: #fff; text-align: center; display: inline-block; } .pics-work-request-scheduler { height: 30px; line-height: 30px; width: 200px; text-align: center; display: inline-block; } .panel-body { padding-bottom: 0; } .pics-work-request-addons { padding: 10px; /*background-color: #f5f5f5 !important;*/ color: #4c4c4c !important; border: 1px solid #e3e3e3; margin-bottom: 20px; } .pics-work-request-status-icon { height: 25px; width: 25px; min-height: 25px; min-width: 25px; border-radius: 50%; display: inline-block; border: solid 2px #000; } .pics-work-request-status-icon-reviewed { background-color: #20d9fa; } .pics-work-request-status-icon-new { /* background-color: #D2B2E5; */ background-color: #FFFFFF; } .pics-work-request-status-icon-pending { background-color: #f0ac00; } .pics-work-request-status-icon-assigned { background-color: #19e037; } .pics-work-request-status-icon-inprogress { background-color: #f5f107; } .pics-work-request-status-icon-completed { background-color: #8c8c8c; } .pics-work-request-status-icon-cancelled { background-color: #4c4c4c; color: #fff; line-height: 1.4em; font-weight: bold; text-align: center; } .pics-work-request-status-icon-cancelled span { text-align: center; } .pics-work-request-list-item { margin-bottom: 10px; border: 1px solid #efefef; } .pics-work-request-list-item-urgent-red { margin-bottom: 7px; border: 1px solid #efefef; box-shadow: 1px 1px 10px #f0210e; } .pics-work-request-list-item-urgent-yellow { margin-bottom: 7px; /*border: 1px solid #efefef; box-shadow: 1px 1px 10px #f9a602;*/ } .pics-work-request-list-item-urgent-orange { margin-bottom: 7px; border: 1px solid #efefef; box-shadow: 1px 1px 10px #F56A07; } .pics-workrequest-nav { border: 1px solid var(--bs-primary); display: inline-block; text-align: center; background-color: #fff; } .pics-workrequest-nav:hover:not(.pics-workrequest-nav-active) { background-color: var(--bs-primary-100); ; color: var(--bs-primary-700); } .pics-workrequest-nav-urgent { width: 100px; padding: 8px; font-size: 1.0em; line-height: 1.0em; } .pics-workrequest-nav-view { width: 60px; padding: 2px; font-size: 1.4em; line-height: 1.4em; } .pics-workrequest-nav-urgent { width: 100px; } .pics-workrequest-nav-urgent-small { width: 60px; padding: 2px 4px; font-size: 12px; margin-right: 10px; } .pics-workrequest-nav-active { background-color: var(--bs-primary); color: var(--bs-primary-contrast) !important; } .pics-workrequest-nav-active .fa { color: var(--bs-primary-contrast); } .pics-work-request-footer { min-height: 30px; } .pics-work-request-details { margin-bottom: 10px; } .pics-work-request-status-bar { width: 100%; text-align: center; } .pics-work-request-status-bar li { list-style: none; display: inline-block; position: relative; text-align: center; } .pics-work-request-status-bar li.indicator { width: 100px; opacity: 0.3; } .pics-work-request-status-bar li hr { margin-bottom: 25px !important; margin-left: -40px !important; margin-right: -35px !important; width: 100px; border-color: var(--bs-secondary); } .pics-work-request-status-bar li.indicator.active { opacity: 1; } .pics-work-request-status-bar li.current { font-weight: bold; } .dxsc-horizontal-same-day-apt .dxsc-apt-status-container, .dxsc-horizontal-apt .dxsc-apt-status-container { width: 10px !important; height: 100% !important; float: left !important; } .pics-overflow-y-400 { max-height: 400px; overflow-y: auto; } .pics-filter-bar-close-tag { display: inline-block; margin-left: 4px; font-weight: bold; color: #4c4c4c !important; } .pics-filter-bar li { list-style-type: none; display: inline-block; border-radius: 3px; border: 1px solid #ebebeb; background-color: rgba(235, 235, 235, 0.40); padding: 2px 5px 2px 5px; margin-right: 8px; } .pics-full-width-max-content { min-width: max-content !important; width: 100%; } /*footer { background-color: #ececec !important;*/ /*opacity: 0.15;*/ /*padding-top: 16px; padding-bottom: 16px; padding-left: 30px; }*/ .mjbFooterGray { color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; text-decoration: none; } .mjbFooterGray a { color: #4c4c4c; text-decoration: none; } .mjbFooterGray a:focus, .mjbFooterGray a:hover { color: #4c4c4c; text-decoration: underline; } .mjbFooterGray ul { list-style-type: none; margin: 0; padding: 0; } .mjbFooterGray ul li { display: inline; } .mjbFooterGray ul li + li:before { content: " | "; padding: 0 14px; } .mjbInterpreterSearchWrapper { border: 1px solid #c8c8c8; height: auto; left: auto; margin: 0; position: relative; top: auto; width: 100%; max-width: 450px; } .mjbTitleFlint { color: #3C4C66; font-family: Quattrocento, Regular; font-weight: 700; text-decoration: none solid; font-size: 24px; background-color: rgba(120,98,94,0.07); padding: 10px; } .mjbInterpreterSearchContent { font-size: 14px; margin-bottom: 18px; padding: 0 10px 0 10px; text-align: left; } .mjbInterpreterSearchContent p { font-size: 12px; text-align: center; } .mjbLabelTundora { color: #4c4c4c; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: normal; text-decoration: none solid; } .modal-header { cursor: default; background-color: #9c6a0e; color: #ffffff; } .modal-content { max-height: 95% !important; } div.wr-list-sidebar:hover, div.wr-list-sidebar:focus { outline: 2px dotted #000 !important; outline-offset: 2px !important; /* remove the BS box shadow which creates a border on :focus-visible*/ box-shadow: none !important; } div.wr-list-sidebar * { display: inline-block; } div.work-request-link { background-color: var(--bs-primary-100); } .previous-offers { border: solid 1px #e3e3e3; background-color: #fdfdfd; color: #4c4c4c; max-height: 140px; min-height: 140px; overflow-y: auto; } .previous-offers-list { color: #4c4c4c; } .previous-offers-header { border-bottom: solid 1px #c8c8c8; } .previous-offers-title { margin: 6px 0 6px 0; } table.calendar-table td, table.calendar-table div, table.calendar-table p, table.calendar-table a { font-size: 12px !important; } .dxsc-apt-description-container { display: none; } .dxsc-tr-minuteItem { height: 45px !important; } div#scheduler_toolTipBlock_appointmentToolTipDiv_mainDiv { display: none; } ul.chevron-right { list-style-type: none; } ul.chevron-right li::before { content: "\f054"; font-family: "FontAwesome"; padding: 0 10px 0 0; margin-left: -23px; } /* == pics-text-bold .booking-font { font-weight: bold !important; } */ .booking-text-color { color: brown !important; } .booking-border { border: 1px solid brown !important; } .booking-hidden { display: none; } .mjb-break-all-text { word-break: break-all; white-space: normal; } .mjb-break-words { white-space: normal !important; word-wrap: break-word !important; overflow-wrap: break-word !important; word-break: break-all; } .filtersbar { display: none; } .mjb-time-field.dropdown-menu { max-height: 10rem; overflow-y: scroll; } .mjb-time-option.dropdown-item:focus, .mjb-time-option.dropdown-item:hover { color: inherit; background-color: #e9ecef; padding-top: .25rem; padding-bottom: .25rem; border: unset; } .mjb-time-option.dropdown-item[aria-selected=true] { color: #1e2125; background-color: #e9ecef; } .pics-panel-interpreters label { margin-top: .5rem !important; } /* make