/*disable navigation slide out when mouse cursor approaches*/
.nav-function-hidden:not(.nav-function-top).nav-function-fixed .page-sidebar:after {
    width: 0 !important;
}
/*end*/

.body-fixed {
    position: fixed;
    overflow-y: scroll;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.modal .panel-hdr h2 {
    line-height: 2rem;
}
.info-card {
    height: 20px;
}
.login-info a span {
    text-transform: none !important;
}

#extr-page #header #logo {
    margin-top: 20px;
}

#extr-page #header #logo img,
#lock-page .lockscreen .logo img {
    width: auto !important;
    height: 25px;
}

#extr-page #header #logo span,
#lock-page .lockscreen .logo span {
    padding-left: 5px;
    font-size: 16px;
    font-weight: bold;
}

.page-logo img {
    height: 25px;
}

.map-element, .street-view-element {
    height: 100%;
}

.map-container {
    display: inline-block;
}

.fullscreen-pac-container {
    top: 50px !important;
    z-index: 2147483647 !important;
}

.mx-20 {
    margin-left: 20% !important;
    margin-right: 20% !important;
}

#lock-page .lockscreen .logo img {
    width: 110px;
}

.form-button {
    height: 31px;
    margin: 10px 0 0 5px;
    padding: 0 10px; /*0 22px*/
    font: 300 13px/29px 'Open Sans',Helvetica,Arial,sans-serif; /*15px*/
    cursor: pointer;
}

.iframe-go-button {
    height: 32px;
    margin: 0;
    padding: 0;
    font: 300 15px/29px 'Open Sans',Helvetica,Arial,sans-serif;
    cursor: pointer;
}

.inline-element, .inline-element section {
    display: inline-block;
}

.input-user-value {
    display: inline-block !important;
}

.input-user-value.input {
    width: 20%;
}

.input-user-value.input input {
    border-right: 0;
}

.input-user-value.select {
    width: 80%;
}

.bold-font {
    font-weight: bold;
}

.italic-font {
    font: italic;
}

.del {
    text-decoration: line-through;
}

.details-label {
    width: 50%;
}

.details-value {
    width: auto;
    min-width: 20%;
}

.dt-buttons.btn-group {
    margin-bottom: 20px;
}

div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close:after {
    line-height: 18px !important;
}

.street-view-container {
    display: inline-block;
}

body.smart-style-6 #logo-group>span#logo:before {
    content: none !important;
}

body.smart-style-6 #logo img {
    display: inline !important;
}

#messages-dropdown a span {
    width: 100%;
}

li span.msg-body.maximized {
    text-overflow: clip;
    max-height: 100%;
    white-space: normal;
}

span.msg-collapsed {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    display: inline-block;
}

.msg-full {
    display: none !important;
}

.msg-body.maximized .msg-full {
    display: block !important;
}

.msg-body.maximized .msg-collapsed {
    display: none !important;
}

.map_controls {
    margin-top: 10px;
    border: 1px solid transparent;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 32px;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.map-autocomplete-input {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
/*    width: 300px;*/
    width: calc(100% - 290px);
}

.map-autocomplete-input:focus {
    border-color: #4d90fe;
}

.map-layer-selector {
    color: #fff;
    background-color: #4d90fe;
    padding: 5px 11px 0px 11px;
    left: 222px !important;
    top: 45px !important;
}

.map-layer-selector label {
    font-family: Roboto;
    font-size: 13px;
    font-weight: 300;
}

.smart-form .simplediv {
    margin: 0 0;
}

.simplediv > .extra-margin {
    margin: 0 7px;
}

.checkflag {
    display: inline-block;
/*    width: 40px;
    min-width: 40px;*/
    padding-left: 10px;
    text-align: center;
    border-style: hidden;
    box-sizing: border-box;
}

.input-group-text .checkflag,
.input-group-text .history {
    min-width: unset;
    width: 0px;
    padding: 0;
    margin-left: -6px;
}

.ltf, .composite {
    overflow: hidden;
    display: table;
}

.ltf-row, .composite-row {
    display: table-row;
}

.ltf-row > *, .composite-row > * {
    display: table-cell;
    vertical-align: middle;
}

.wrp {
    word-wrap: break-word;
}

.tpad {
    padding-top: 5px;
}

.rpad {
    padding-right: 5px;
}

.page-header-right {
    float: right;
    width: 400px;
}

.page-header-left {
    float: left;
}

label.checkbox input[type=checkbox].checkbox-no-left {
    left: 23px;
}

.smart-form div.container, .smart-form div.row>div, .smart-form div.row>div[class=""]>div {
    padding: 0px;
    box-sizing: content-box;
}

.btnitem {
    width: 300px;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}

.btnitem .childbutton {
    float: right;
    right: 5px;
    padding: 0px;
}

.btnitem a {
    margin: 0px;
    padding: 3px 8px !important;
}

.btnitem a i {
    position: static !important;
    height: auto !important;
    width: auto !important;
    background: transparent !important;
    border-style: none !important;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff;
    outline: 0;
}

.dropdown-menu> li.active > a, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #3276b1;
}

