* { outline: none !important; }
body { background-color: #F3F5F9; overflow-y: scroll; }
.longtext { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.readmore + [data-readmore-toggle],
.readmore [data-readmore] { display: block; width: 100%; }
.readmore[data-readmore] { transition: height 500ms; overflow: hidden; }

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

a.bTop { position: fixed; right: 10px; bottom: 10px; z-index: 1000; font-size: 25px; color: #c0c1c1; opacity: .75; display: none; }
a.bTop > .fa { background-color: #fff; border-radius: 65px; }

/* Modal Styles */
.modal-open { padding-right: 17px !important; }
.modal-open #topNav,
.modal-open #bottomNav { right: 17px; }
.modal-open #bottomNav,
.modal-open #navDrawer,
.modal-open .sticky { padding-right: 0 !important; }

.modal-backdrop + .modal-backdrop { background: transparent !important; }

.btn:focus { box-shadow: none !important; }
.btn-load > i:first-child { width: 0; overflow: hidden; transition: .125s linear; font-size: 13px; }
.btn-load > i + i { overflow: hidden; transition: .125s linear; }
.btn-load.load:disabled { background-color: #FFC107; border-color: #FFC107; color: #212529; }
.btn-load.load:disabled > i:first-child { width: auto; margin-right: .25rem; }
.btn-load.load:disabled > i + i { width: 0; margin-right: 0 !important; }

/* badge icons */
.notify:after,
#topNav button.navbar-toggler:after {
	display: none; position: absolute; top: -2px; right: -2px; width: auto; height: 20px; margin-left: 0; padding: 0 7px;
	content: attr(data-notify-num); border: 0; border-radius: 500px; color: #ffffff; font-size: 12px; line-height: 19px; text-align: center;
}
#topNav button.navbar-toggler:after { content: ""; height: 10px; min-width: 10px; padding: 0; top: 2px; right: 3px; }
.notify[data-notify-status="info"]:after, #topNav button.navbar-toggler[data-notify-status="info"]:after { background-color: #17a2b8; }
.notify[data-notify-status="urgent"]:after, #topNav button.navbar-toggler[data-notify-status="urgent"]:after { background-color: #dc3545; }

/* global text stuff */
.fs-1 { font-size: .5rem; }
.fs-2 { font-size: .75rem; }
.fs-3 { font-size: 1rem; }
.fs-4 { font-size: 1.25rem; }
.fs-5 { font-size: 1.5rem; }

/* Nav styles */
nav .dropdown-toggle::after { margin-left: 10px; }
nav .nav-link > .fa { cursor: pointer; }

nav .dropdown-menu { padding: 0; margin: 0; background-color: transparent; border: 0; }
#topNav .dropdown-menu { padding-top: .5rem; }

nav .dropdown-menu > .caret {
	border-style: solid; position: absolute; margin-bottom: -1px; border-color: transparent transparent #dfdfdf transparent;
	border-color: transparent transparent rgba(0,0,0,.125) transparent; border-width: 0 8px 8px 8px; left: 1rem; width: 0;
}
#search .dropdown-menu > .caret { left: 2rem; }
#userNotify .dropdown-menu > .caret { left: auto; right: .9rem; }
#userNotify li:last-child .dropdown-menu > .caret { left: auto; right: 2rem; }

nav .dropdown-menu > .caret:before { content: ""; border-style: solid; border-width: 0 7px 7px 7px; border-color: transparent transparent #FFFFFF transparent; position: absolute; top: 1px; left: -7px; }

nav .dropdown-menu > .content {
	background-color: #FFFFFF; overflow: hidden; margin-top: 7px;
	border: 1px solid #dfdfdf; border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}

/* Top Nav stylese */
#topNav button.navbar-toggler { position: relative; }
#topNav .input-group { width: auto; }

#search .input-group-prepend > .input-group-text,
#search input, #search .input-group-append > button { background-color: #F3F5F9; border: 1px solid #CED4DA; }
#search .input-group-prepend > .input-group-text { border-radius: 50% 0 0 50%; }
#search .input-group-append > button { border-radius: 0 50% 50% 0; border-left: 0; }

#search .input-group-prepend > .input-group-text,
#search .input-group-append > button { font-size: .9rem; }
#search .input-group-append > button > i { padding-bottom: 4px; }

#search input { width: 150px; transition: .3s ease-in-out; border-width: 1px 0; padding: .375rem 0; }
#search.grow input { width: 300px; }

#search input,#search .input-group-append > button:focus { box-shadow: none; }
#search .input-group-append > button.disabled { color: #F3F5F9; opacity: 1; }

#search .dropdown-menu { width: 100%; }
#search .dropdown-menu .loading { font-size: 1.25rem; text-align: center; color: #6C757D; }
#search .dropdown-menu .loading i { animation: lagSpin 3s infinite; }
#search .dropdown-menu .loading span { display: block; font-size: .9rem; margin-top: 5px; }

#userNotify .dropdown-toggle { margin-left: .75rem; padding: .5rem; min-width: 43px; text-align: center; }
#userNotify .actions { padding: .2rem .4rem; }
#userNotify .actions > a { font-weight: 500; color: #6c757d; }
#userNotify .actions > .view { font-size: .9rem; }
#userNotify .actions > .mRead { float: right; font-size: .8rem; margin-top: 2px; }
#userNotify .mCustomScrollbar { max-height: calc(57px*6); width: 500px; }
#userNotify .mCSB_scrollTools { width: 2px; }
#userNotify .mCSB_container { margin-right: 0; }
#userNotify .dropdown-item { position: relative; border-left: 4px solid #efefef; padding: .25rem 1rem; padding-left: calc(1rem - 4px); }
#userNotify .dropdown-item.new { border-color: #17A2b8; }
#userNotify .dropdown-item.new.urgent { border-color: #dc3545; }
#userNotify div.dropdown-item + div.dropdown-item { border-top: 1px solid #e9ecef; }
#userNotify div.dropdown-item > .read { position: absolute; bottom: .25rem; right: .25rem; font-size: .5rem; }
#userNotify div.dropdown-item > .read:disabled { color: rgba(0,0,0,0.15); }

#topNavAlert, #topNavNotify, #topNavTasks { border: 0; border-radius: 500px; }
#topNavAlert:hover, #topNavNotify:hover, #topNavTasks:hover { background-color: #F0F0F0; }

#userNotify .notify.dropdown-toggle:after, #topNav button.notify.navbar-toggler:after { display: block; }
#userNotify .notify.new.dropdown-toggle > i { animation: growWiggle 1s infinite alternate; }

#topNav button.notify.new.navbar-toggler > i { animation: wiggle 1.5s infinite alternate; }
#userNotify .default { display: none; }
#userNotify .actions[style*="display:none;"] + .dropdown-divider { display: none; }

/* Bottom Nav Styles */
#bottomNav { bottom: 0; right: auto; width: 300px; transition: left 0.5s; }
#bottomNav.slide { left: -300px; transition: left 0.5s; }
#bottomNav .navbar { height: 100%; }
#bottomNav .navbar .navbar-nav { align-self: flex-start; width: 100%; }
#bottomNav .dropdown:hover > .dropdown-menu { display: block; }
#bottomNav .navbar-nav .dropdown-menu { position: static; }

/* Nav Drawer Styles */
#navDrawer { background-color: #FFFFFF; overflow: hidden; bottom: 0; left: auto; transition: width 0.5s; width: 400px; max-width: 100%; z-index: 1060; }
#navDrawer.slide { width: 0; transition: width 0.5s; }
#navDrawer > div { border-left: 2px solid rgba(0,0,0,.2); width: 400px; height: 100%; display: flex; flex-direction: column; }
#navDrawer .nav { border: 1px solid rgba(0,0,0,.1); border-width: 1px 0; margin-top: 29px; }
#navDrawer .nav .nav-item { border-right: 1px solid rgba(0,0,0,.1); flex: 1; }
#navDrawer .nav .nav-link { font-size: .8rem; line-height: 1rem; cursor: pointer; }
#navDrawer .nav .nav-link:hover { background-color: rgba(0,0,0,.075); }
#navDrawer .nav .nav-link.active { font-weight: bold; }
#navDrawer .nav .nav-item:last-child { border-right: 0; }
#navDrawer .drawerContent { flex: 1; }
#navDrawer .codeFilter > div + div { margin-top: 8px; }
#navDrawer .codeLink { border: 1px solid rgba(0,0,0,.1); border-width: 1px 0; margin: 8px 0 13px; display: flex; }
#navDrawer .codeLink > input { position: absolute; opacity: 0; }
#navDrawer .codeLink > label { flex: 1; text-align: center; margin: 0; padding: 3px; font-size: .8rem; }
#navDrawer .codeLink > label:hover { background-color: rgba(0,0,0,.045); }
#navDrawer .codeLink > input:checked + label { background-color: rgba(0,0,0,.1); }
#navDrawer .codeLink > input:disabled + label, #navDrawer .codeLink > input:disabled + label:hover { background-color: #e9ecef; }
#navDrawer .codeList .shortBtn { position: relative; font-size: .7rem; padding: 0; height: 25px; width: 25px; }
#navDrawer .codeList .shortBtn > i { position: absolute; top: 25%; left: 23%; }
#navDrawer .listItem:hover { background-color: rgba(0,0,0,.045); }
#navDrawer .listItem { border: 1px solid rgba(0,0,0,.045); border-width: 1px 0px; }
#navDrawer .listItem + .listItem { border-top: 0; }
#navDrawer .listItem .copy { float: left; margin-top: 1px; }
#navDrawer .listItem .text > p { line-height: 31px; }
#navDrawer [data-toggle="collapse"] { display: block; color: #343a40; font-weight: bold; font-size: .8rem; margin: .75rem 0 .5rem; }
#navDrawer [data-toggle="collapse"]:before { font-family: FontAwesome; font-size: .8rem; line-height: .8rem; font-weight: normal; display: inline-block; margin-right: 5px; }
#navDrawer [data-toggle="collapse"][aria-expanded="true"]:before { content: "\f147"; }
#navDrawer [data-toggle="collapse"][aria-expanded="false"]:before { content: "\f196"; }
#navDrawer .event { position: relative; }
#navDrawer .event.new { border-left: 4px solid #17a2b8; }
#navDrawer .event.selected { background-color: rgba(0,0,0,.05); }
#navDrawer .event > .eInfo { border: 1px solid rgba(0,0,0,.05); border-width: 1px 0; padding: .5rem; }
#navDrawer .event + .event > .eInfo { border-width: 0 0 1px; }
#navDrawer .event .eTitle { font-weight: 600; }
#navDrawer .event button { width: 30px; text-align: center; }
#navDrawer .event .clear { position: absolute; top: 0; right: 0; font-size: 1.2rem; }
#navDrawer .event .read { position: absolute; bottom: 6px; right: 0; font-size: .5rem; }
#navDrawer .notifications .btn-link { text-decoration: none; }

/* Hidden Nav Close Buttons */
#bottomNav button.close, #navDrawer button.close { position: absolute; top: 0; }
#bottomNav button.close { right: 10px; }
#navDrawer button.close { left: 12px; }
#bottomNav button.close span { color: #FFFFFF; }

/*Nav Drawer Scroll bars*/
#navDrawer .mCSB_container { margin-right: 4px; }
#navDrawer .mCSB_scrollTools { width: 4px; }

/* Content Styles */
#content { padding-top: 71px; }
#content .card { background-color: #FFFFFF; }
#content .collapsable .card-header { position: relative; }
#content .collapsable .card-header > button { float: right; background: transparent; }
#content .collapsable .card-header > button > i { opacity: .75; transition: transform .5s ease; }
#content .collapsable .card-header > .collapsed > i { transform: rotate(-90deg); }
#content button:disabled, #content input:disabled, #content textarea:disabled, #content select:disabled { cursor: not-allowed; }
#content .loader { text-align: center; }
#content .loader i { font-size: 40px; margin: 1rem 0; opacity: .5; animation: lagSpin 3s infinite; }

/* Inforows - Flexed table rows with dropdow functionality */
#content .infoRows { }
#content .infoRows .titleBar > div, #content .infoRows .infoBar > div, #content .infoRows .infoExtra > div { padding: .3rem; }
#content .infoRows .infoExtra > div { padding-top: 0; }
#content .infoRows .titleBar > div { font-size: .75rem; font-weight: bold; vertical-align: bottom; border-bottom: 1px solid #dee2e6; }
#content .infoRows .item { border-top: 1px solid #dee2e6; }
#content .infoRows .infoExtra { padding-left: 30px; height: 0; overflow: hidden; }
#content .infoRows .infoExtra p { font-size: .75rem; font-weight: bold; margin-bottom: .3rem; }
#content .infoRows .infoExtra ul + p { margin-top: .5rem; }
#content .infoRows .infoExtra ul { padding-left: 21px; margin-bottom: 0; }
#content .infoRows .showHide { flex: 0 30px; }
#content .infoRows .code { flex: 0 100px; }

#tblactint.infoRows .code { flex: 0 125px; }

#content .infoRows .detail { flex: 1; }
#content .infoRows .doc { flex: 0 150px; }

#wrkSpcFiles.infoRows .type { flex: 0 90px; }
#wrkSpcFiles.infoRows .name { flex: 1; }

#wrkSpcFiles.infoRows .ver { flex: 0 55px; }
#wrkSpcFiles.infoRows .add { flex: 0 90px; }
#wrkSpcFiles.infoRows .act { flex: 0 115px; }
#wrkSpcFiles.infoRows .infoExtra .act { flex: 0 110px; }

#tblactint .infoBar .docs > p { font-size: .75rem; }

#content .form-control.picker__input, #globalModal .form-control.picker__input { background: none; }

#content .picker__frame, #globalModal .picker__frame { padding: 2px; }
#content .picker__holder { max-width: 350px; }

#globalModal .picker__holder { width: 350px; }

#navbarWEX .mCustomScrollBox { width: 100%; }
#navbarWEX .mCSB_container { margin-right: 1px; }
#navbarWEX .mCSB_scrollTools { width: 1px; }
#navbarWEX .mCSB_draggerRail { background-color: rgba(0,0,0,0); }

/* sticky nav styles */
.sticky { position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000; background-color: #f8f9fa; }
.sticky .nav-link, .sticky .nav-link:not([href]) { font-size: .9rem; line-height: 1.2rem; padding-top: .25rem; padding-bottom: .25rem; color: #99979c; cursor: pointer; }
.sticky-full > .w-100 { display: flex; flex-basis: auto; }
.sticky-full .nav-item > .nav-link, .sticky-full .nav-item > .nav-link:not([href]) { font-weight: 600; font-size: .8rem; color: #4D4B50; }
.sticky-full .nav-item + .nav-item { margin-top: 1rem; }
.sticky-full .nav-item > .nav-link[data-toggle="collapse"]:before { font-family: FontAwesome; font-size: .8rem; line-height: .8rem; font-weight: normal; display: inline-block; margin-right: 5px; }
.sticky-full .nav-item > .nav-link[data-toggle="collapse"][aria-expanded="true"]:before { content: "\f147"; }
.sticky-full .nav-item > .nav-link[data-toggle="collapse"][aria-expanded="false"]:before { content: "\f196"; }
.sticky .nav-link:hover, .sticky .nav-link:not([href]):hover, .sticky .nav-link:active, .sticky .nav-link:not([href]):active,
.sticky .nav-link:focus, .sticky .nav-link:not([href]):focus, .sticky .nav-link.active, .sticky .nav-link:not([href]).active { color: #007bff; }
.sticky-bottom button { width: 100px; }
.sticky-full .dropdown-menu { position: static; }
.form-group.error > * { color: #dc3545; }
.form-group.error > span { font-style: italic; font-size: .85rem; margin-top: 1px; }

/* GetSADetail styles */
.control-label { font-size: .85rem; font-weight: bold; }
.control-label + .required { font-weight: bold; color: #dc3545; margin-left: 3px; }
.shortCode + .circle { 
	color: #ffffff; background-color: #17a2b8; border-radius: 50000px; display: inline-block; width: 20px; height: 20px; 
	font-size: 8px; line-height: 20px; text-align: center; cursor: pointer; margin-left: 8px; margin-top: -4px; 
}

.shortCode + .circle > i { color: #ffffff; }
table.dataTable thead th, table.dataTable thead + tbody > tr:first-child td { border-top: 0 !important; }
.smeListBox { height: 86px; }
.smeListBox > option:hover { background-color: #F3F5F9; }
#meta .ar-btn, #globalModal .ar-btn { display: flex; margin-top: 1rem; }
#meta .ar-btn > button, #globalModal .ar-btn > button { width: calc(50% - .5rem); }
#meta .ar-btn > button[disabled], #globalModal .ar-btn > button[disabled] { cursor: not-allowed; }
#meta .ar-btn > .btn-success[disabled], #globalModal .ar-btn > .btn-success[disabled] { color: #28a745; background-color: transparent; background-image: none; border-color: #28a745; }
#meta .ar-btn > .btn-danger[disabled], #globalModal .ar-btn > .btn-danger[disabled] { color: #dc3545; background-color: transparent; background-image: none; border-color: #dc3545; }
#meta .ar-btn > button + button, #globalModal .ar-btn > button + button { margin-left: 1rem; }
.media-body .btn-link:hover { background-color: rgba(0,0,0,.03); }
#tags .keyword { font-size: 1rem; line-height: 1.5; font-weight: normal; padding: .25rem .9rem .325rem .6rem; margin: 0 .25rem .5rem 0; border: 0; cursor: pointer; }

/* Workspace Styles */
#wrkSpcProgress { overflow: hidden; }
#wrkSpcProgress .stage-6 { flex: 1; margin-left: 10px; }
#wrkSpcProgress .bar { flex: 5; padding: 0; margin: 0; list-style-type: none; font-size: .875rem; line-height: 1.5; text-align: center; }
#wrkSpcProgress .bar li { position: relative; flex: 1; padding: .25rem .5rem; margin: 0 1px; background: #a0a6ab; color: #fff; border: 1px solid #a0a6ab; border-width: 1px 0; border-radius: .2rem; }
#wrkSpcProgress .bar li:before { content: ''; position: absolute; top: -2px; left: 0; border-left: 16px solid #F3F5F9; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-radius: .2rem; }
#wrkSpcProgress .bar li:first-child:before { border: 0; }
#wrkSpcProgress .bar li:after { content: ''; position: absolute; top: -2px; right: -13px; z-index: 20; border-left: 16px solid #a0a6ab; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-radius: .2rem; }
#wrkSpcProgress .bar li:last-child:after { border: 0; }
#wrkSpcProgress[data-stage="1"] .stage-1,
#wrkSpcProgress[data-stage="2"] .stage-1,
#wrkSpcProgress[data-stage="3"] .stage-1,
#wrkSpcProgress[data-stage="4"] .stage-1,
#wrkSpcProgress[data-stage="5"] .stage-1 {
	background-color: #dc3545;
	border-color: #dc3545;
}

#wrkSpcProgress[data-stage="1"] .stage-1:after,
#wrkSpcProgress[data-stage="2"] .stage-1:after,
#wrkSpcProgress[data-stage="3"] .stage-1:after,
#wrkSpcProgress[data-stage="4"] .stage-1:after,
#wrkSpcProgress[data-stage="5"] .stage-1:after {
	border-left-color: #dc3545;
}

#wrkSpcProgress[data-stage="2"] .stage-2,
#wrkSpcProgress[data-stage="3"] .stage-2,
#wrkSpcProgress[data-stage="4"] .stage-2,
#wrkSpcProgress[data-stage="5"] .stage-2 {
	background-color: #dc3545;
	border-color: #dc3545;
}

#wrkSpcProgress[data-stage="2"] .stage-2:after,
#wrkSpcProgress[data-stage="3"] .stage-2:after,
#wrkSpcProgress[data-stage="4"] .stage-2:after,
#wrkSpcProgress[data-stage="5"] .stage-2:after {
	border-left-color: #dc3545;
}

#wrkSpcProgress[data-stage="3"] .stage-3,
#wrkSpcProgress[data-stage="4"] .stage-3,
#wrkSpcProgress[data-stage="5"] .stage-3 {
	background-color: #dc3545;
	border-color: #dc3545;
}

#wrkSpcProgress[data-stage="3"] .stage-3:after,
#wrkSpcProgress[data-stage="4"] .stage-3:after,
#wrkSpcProgress[data-stage="5"] .stage-3:after {
	border-left-color: #dc3545;
}

#wrkSpcProgress[data-stage="4"] .stage-4,
#wrkSpcProgress[data-stage="5"] .stage-4 {
	background-color: #dc3545;
	border-color: #dc3545;
}

#wrkSpcProgress[data-stage="4"] .stage-4:after,
#wrkSpcProgress[data-stage="5"] .stage-4:after {
	border-left-color: #dc3545;
}

#wrkSpcProgress[data-stage="5"] .stage-5 {
	background-color: #dc3545;
	border-color: #dc3545;
}

#wrkSpcProgress[data-stage="5"] .stage-5:after {
	border-left-color: #dc3545;
}

.s2flex { display: flex; margin-bottom: .5em; }

.s2flex .select2-container, .s2flex select { flex: 1; }
.s2flex .select2-selection { height: 38px; border-radius: 4px 0 0 4px; }
.s2flex .select2-container .select2-selection--single { height: auto; }
.s2flex .select2-selection__rendered { line-height: 36px !important; }
.s2flex .select2-selection__arrow { height: 36px !important; }

/* Email Template Page Styling */
#emailContent .active .card-header { background-color: #28a745; position: relative; }
#emailContent .active .card-header:before { content: 'Active'; font-size: .8rem; font-weight: bold; color: #ffffff; position: absolute; top: 2px; left: 8px; }
#emailContent .card-footer .btn { width: 100px; }
#emailContent .card-footer .btn + .btn { margin-left: .5rem; }
#emailContent .card-footer .btn.delete { float: right; }

/* Modal Sytles */
.modal button.close { position: absolute; top: .5rem; right: 1rem; z-index: 1000; }
#globalModal .modal-content { }
#globalModal .loading, #chatModal .loading, #navDrawer .loading { position: relative; z-index: 100; right: 0; left: 0; text-align: center; background-color: #FFFFFF; }
#globalModal .loading i, #chatModal .loading i, #navDrawer .loading i { font-size: 25px; margin: 3rem 0; }
#globalModal .loading.animate i, #chatModal .loading.animate i, #navDrawer .loading.animate i { animation: lagSpin 3s infinite; }
#globalModal .main { position: relative; z-index: 10; overflow: hidden; }
#globalModal .main .modal-header .SClookUp { position: absolute; top: 6px; right: 41px; }
#globalModal .main .modal-body { height: 154px; transition: height 1s ease; transform: translateZ(0); }
#globalModal .main .card + .card { margin-top: 1rem; }
#globalModal .main .card .card { border: 0; }
#globalModal .main .card .card .card-header, #globalModal .main .card .card .card-body { padding: 0; border: 0; background: transparent; }
#globalModal .main .card .card.collapsable .card-header { cursor: pointer; }
#globalModal .main .card .card .card-header p { font-size: 1rem; font-weight: 700; }
#globalModal .main .card .card .card-header.collapsed p { font-weight: 400; }
#globalModal .main .card .card .card-header i { line-height: 1.5; opacity: .75; transition: transform .5s ease; }
#globalModal .main .card .card.collapsable .card-header.collapsed > i { transform: rotate(-90deg); }
#globalModal .main .card .card .card-body { padding-top: 10px; }
#globalModal .main .card .card table > thead th { padding-top: 15px; font-size: .75rem; }
#globalModal .userData .input-group-text { width: 42px; }
#globalModal .userData .input-group-text > .fa { margin: 0 auto; }
#export .mr-2, #print .mr-2 { line-height: 17px; margin-bottom: -2px; }

/* checkbox styles */
/* Hide the browser's default checkbox */
#globalModal .checkBox { display: block; position: relative; padding-left: 2rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#globalModal .checkBox.sub { margin-left: 2rem; }
#globalModal .checkBox input[type="checkbox"] { position: absolute; top: 0; left: 0; opacity: 0; display: none; cursor: pointer; }

/* Create a custom checkbox */
#globalModal .checkBox .check { position: absolute; top: 0; left: 0; height: 17px; width: 17px; margin-top: .22em; background-color: #eee; border: 1px solid #E1E1E1; border-radius: 5px; }
/* On mouse-over, add a grey background color */
#globalModal .checkBox:hover input[type="checkbox"] ~ .check { background-color: #E1E1E1; }
/* Create the checkmark/indicator (hidden when not checked) */
#globalModal .checkBox .check:before { display: none; font-size: 10px; text-align: center; line-height: 15px; }
/* Show the checkmark when checked */
#globalModal .checkBox input[type="checkbox"]:checked ~ .check:before { display: block; }

/*chat modal styles*/
#chatModal .nav { width: 175px; border-right: 1px solid #e9ecef; flex: 0 0 175px; }
#chatModal .nav-link { color: #343a40; }
#chatModal .nav-link:hover { color: #17a2b8; }
#chatModal .nav-link.active::before { content: ''; width: 10px; height: 10px; background-color: #17a2b8; display: inline-block; margin-right: .5rem; border-radius: 10px; }
#chatModal .nav-link + .nav-link { border-top: 1px solid #e9ecef; }
#chatModal .chatLog .alert { min-width: 55%; max-width: 85%; clear: both; padding: .25rem .5rem; }
#chatModal .chatLog .alert.alert-info { float: left; }
#chatModal .chatLog .alert.alert-secondary { float: right; }

/* scrollbar styles */
#globalModal .mCSB_inside > .mCSB_container { transition: margin-right 1s; padding-right: 1rem; margin-right: 4px; }
#globalModal .mCSB_inside > .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y { padding-right: 0; margin-right: 0; }
#globalModal .mCSB_scrollTools { width: 4px; }

/* Toastr styles tweaks */
#toast-container.toast-top-full-width { top: 61px; }
#toast-container > div { 
	-moz-box-shadow: .0625rem .125rem .25rem rgba(0,0,0,.375); 
	-webkit-box-shadow: .0625rem .125rem .25rem rgba(0,0,0,.375); 
	box-shadow: .0625rem .125rem .25rem rgba(0,0,0,.375); 
	opacity: .95; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); 
	filter: alpha(opacity=95); 
}
#toast-container.toast-top-full-width > div { display: block; min-width: 96%; }
#toast-container.toast-top-full-width > .confirm { min-width: 0; max-width: 700px; }
#toast-container.toast-top-full-width > .confirm textarea {
	display: block;
	width: 100%;
	height: 100px;
	margin: 1rem 0;
	padding: .2rem .4rem;
	border-radius: .2rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #6c757d;
	resize: none;
}

#toast-container.toast-top-full-width > .confirm .btn { width: 150px; }
/* Select2 style tweaks */
select { height: 30px; }
/* HEIGHT MUST BE SET TO EQUAL THE HEIGHT OF THE GENERATED SELECT2 CONTAINER */
.select2-container .select2-selection--single { height: 30px; }
/* pickadate style updates */
.picker .picker__select--year, .picker .picker__select--month { border: 0; padding: 0; }
/* Revisions List styles */
#actWS .btn { padding: .15rem .5rem; line-height: 18px; }

@media (max-width: 767.98px) {
	#topNav .navDrawerSlide { order: 4; }
	#search, #userNotify { order: 5; }
	#userNotify .dropdown-toggle { display: inline-block; width: 100%; margin: 0; }
	#userNotify .dropdown-toggle::after { position: static; display: inline-block !important; margin-left: 20px; }
}

@media (max-width: 991.98px) {
	#topNav { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); }
	.sticky { box-shadow: 0 -.125rem .25rem rgba(0,0,0,.075); }
	.sticky + .col { padding-bottom: 47px; }
	/* bottom padding = to height of .sticky */
	.sticky .navbar-toggler { display: flex; }
	.sticky .navbar-collapse { 
		position: absolute;
		bottom: 47px;
		left: 15px;
		border-radius: 5px 5px 0 0;
		border: 1px solid rgba(0,0,0,.125);
		border-width: 1px 1px 0 1px;
		background-color: #f8f9fa;
		width: 225px !important;
		padding: .25rem 0;
		box-shadow: 0 -.125rem .25rem rgba(0,0,0,.075);
	}
	.sticky-bottom .nav-item { margin-right: .5rem; }
	.sticky-bottom .nav-item + .nav-item { margin-right: 1rem; }
	.sticky-full .nav-item > .nav-link[data-toggle="collapse"] { display: none; }
	#wrkSpcActions .collapse:not(.show), #editorActions .collapse:not(.show), #draftActions .collapse:not(.show) { display: inherit; }
}

@media (min-width: 992px) {
	#bottomNav { top: -8px; bottom: auto; left: 0; right: 0; width: auto; z-index: 1029; transition: top 0.5s; }
	#bottomNav.slide { top: 56px; left: 0; transition: top 0.5s; }
	#bottomNav .navbar { width: 100%; height: auto; }
	#bottomNav button.close { display: none; }
	#bottomNav .navbar .navbar-nav { flex-direction: row; }
	#bottomNav .navbar-nav .dropdown-menu { position: absolute; }
	#content { padding-top: 111px; }
	.sticky + .col { padding-left: 248px; }
	.sticky { width: 225px; top: 111px; bottom: auto; transition: top 0.5s; background-color: transparent; }
	#bottomNav:not(.slide) ~ #content .sticky { top: 71px; }
	.sticky-bottom { padding-bottom: 20px; bottom: 0; }
	.sticky .navbar-collapse { border-right: 1px solid rgba(0, 0, 0, 0.1); }
	.sticky-bottom { width: 225px; position: fixed;  padding-bottom: 20px; top: auto; bottom: 0; left: 0; }
	.sticky-bottom .nav-item { border-right: 1px solid rgba(0, 0, 0, 0.1); }
	.sticky-bottom .nav-item { padding: 5px 0; }
	.sticky-bottom .nav-item > button { margin: 0 1rem; width: calc(100% - 2rem); box-sizing: border-box; }
	.sticky-full { bottom: 15px; padding-bottom: 0; }
	.sticky-full .mCSB_container { margin-right: 0; }
	.sticky-full .mCustomScrollBox { width: 100%; }
	.sticky-full .mCSB_scrollTools, .sticky-full .mCSB_4_scrollbar { width: 1px; }
	.sticky-full .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { margin: 0; background-color: transparent; }
	.sticky-full .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(0,0,0,0.25); }
	#navbarWEX .navbar-collapse + .navbar-collapse { padding-top: .5rem; }
}

@media (min-width: 1200px) { }

@keyframes wiggle {
	0% { transform: rotate(0deg); }
	60% { transform: rotate(0deg); }
	80% { transform: rotate(-17.5deg); }
	100% { transform: rotate(17.5deg); }
}

@keyframes growWiggle {
	0% { transform: scale(1) rotate(0deg); }
	20% { transform: scale(1) rotate(0deg); }
	40% { transform: scale(1.5) rotate(17.5deg); }
	60% { transform: scale(1.5) rotate(-17.5deg); }
	80% { transform: scale(1.5) rotate(17.5deg); }
	100% { transform: scale(1.5) rotate(-17.5deg); }
}

@keyframes lagSpin {
	0% { transform: rotate(0deg); }
	35% { transform: rotate(80deg); }
	65% { transform: rotate(300deg); }
	100% { transform: rotate(360deg); }
}