*, ::after, ::before {
    -moz-box-sizing: border-box;
}

a,a:hover,a:focus {
    color: #0070E0;
}

::backdrop
{background-color: #F5F7FA;
}

/* styles for main page component */
#jp-tabs-container, #secretInfo, .side-bar.right-bar, .side-bar.left-bar {
    display: none;
}

html body {
    background-color:  #f4f4f4!important;
}

/* html body .pageWrapper.content.app-content {
    overflow-x: auto;
} */

html body .content .content-wrapper.mainAreaWrapper {
    padding: 1rem;
    padding-bottom: 0;
	height:100%;
}

body .card {
    border-radius: 0.25rem
}

.basicPreloader1,.basicPreloader2,.basicPreloader3 {
    width:25px;
    height:25px;
    position: fixed;
    top: 45%;
    left: 50%;
	z-index: 100;
}

.basicPreloader2 {
    left: 52%;
}

.basicPreloader3 {
    left: 54%;
}

#searchWindow {
    position: relative;
    width: 80%;
	margin: auto;
    z-index: 10;
}

#searchModalLabel {
	font-size: 1.8rem;
}

#myModalLabel8 {
    color: white;
}

.bg-header {
    background-color: #2dcee3;
}

.modal-body {
    max-height: 560px;
}

.settingsBox {
	max-height: 450px;
	overflow: auto;
}

#searchWindow .custom-control {
    margin-left: 100px;
}

.fl-l {
    float: left;
}

.search-control {
    display: block;
    width: 200px;
    height: 30px;
    color: #4E5154;
    background-color: #FFF;
    background-clip: padding-box;
    border: 1px solid #BABFC7;
    border-radius: .25rem;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.innerSearch {
	position: absolute;
    left: 220px;
    top: 64px;
}

fieldset input {
    margin-bottom: 30px !important;
    margin-top: -45px !important;
}

fieldset input[type="checkbox"].custom-control-input {
    margin-bottom: 0!important;
    margin-top: 2px !important;
}

.searchAdv {
    margin-bottom: 10px;
}

#tableSearchTabs {
    width: 20%;
    margin-top: 15px;
	height: 415px;
}

#tableSearchResults {
    width: 80%;
    margin-top: 25px;
	height: 470px;
	overflow-y: auto;
}

.srchborder {
    border-right: 1px solid white;
}

.srchborder th {
    border-right: 1px solid white;
}

#tableSearchTabs table th, #tableSearchResults table th  {
    background-color: #F3F6F9;
    color: black;
    font-weight: 600;
}

.selectedCat {
    background-color: #f0f8ff !important;
}
#s_Panel7_rec
.badge.badge.float-right {
    margin-right: 0px;
    margin-top: 7px;
}

#tableRes td, #tableRes th {
    padding: .75rem 0rem .4rem 2rem;
}

#appSearch {
	border: none;
    margin-left: 1.5px;
    width: 100%;
    height: 45px;
    text-indent: 5px;
    margin-top: 2px;
	font-family: system-ui;
}

#appSearch:focus {
    outline: none;
    border-color: #00B5B8;
}

.shortenWid {
    width: 84%;
}

html body .content-overlay.table-wrapper-overlay.show {
   visibility: visible;
   transition: all .3s ease;
   opacity: 1;
   background-color: rgba(0, 0, 0, 0.2);
   border-radius: .25rem;
   z-index: 1;
   width: 100%;
   height: 100%;
}

/* ====== MESSAGE VIEWER ====== */

.mainTile.alert.alert-dismissible {
    margin-bottom: 0;
}

.messageViewerContainer.INFO, .reminderViewerContainer.INFO{
	background-color: #2dcee3 !important;

}
.messageViewerContainer.ERROR, .reminderViewerContainer.ERROR {
    background-color: #ff7588 !important
}
.messageViewerContainer.WARNING, .reminderViewerContainer.WARNING {
	background-color: #ffa87d !important;
}

.messageViewerContainer, .reminderViewerContainer{
	border-radius:5px;
	right:50%;
	margin-right:-235px;
	position:fixed;
	text-align:center;
	z-index:100000000;
	width:470px;
	top: 5px;
    color:#fff;
	/*box-shadow:0px 2px 0px rgba(0,0,0,0.2);*/
}

.messageViewerContainer.info, .reminderViewerContainer.info, .messageViewerContainer.warning, .reminderViewerContainer.warning, .mainTile.info,  .mainTile.warning {
    color:#fff!important;
}

.messageViewerContainer .clickable, .reminderViewerContainer .clickable{
    position: absolute;
    font-size: 2rem;
    line-height: 1rem;
    top: 0;
    right: 0;
    padding: 0.75rem 1.25rem;
    color: #fff;
    opacity: 1;
    text-shadow: none;
    font-weight: 700;

}