.dropdown-menu > li > a {
    white-space: nowrap;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.dropdown-menu .radio {
    line-height: 25px;
}

.input-group-addon {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-right-color: rgb(204, 204, 204);
    border-right-style: solid;
    border-right-width: 1px;
    padding: 6px 10px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    transition: background-color .3s;
    -o-transition: background-color .3s;
    -ms-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -webkit-transition: background-color .3s;
}

.input-group-addon:first-child {
    border-right: 0;
}

.input-group-addon > * {
    vertical-align: middle;
}

.input-group .form-control {
    position: relative;
    z-index: 1;
    float: left;
/*    width: 100%;*/
    margin-bottom: 0;
}

.dropdown-menu .checkbox input, .dropdown-menu .radio input {
    position: absolute;
    left: -9999px;
    margin-left: -20px;
}

.dt-toolbar-footer .dataTables_info {
    padding-top: 0.85em;
    white-space: nowrap;
}

.dt-toolbar-footer .pagination {
    background: #fff;
    margin: 2px 0;
    white-space: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.hidden,
.hide {
    display: none !important;
}

table.dataTable {
    width: 100% !important;
} 

table.dataTable:not(.no-break) td,
table.dataTable:not(.no-break) th {
    word-break: break-word;
}

.badge {
    white-space: normal;
}

.divMessageBox {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 100000
}

.MessageBoxContainer {
    top: 35%;
    color: #fff;
    position: relative;
    width: 100%;
    background-color: #232323;
    background-color: rgba(0, 0, 0, .8);
    padding: 20px
}

.MessageBoxMiddle {
    position: relative;
    left: 20%;
    width: 60%
}

.MessageBoxMiddle .MsgTitle {
    letter-spacing: -1px;
    font-size: 24px;
    font-weight: 300
}

.MessageBoxMiddle .pText {
    font-size: 13px
}

.MessageBoxContainer input,
.MessageBoxContainer select {
    width: 50%;
    padding: 5px
}

.MessageBoxButtonSection {
    width: 100%;
    height: 30px
}

.MessageBoxButtonSection button {
    float: right;
    margin-right: 7px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    font-weight: 700
}

.LoadingBoxContainer {
    top: 20%;
    color: #fff;
    position: relative;
    width: 100%;
    background-color: #232323
}

.LoadingBoxMiddle {
    position: relative;
    left: 20%;
    width: 50%;
    padding: 10px
}

.LoadingBoxContainer .MsgTitle {
    font-size: 26px
}

.LoadingBoxContainer .pText {
    font-size: 13px
}

#LoadingPoints {
    position: absolute
}

.bigBox {
    position: fixed;
    right: 10px;
    bottom: 10px;
    background-color: #004d60;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    width: 390px;
    height: 150px;
    color: #fff;
    z-index: 99999;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    border-left: 5px solid rgba(0, 0, 0, .15);
    overflow: hidden
}

.bigBox span {
    font-size: 17px;
    font-weight: 300;
    letter-spacing: -1px;
    padding: 5px 0!important;
    display: block
}

.bigBox p {
    font-size: 13px;
    margin-top: 10px
}

#divMiniIcons {
    position: fixed;
    width: 415px;
    right: 10px;
    bottom: 180px;
    z-index: 9999;
    float: right
}

.botClose {
    position: absolute;
    right: 10px;
    height: 16px;
    width: 15px;
    cursor: pointer;
    font-size: 18px;
    opacity: .5;
    display: block;
    top: 15px
}

.botClose:hover {
    opacity: 1
}

#divMiniIcons .cajita {
    text-align: center;
    vertical-align: middle;
    padding: 4px 6px;
    color: #FFF;
    float: right;
    cursor: pointer;
    display: block;
    background-color: red;
    font-size: 17px;
    margin-left: 4px;
    margin-top: 5px
}

#divMiniIcons .cajita:active {
    top: 1px;
    left: 1px;
    position: relative
}

.cajita img {
    width: 23px;
    height: 23px;
    padding-left: 3px;
    padding-top: 3px
}

.bigBox .bigboxicon {
    font-size: 30px;
    text-align: left;
    position: absolute;
    top: 120px;
    left: 6px;
    z-index: 0
}

.bigBox .bigboxnumber {
    width: 100%;
    text-align: right;
    font-size: 25px
}

#divSmallBoxes {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999
}

.SmallBox {
    position: absolute;
    right: 5px;
    top: 20px;
    width: 420px;
    color: #fff;
    z-index: 9999;
    overflow: hidden;
    border: 1px solid transparent
}