.messageViewerContainer .clickable:hover, .reminderViewerContainer .clickable:hover {
    cursor: pointer;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,.popover, .tooltip, body {
    font-family: system-ui;
}

.refreshComments, .showMoreComments, .showLessComments, .actionbar .actionLink {
    color: #00b5b8;
}

.CustomTabs .refreshComments, .CustomTabs .showMoreComments, .CustomTabs .showLessComments, .CustomTabs .closeComments, .CustomTabs .actionbar, .CustomTabs .actionLink {
    color: black;
}

.closeComments {
    float: right;
}

.refreshComments:before, .showMoreComments:before, .showLessComments:before, .closeComments:before, .actionLink:before {
    padding: 5px;
    cursor: pointer;
}

.commentButtonWeb {
    margin-top: 3px;
    margin-left: 9px;
}

.commentsContainer .actionbar {
    padding: 5px;
}

#recordNoteContainer .editorbar {
    display: none;
}

.criteriaRow td input {
    height: 40px;
    margin-bottom: 2px;
    border: 1px solid #dadefe;
    border-radius: 3px;
}

.criteriaRow td input[type=checkbox] {
    width:20px!important;
    height: 20px!important;
}


.filter-first-fields-wrapper {
    width: 100%;
    display: flex;
    justify-content: start;
}

.tmsh-filters-group .formRowLabel {
    line-height: 2.5;
}

.extendLabel label {
    width: 120px;
}

.recordInformationBar .btn {
    height: 38px;
    font-size: 1.2rem;
    line-height: 0.8;
}

.buttonRowEntlitements {
	float: right;
    margin-top: 50px !important;
}

#entitlement-setup .easy-report-header {
	height: 150px;
}

#confirmRepeat {
    position:fixed!important
}

.rFieldset {
    margin: 2px;
    border: 1px dotted #AAA;
    padding: 5px;
}

.allow {
    background: #ecffed;
}

.restrict {
    background: #fff0d0;
}

.restrict legend {
    color: #e05000;
    font-size: 16px;
    font-weight: bold;
}

.allow legend {
    color: #00ac00;
    font-size: 16px;
    font-weight: bold;
}

.plusList, .minusList {
    padding: 1px;
    height: 75px;
    overflow: auto;
    width: 260px;
}

.grpBut, .usBut {
    float: left;
    margin: 2px;
    padding: 2px 4px !important;
    min-width: 20px !important;
    -moz-border-radius: 3px;
	background-color: #00b5b8;
    color: white;
}


.grpBut.customBut {
    background: none repeat scroll 0 0 #00b5b8;
    border: 1px solid #C0C0C0;
    border-radius: 3px 3px 3px 3px;
	color:white;
}


.inputDouble, .inputInteger, .inputLong {
	max-width: 180px;
}

.chat-fixed {
    position: fixed;
    right: 0.7%;
    bottom: 37px;
    z-index: 10000;
    border-radius: 60px;
    color: white;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    margin-top: 12px;
    font-size: 23px;
    transition: opacity 1s;
	background-color: #123329;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../assets/owl_head_bot.png);
    opacity: 0.7;
}

.chat-fixed:hover {
    transition: opacity 0.3s;
    opacity: 1;
}

.welcomeChatText {
    color: white;
    text-align: left;
    font-size: 20px;
}

.welcomeChatSubtext {
    color: white;
    font-size: 12px;
    text-align: left;
}

.srchTable {
	margin-left: 5px;
	width: 65%;
	float: left;
	display: none;
}

#linksModalLabel {
    font-size: 1.8rem;
}

#srch_results thead th {
    text-transform: capitalize;
}

input[subtype="excel"].styled {display: none;}

body div#ptTimeSelectCntr {
    z-index: 10001 !important;
}

.centerAreaWrapper script, .centerAreaWrapper style {
    display: none!important
}

.nav.nav-tabs.nav-top-border .nav-item a.nav-link {
    font-size: 14px;
    color: #50617f;
}

.modal-body .nav.nav-tabs.nav-top-border .nav-item a.nav-link.active, #linksWindow .nav.nav-tabs.nav-top-border .nav-item a.nav-link.active, #srchWinModal a.nav-link.active {
	font-size: 15px;
	border-bottom: 3px solid #0070E0;
	color: #0070E0;
	border-top: 0px;
}

#linksWindow .modal-application {
	display: contents;
}

.custom-control .custom-control-label::before {
	background-color: white;
}

.searchAdv .fl-l {
	margin-top: 10px;
}

#settingsTabContent4 td {
	font-size: 14px;
}

#settingsTabContent4 .nav-item a {
	white-space: nowrap;
}

#settingsTabContent4 ul.nav {
	flex-wrap: nowrap;
}

#settingsTabContent4 .settingsBox table tbody tr:nth-child(11), #settingsTabContent4 .settingsBox table tbody tr:nth-child(10) {
	display:none;
}

.nav-item a.nav-link input {
	background-color: transparent;
	font-weight: bold;
}

.nav-item a.nav-link.active input, .nav-item a.selected{
	color: #ffffff;
}

.gridTabsHolder .nav-item a.nav-link.active input{
	color: #555860;
}

.gridTabsHolder .nav-item a.nav-link.active {
	color: #ffffff !important;
}

.icon-info-circled-alt:before {
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    content: "\f05a";
    font-size: 16px;
}

.formRowInfo  {
    display: flex;
    align-items: center;
}

.formRowValue .formRowInfo {
    display: inline-block;
    margin-left:5px;
}

.formRow .formRowValue .form-control {
    display: inline-block;
    width:90%;
}


.formRow .formRowValue input[type="text"].form-control {
    height: 35px;
}

.formRow .formRowValue .form-control.hidden {
    display: none;
}

.emailConf.hide {
	display: none;
}

pre.preTag {
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
    overflow: auto;
    color: #3F4254;
    display: inline-block;
    width: 100%;
    max-width: 500px;
    word-wrap: break-word;
    font-family: system-ui;
}

.time-label.icon-clock {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
#s_Panel7 .CustomTabs  .card-body {
    padding: 0.5rem;
}

.ordering-proc+span .select2-selection__rendered{
	padding: 8px;
}

#pdfPreviewContainer {
	position: absolute;
    display: flex;
    top: 10%;
    left: 30%;
    justify-content: space-between;
}

#pdfPreviewCloserButt {
	width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: rgba(255,255,255);
    border-radius: 100%;
    z-index: 100001;
    margin-left: 10px;
}

.custom-control-label[for="checkboxsmallMemos"]::before, .custom-control-label[for="checkboxsmallFiles"]::before {
    border-radius: 0px;
	background-color: #FFF;
}

.custom-control-input:checked~.custom-control-label[for="checkboxsmallMemos"]::after, .custom-control-input:checked~.custom-control-label[for="checkboxsmallFiles"]::after {
	background-color: #006ace;
	border-color: #006ace;
}

.custom-control-label[for="checkboxsmallMemos"]::before, .custom-control-label[for="checkboxsmallFiles"]::before {
	transition: none;
	-webkit-transition: none;
}

#tableRes .badge-success {
	background-color: #00B5B8;
}

#inside-search {
	padding: 3px;
    text-indent: 5px;
    border: 1px solid grey;
    border-radius: 3px;
}

.jp-sheet .ht-date {display: flex;}
.jp-sheet .ht-date .icon-calendar-1.ui-datepicker-trigger{
    margin-top: 9%;
    margin-left: -18%;}


.tabs-wrapper .content {
    min-height: inherit;
}

.notify-wrapper .linput_wrapper .select2-container--classic .select2-selection--single, .notify-wrapper .linput_wrapper .select2-container--default .select2-selection--single {
    height: 35px!important;
}

.notify-wrapper .form-group input[type="checkbox"] {
    background: transparent!important;
    width: 20px!important;
    height: 20px;
    border: 1px solid #CCD6E6;
}


.formRowValue .linput_wrapper .select2-container {min-width: 100px!important;}

.ui-timepicker-standard {
    border:none!important;
}

.ui-timepicker-standard .ui-widget-content {
    box-shadow: none;
}

@media only screen and (max-width: 767.98px) {
    .app-content .wizard > .content > .body {
        padding: 0;
    }
}

@media only screen and (max-width: 575.98px) {
    html body .content.app-content {
        overflow-x: visible;
    }
}
@media only screen and (max-width: 1920px) {
    .group-container[columns="5"] .formRow .formRowValue .form-control {
        width: 77%;
    }
    .group-container[columns="6"] .formRow .formRowValue .form-control {
        width: 63%;
    }
    .group-container[columns="7"] .formRow .formRowValue .form-control {
        width: 58%;
    }
    .group-container[columns="8"] .formRow .formRowValue .form-control {
        width: 53%;
    }

}

.formRowValue .select2-container--default .select2-selection--multiple .select2-selection__clear, .formRow .select2-container--default .select2-selection--multiple .select2-selection__clear {
    margin: 0;
    position: absolute;
    right: 1px;
    top: 2px;
}

#addTreeValue { z-index: 10001 !important}

.hideUl {
	display: none !important;
}

.navbar-dark-minimized {
	background: #404E67;
	color: white;
}

.navbar-dark-minimized .feather {
	color: white;
}

.navbar-dark-minimized .topButtons {
	margin-top: 7px;
}

.ttwrap {
	border: 1px solid #18bc9c;
    padding: 4px;
    cursor: cell;
    border-radius: 10%;
    background-color: rgba(24, 188, 156, 0.2);
}

.translationApp.addingTranslation .ttwrap {
	border: none;
	cursor: pointer;
}

.translationApp.addingTranslation {
	background-color: white;
	color: #18bc9c;
}

.tooltipApp.addingTooltip .ttwrap {
	border: none;
	cursor: pointer;
}

.tooltipApp.addingTooltip {
	background-color: white;
	color: #18bc9c;
}