.SmallBox:hover {
    border: 1px solid #fff;
    cursor: pointer
}

.SmallBox .foto {
    font-size: 50px;
    position: absolute;
    left: 17px
}

.SmallBox .textoFull {
    width: 93%;
    float: left;
    padding-left: 20px
}

.SmallBox .textoFoto {
    width: 78%;
    margin: 3px 20px 3px 80px;
    float: left
}

.miniPic {
    position: absolute;
    bottom: 8px;
    right: 9px
}

.miniIcono {
    height: 100%;
    font-size: 20px
}

.SmallBox span {
    font-size: 17px;
    font-weight: 300;
    letter-spacing: -1px;
    display: block;
    margin: 4px 0
}

.SmallBox p {
    font-size: 13px;
    margin-top: 2px
}

#pageModal > .modal-dialog { 
    max-width: 80%; 
/*    width: auto !important; */
    display: inline-block; 
}

.modal{
/*     text-align: center;*/
}
.modal-center{
     text-align: center;
}

#modal-body {
    padding-bottom: 0;
}

#modal-footer {
    padding-top: 0;
}

span:not(.btn) > i.fal {
    width: 1.3em;
    text-align: center;
}

.table-break-all th,
.table-break-all td {
    word-break: break-all;
}

.table-break-td td {
    word-break: break-all;
}

.table-col-eq td {
    width: 1%;
}

.dedupLink {
    cursor: default;
}

.dedupLink > span {
    display: none;
}

.ui-menu.ui-autocomplete {
    position: fixed;
    z-index: 65535;
    max-height: 260px;
    overflow-y: auto;
    overflow-x: hidden;
}

.mds {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.mds.show {
    display: block;
}

.mds > div {
    width: 750px !important;
    max-width: 80%;
    margin: 1.75rem auto;
}

.mds .panel-content {
    max-height: 550px;
    overflow-y: auto;
}

.mds.wa > div {
	width: auto !important;
}

.input-group>.input-group-append>select,
.input-group>.input-group-append>input,
.input-group>.input-group-prepend:first-child>select:not(:first-child),
.input-group>.input-group-prepend:first-child>input:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>select,
.input-group>.input-group-prepend:not(:first-child)>input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group>.input-group-append:last-child>select:not(:last-child),
.input-group>.input-group-append:last-child>input:not(:last-child),
.input-group>.input-group-append:not(:last-child)>select,
.input-group>.input-group-append:not(:last-child)>input,
.input-group>.input-group-prepend>select,
.input-group>.input-group-prepend>input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: -1px;
}

.no-header thead {
    display: none;
}

.dropdown-menu-left {
    left: -300% !important;
}

.mapselect2 {
    width: 212px;
}

.mapselect2 > span {
    margin-top: 12px;
    padding-right: 12px;
}

.topnot {
    display: none;
    margin-top: 30px;
    width: 100%;
}

body.lightmain aside.page-sidebar,
body.lightmain header,
body.lightmain footer,
body.lightmain nav,
body.lightmain .breadcrumb,
body.lightmain .sf-toolbar {
    display: none !important;
}

input.form-control[type=search] {
    padding: 0;
}

[disabled] {
/*    color: gray !important;
    border-color: gray !important;*/
    cursor: default !important;
    opacity: .4 !important;
}

/*sc-geocode-quality-zipcode*/
.lightgreen {
    background-color: lightgreen !important;
}

.yellowgreen {
    background-color: yellowgreen !important;
}

.palevioletred {
    background-color: palevioletred !important;
}

.skyblue {
    background-color: skyblue !important;
}

.left0 {
	left: 0 !important;
}

.pointer {
    cursor: pointer;
}

.copy-to-clipboard {
    cursor: pointer;
}

.context-menu-item.context-menu-hover {
    background-color: var(--theme-primary) !important;
}

.user-picture {
    width: 2rem;
    height: 2rem;
}

.badge-left-bottom {
    left: -0.3rem;
    bottom: -0.3rem;
}

.badge-center-bottom {
    left: 0.5rem;
    bottom: -0.3rem;
    font-size: 0.4rem !important;
}

/*system*/
.top-0 {
	top: 0;
}
.top-50 {
	top: 50%;
}
.top-100 {
	top: 100%;
}
.right-0 {
	right: 0;
}
.right-50 {
	right: 50%;
}
.right-100 {
	right: 100%;
}
.bottom-0 {
	bottom: 0;
}
.bottom-50 {
	bottom: 50%;
}
.bottom-100 {
	bottom: 100%;
}
.left-0 {
	left: 0;
}
.left-50 {
	left: 50%;
}
.left-100 {
	left: 100%;
}

.load-indicator:not([style*="display: none"]) + div, .load-indicator:not([style*="display: none"]) + span {
    content-visibility: hidden;
    contain-intrinsic-size: auto auto;
}