html {
height: 100%
}
body {
min-height: 100%;
position: relative;
font-size: 12px;
margin: 0;
-ms-overflow-style: scrollbar;
width:100%;
/* min-width:100%; */
max-width:100%;
overflow-x:hidden;
padding:0 !important;
}
.transition{
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
body.show-user-help{
width:calc(100% - 200px);
width:-webkit-calc(100% - 200px);
max-width:calc(100% - 200px);
max-width:-webkit-calc(100% - 200px);
}
body.modal-open{
box-sizing: unset;
-moz-box-sizing: unset;
-webkit-box-sizing: unset;
padding-right:0 !important;
/*Fix issue wrong position*/
position: fixed;
/* overflow: hidden; */
overflow-y:auto;
}
/* body.show-user-help.modal-open{
width:calc(100% - 216px);
width:-webkit-calc(100% - 216px);
}
body.show-user-help.modal-open #user-help.show{
width:216px;
} */
body.show-user-help #add_dashlets + .popover{
margin-left:-110px;
}
body.show-user-help #header_Logout{
position:relative;
}
body.show-user-help #header_Logout .tooltip{
left:auto !important;
right:0;
}
body.show-user-help #header_Logout .tooltip .tooltip-arrow{
left:auto !important;
right:12px;
}
.header {
min-width: 1300px;
width: 100%;
}
.cur-environment {
color: red;
font-size: 34px;
line-height: 1;
font-family: inherit;
font-weight: bold;
}
.select2-dropdown{
z-index: 1038;
}
footer,
#site-footer{
background-color: #E1E1E1;
position: fixed;
z-index: 1001;
left: 0px;
bottom: 0px;
width: 100%;
min-width: 1300px;
min-height: 30px;
border-top: 3px solid gray;
padding-right: 20px;
padding-top: 5px;
font-size: 11px
}
#page-wrapper {
width: 100%;
padding: 0 15px;
/* padding-top: 0;
padding-bottom: 0; */
min-width: 1300px;
min-height:500px;
min-height:100vh;
overflow: hidden;
}
#partial {
padding-bottom: 40px;
}
.help-block ul {
color: red;
list-style-type: none;
padding: 0;
margin: 0;
line-height: 5px
}
.help-block ul li {
background: url(../img/invalid.jpg);
background-repeat: no-repeat;
background-position: 0 5px;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px
}
.text-reminder {
color: #0080C0;
font-size: 10px
}
.sub-label {
font-weight: 400
}
.sub-form-control {
height: 30px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-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
}
.sub-form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6)
}
.loader {
display: none;
position: fixed;
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1051;
opacity: .5;
filter: alpha(opacity=50);
background: rgba(255, 255, 255, .8) url(../img/loader.gif) 50% 50% no-repeat
}
.control-text {
padding-top: 6px
}
.form-signin .form-signin-heading, .form-signin .checkbox {
margin-bottom: 10px
}
.form-signin .checkbox {
font-weight: 400
}
.full-width {
width: 100%;
margin-left: auto;
margin-right: auto;
}
#login-container {
color: #005E9F;
}
#login-container h3 {
font-size: 22px;
font-weight: bolder;
color: #005E9F;
margin-bottom: 10px
}
#login-container label {
font-weight: 700;
font-size: 12px
}
#login-container .checkbox label {
font-weight: 400;
color: #333
}
.input-xs {
height: 35px !important;
padding: 5px 7px
}
iframe {
background-color: rgba(38,38,38,0.3);
overflow: hidden;
margin: 0;
max-width:100%;
}
#login-banner {
right: 0
}
.login-notiy {
margin-top: 20px
}
.messages-dropdown .dropdown-menu .message-preview .avatar, .messages-dropdown .dropdown-menu .message-preview .name, .messages-dropdown .dropdown-menu .message-preview .message, .messages-dropdown .dropdown-menu .message-preview .time {
display: block
}
#login-preview, #home-preview {
height: 600px;
width: 100%;
border: 0
}
#edit-panel {
height: 600px;
overflow-y: auto;
}
.breadcrumbs-container {
background-color: #E8ECEF;
font-size: 11px;
padding-top: 7px;
padding-bottom: 7px;
color: #94969A
}
.breadcrumbs-container:first-child {
margin-top: 10px !important
}
.breadcrumbs-container > *{
padding:0 15px;
}
.breadcrumbs-container .lbl{
width:130px;
position:relative;
}
.breadcrumbs-container .list{
width:calc(100% - 230px);
width:-webkit-calc(100% - 230px);
}
.breadcrumbs-container .icons-container{
width:100px;
}
.breadcrumb {
padding: 0;
margin-bottom: 0;
list-style: none;
background-color: transparent;
border-radius: 0
}
.breadcrumb > li + li:before {
font-size: 11px;
padding: 0 5px;
color: #555;
content: none;
}
.breadcrumb > li.active {
color: #94969A
}
.navigation {
background-color: #41444B
}
.menuActiveHoverColor>li {
margin-bottom: 0;
}
.menuActiveHoverColor>li>a {
margin: 0 !important;
}
.menuActiveHoverColor>li>a:hover {
cursor: pointer !important;
}
.navigation .nav-tabs {
font-size: 11px;
border-bottom: none;
}
.nav-tabs .nav-link {
border-top-left-radius: 0.4rem;
border-top-right-radius: 0.4rem;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover{
text-decoration: none;
background-color: #eee;
border-color: #eee #eee #ddd;
}
.navigation li > a, .navigation li a.active{
background-color: transparent;
border: none;
border-radius: 0;
color: #fff;
margin-right: 0;
}
.navigation ul > li > a.active {
background: #086184 bottom center no-repeat;
}
.navigation li.active > a:hover, .navigation li.active > a:focus, .navigation li > a:hover, .navigation li > a:focus {
background: #086184 bottom center no-repeat;
border: none;
color: #fff
}
.icons-container .fa-fw {
font-size: 18px;
color: #999
}
.icons-container .fa-fw:hover, .fa-fw:focus {
color: #005E9F
}
#button-open-menu {
cursor: pointer;
left: 7px;
top: 50%;
transform: translateY(-50%);
position: absolute;
margin-right: 10px;
border-radius: 2px;
padding: 2px 4px;
float: left;
font-size: 16px;
}
#logo-preview {
padding-top: 20px;
padding-left: 10px;
min-height: 49px;
max-height: 80px
}
.current-function {
margin: 10px -15px;
padding: 2px 0;
background-color: #8EB8DE;
color: #FFF;
font-size: 13px;
font-weight: bolder
}
/*#side-menu {
padding: 0 15px;
}*/
#favourite-container > a {
color: #F7A231
}
.pull-none {
float: none !important
}
.nav-tabs .close {
font-size: 13px
}
.selection-title {
background: #8EB8DE;
text-align: center;
margin-top: 45px;
padding: 5px;
color: #FFF
}
label {
font-weight: 400
}
.form-group {
margin-bottom: 10px
}
.vertical_input_group {
margin-top: 10px;
}
.form-group .lbl-note{
color:#bbb;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
padding: 3px 6px;
}
.cell-line td {
border-right: solid 1px #ccc;
}
tfoot {
display: table-header-group
}
.dataTables_filter {
display: none
}
.dataTables_info {
position: absolute;
}
.dataTable td.whitespace-pre {
white-space: break-spaces;
}
.bootstrap-tagsinput {
width: 100%
}
.label {
line-height: 2 !important
}
.tr-selected {
background: #CBFEEA !important;
}
.margin-bottom-5, .margin-bottom-10, .margin-bottom-15, .margin-bottom-20, .margin-bottom-25, .margin-bottom-30, .margin-bottom-35, .margin-bottom-40, .margin-bottom-45, .margin-bottom-50, .margin-bottom-55, .margin-bottom-60 {
clear: both
}
.margin-bottom-0 {
margin-bottom: 0px;
}
.margin-bottom-2 {
margin-bottom: 2px;
}
.margin-bottom-5 {
margin-bottom: 5px
}
.margin-bottom-10 {
margin-bottom: 10px !important
}
.margin-bottom-15 {
margin-bottom: 15px
}
.margin-bottom-20 {
margin-bottom: 20px
}
.margin-bottom-25 {
margin-bottom: 25px
}
.margin-bottom-30 {
margin-bottom: 30px
}
.margin-bottom-35 {
margin-bottom: 35px
}
.margin-bottom-40 {
margin-bottom: 40px
}
.margin-bottom-45 {
margin-bottom: 45px
}
.margin-bottom-50 {
margin-bottom: 50px
}
.margin-bottom-55 {
margin-bottom: 55px
}
.margin-bottom-60 {
margin-bottom: 60px
}
.margin-top-5 {
margin-top: 5px
}
.margin-top-10 {
margin-top: 10px
}
.margin-top-15 {
margin-top: 15px
}
.margin-top-20 {
margin-top: 20px
}
.margin-top-25 {
margin-top: 25px
}
.margin-top-30 {
margin-top: 30px
}
.margin-top-35 {
margin-top: 35px
}
.margin-top-40 {
margin-top: 40px
}
.margin-top-45 {
margin-top: 45px
}
.margin-top-50 {
margin-top: 50px
}
.margin-top-55 {
margin-top: 55px
}
.margin-top-60 {
margin-top: 60px
}
.margin-top-5pc {
margin-top: 5%
}
.margin-top-10pc {
margin-top: 10%
}
.margin-top-15pc {
margin-top: 15%
}
.margin-left-10 {
margin-left: 10px;
}
.margin-left-30 {
margin-left: 30px;
}
.margin-right-5 {
margin-right: 5px;
}
.btn-advanced-search {
margin: 8px 10px 0 30px;
color: red;
cursor: pointer;
}
#impersonation_info, #documents_info, #processing_info {
margin-top: 5px;
margin-right: -5px;
font-size: 18px;
cursor: pointer;
}
.btn-group-xs > .btn, .btn-xs {
padding: 0 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
.file-preview-frame {
max-width: 200px !important;
max-height: 120px !important
}
.file-preview-image {
max-width: 200px !important;
max-height: 120px !important;
height: auto !important
}
.display-submit-btn {
text-align: right;
margin-top: 30px;
}
#button-green {
background: #b6e026;
background-image: -webkit-linear-gradient(top, #b6e026, #abdc28);
color: #41444B;
margin-left: 1px;
}
#button-orange {
background: #ffd65e;
background-image: -webkit-linear-gradient(top, #ffd65e, #febf04);
color: #41444B;
margin-left: 1px;
}
#button-inactive {
margin-left: 1px;
}
.border {
border: 2px solid #41444B;
font-weight: bold;
}
#image-center {
margin: 0 auto;
}
.preview-content {
overflow-y: auto;
}
#cookies_policy .modal-content,
#privary_statement .modal-content {
border-radius: 0;
}
#cookies_policy .modal-header,
#privary_statement .modal-header {
background-color: #8eb8de;
color: #fff;
}
#cookies_policy .modal-header .close,
#privary_statement .modal-header .close {
color: #fff;
opacity: 1;
line-height: initial;
font-weight: 100;
}
/*.btn {
background: #f2f4f5;
background-image: -webkit-linear-gradient(top, #f2f4f5, #c9ced1);
background-image: -moz-linear-gradient(top, #f2f4f5, #c9ced1);
background-image: -ms-linear-gradient(top, #f2f4f5, #c9ced1);
background-image: -o-linear-gradient(top, #f2f4f5, #c9ced1);
background-image: linear-gradient(to bottom, #f2f4f5, #c9ced1);
font-family: Arial;
color: #868686;
font-size: 14px;
text-decoration: none;
padding: 2px 10px 2px 10px;
border-radius: 0;
}
.btn:hover {
background: #e8e5e8;
background-image: -webkit-linear-gradient(top, #e8e5e8, #9c9d9e);
background-image: -moz-linear-gradient(top, #e8e5e8, #9c9d9e);
background-image: -ms-linear-gradient(top, #e8e5e8, #9c9d9e);
background-image: -o-linear-gradient(top, #e8e5e8, #9c9d9e);
background-image: linear-gradient(to bottom, #e8e5e8, #9c9d9e);
text-decoration: none;
}*/
#cookies_policy .modal-body h4 {
text-transform: uppercase;
color: #005E9F;
}
#cookies_policy .modal-body h5 {
color: #035FA0;
margin-top: 15px;
margin-bottom: 15px;
}
#cookies_policy table thead {
background-color: #0F4B79;
color: #fff;
}
#cookies_policy table tbody {
background-color: #408FCB;
color: #fff;
}
#cookies_policy table th,
#cookies_policy table td {
text-align: center;
}
.accordion-header .country-flag {
margin-right: 5px;
}
#accordion .card {
margin-bottom: 10px;
}
.panel-group .card-header a:after {
content: '-';
position: absolute;
right: 15px;
top: 0;
font-size: 20px;
}
.panel-group .card-header a.collapsed:after {
content: '+';
}
.contacts-container {
width: 50%;
}
.border-row {
border-bottom: 1px solid lightgray;
margin-bottom: 10px;
}
.pt-10 {
padding-top: 10px !important;
}
.pt-20 {
padding-top: 20px !important;
}
.pt-30 {
padding-top: 30px !important;
}
.pt-40 {
padding-top: 40px !important;
}
#content-icons-container > .popover {
overflow-x: hidden;
overflow-y: auto;
width: 300px;
max-width:inherit;
height: 280px;
font-size:13px;
}
#content-icons-container .popover-body ul li{
margin-bottom:10px;
}
.popover-header {
/* padding: 8px 14px;
margin: 0; */
font-size: 14px;
background-color: #f7f7f7;
/* border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0; */
}
.popover-body {
padding: 9px 14px;
font-size: 12px;
}
#bookmarks-container ul.sub-nav {
display: none;
}
#bookmarks-container a {
padding: 10px;
}
#bookmarks-container .submodule a {
padding: 5px;
}
#bookmarks-container ul.visible {
display: block;
}
.parent {
display: none;
}
.fa-download{
vertical-align: middle;
}
.fa-lock{
font-size: 16px;
vertical-align: middle;
}
.fa-lock.blue:hover,
.blue {
color: #5588aa;
}
.yellow{
color: #ffb138;
}
.fa-lock.red:hover,
.red {
color: #cc3300;
}
.fa-lock.purple:hover,
.purple {
color: #800080;
}
.green {
color: #168624;
}
#clear-search:hover {
cursor: pointer;
cursor: hand;
}
.right {
text-align: right;
}
.select2-container .select2-selection--single {
min-height: 26px;
}
.select2-container .select2-selection--multiple {
min-height: 26px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 24px;
}
#download_section {
padding-top: 13px;
}
/* Datatable filter */
#filter_div {
width: 300px;
}
#filter_search_button {
position: absolute;
right: 0px;
}
.dropdown-submenu {
position: relative;
}
#search-criteria {
width: 80px;
}
#search-input {
width: 200px;
}
.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px;
border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
display: block;
}
.dropdown-submenu > a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #ccc;
margin-top: 5px;
margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
border-left-color: #fff;
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}
#upload_file {
margin-top: 20px;
}
.pdf_download {
color: red;
}
.csv_download {
color: green;
}
/* START DRAG & DROP sorting */
body.dragging, body.dragging * {
cursor: move !important;
}
.dragged {
position: absolute;
opacity: 0.5;
z-index: 2000;
}
.row-parent {
display: table;
width: 100%
}
.row-parent.header {
min-width: 100% !important;
}
.row-cell {
display: table-cell;
padding-left: 15px;
}
.row-parent.header .cell-1 {
width: 7%;
}
.row-parent.header .cell-2 {
width: 35%;
}
.row-parent.header .cell-3 {
width: 20%;
}
.row-parent.header .cell-4 {
width: 20%;
}
.row-parent.header .cell-5 {
width: 18%;
}
.row-parent.header .row-cell {
padding: 8px;
text-align: center;
font-weight: bold;
border-right: 1px solid #ddd;
}
.row-parent.header .row-cell:last-child {
border-right: none;
}
.row-parent.header {
background-color: white;
border: 1px solid #ddd;
}
ol.serialization {
border: 1px solid #ddd;
}
.serialization {
overflow: hidden;
padding-left: 33px;
}
.serialization > li {
border-left: 1px solid #ddd;
margin-left: 16px;
border-bottom: 1px solid #ddd;
cursor: pointer;
}
.serialization > li:nth-child(odd) {
background-color: #fff;
}
.serialization > li:nth-child(even) {
background-color: #f1f1f1;
}
.serialization > li .row-parent {
padding-left: 15px;
}
.serialization > li .parent-first {
margin-top: -21px;
padding-left: 0px;
}
.serialization > li .row-parent .row-cell:first-child {
width: 36%;
/*border-right: 1px solid #ddd;*/
}
.serialization > li .parent-first .row-cell:first-child {
padding-top: 8px;
width: 37.6%;
/*border-right: 1px solid #ddd;*/
}
.serialization > li .parent-first .row-cell:nth-child(2) {
width: 20%;
text-align: center;
/*border-right: 1px solid #ddd;*/
}
.serialization > li .parent-first .row-cell:nth-child(3) {
/*width: 20%;*/
padding-left: 66px;
}
.serialization > li .row-parent .row-cell:last-child {
padding-bottom: 8px;
}
.serialization > li .row-parent .row-cell:nth-child(2) {
/*border-right: 1px solid #ddd;*/
}
/* STOP DRAG & DROP sorting */
/*
.serialization li {
margin: 10px 0px;
padding-left:20px;
cursor: pointer;
}
.row-cell:first-child {
width: 46%;
}
@-moz-document url-prefix() {
.parent-first {
margin-top: 0px;
}
}
.row-parent.sorting-child {
padding-left:20px;
}
.row-parent.odd {
background-color: #ECF2FE;
}
.row-parent.even {
background-color: #FFFFFF;
}
.row-parent:hover {
background-color: #C2DDEE;
}
.row-parent{
position: relative;
}
*/
.align-input {
text-align: right;
padding-right: 25px;
}
/* datatable row highlithed class */
.table>tbody>tr.highlighted>td{
background-color: #B0BED9 !important;
}
/*backgorund color extend hack*/
/*
.row-parent:before{
content: '';
display: block;
position: absolute;
width: 100%;
top: 0;
left:-75px;
height: 100%;
z-index: -1;
}
.row-parent.odd:before{
background-color: #ECF2FE;
}
.row-parent.even:before{
background-color: #FFFFFF;
}
.row-parent.odd:hover:before,
.row-parent.even:hover:before{
background-color: #C2DDEE;
}
*/
/* STOP DRAG & DROP sorting */
/* START DATAMANAGER - add new records */
.datamanager-fields-block {
}
.datamanager-content {
padding: 10px 0 0 0;
margin-bottom: 10px;
}
/* STOP DATAMANAGER - add new records */
/* START error-tooltip style */
.error-field,
.error-field .select2-selection {
border-color: red !important;
}
div.error-field {
color: red;
}
.tooltip.error-tooltip .tooltip-arrow {
border-right-color: red;
}
.tooltip.error-tooltip .tooltip-arrow {
border-top-color: red;
}
.tooltip.error-tooltip .tooltip-arrow {
border-left-color: red;
}
.tooltip.error-tooltip .tooltip-arrow {
border-bottom-color: red;
}
.error-tooltip .tooltip-inner {
background-color: red;
}
.error-tooltip {
/*width: 100%;*/
}
.tooltip-inner {
overflow-wrap: break-word;
}
/* STOP error-tooltip style */
#add_bookmarks .fa-star,
#add_bookmarks .fa-star-o {
font-size: 18px;
}
/*Bootstrap Modal textarea*/
textarea {
resize: vertical;
}
/* Bootstrap Tags input */
.bootstrap-tagsinput,
.form-group-sm .bootstrap-tagsinput,
.input-group-sm .bootstrap-tagsinput,
.bootstrap-tagsinput.input-sm {
min-height: 30px;
padding: 0;
margin-bottom: 0px;
}
div.bootstrap-tagsinput-focus,
div.bootstrap-tagsinput.focus {
border-color: #66afe9;
}
.bootstrap-tagsinput .tag {
background-color: #fff !important;
border: 1px solid #ccc;
border-radius: 4px;
cursor: pointer;
padding: 3px 5px;
color: #555;
display: inline-block;
margin-top: 4px;
margin-left: 5px;
}
div.bootstrap-tagsinput .tag {
margin-right: 0px;
}
.bootstrap-tagsinput .label {
font-weight: 200;
line-height: normal !important;
height: 20px;
margin-top: 3px;
padding-top: 2px;
}
.label {
font-weight: 200;
font-size: 12px;
line-height: 18px;
}
div.bootstrap-tagsinput > input {
margin-top: 4px;
margin-left: 5px;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
color: #999;
cursor: pointer;
display: inline-block;
font-weight: 700;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
color: #555;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
color: #555;
}
div.bootstrap-tagsinput .tag [data-role="remove"]::after {
content: "×";
}
.select2-container-multi .select2-search-choice-close {
left: auto;
right: 3px;
}
.select2-container-multi .select2-choices .select2-search-choice {
padding: 3px 18px 3px 5px;
}
.button_right {
position: relative;
text-align: right;
right: 0px;
}
#dropdown_actions {
float: right;
margin: 0 0 0 3px;
}
#languageSelection {
padding: 0;
border-radius: 0;
z-index:9999;
}
#languageSelection li {
border-bottom: 1px solid #eee;
}
.header-langs-dropdown{
min-width:210px;
}
#bloc1 {
display: inline-block;
width: 250px;
}
#bloc2 {
display: inline-block;
width: 300px;
}
#bloc3 {
display: inline-block;
width: auto;
}
/* START POA - VIEW */
.poa-summary {
width: 100%;
max-width: 350px;
}
.poa-summary .header,
.poa-summary .content {
text-align: center;
}
.poa-summary .header {
background-color: #F2F1F0;
}
.doc-header {
margin: 0 auto;
padding: 4px 0px 0px;
border-left: 3px #A39E9E solid;
border-right: 3px #A39E9E solid;
border-bottom: 3px #E0E0E0 solid;
}
.poa-content .contentBgColor {
height: 20px;
}
.poa-cols,
.poa-details,
.poa-footer,
.charge-section {
padding: 5px 10px;
margin: 0 auto;
border-left: 3px #A39E9E solid;
border-right: 3px #A39E9E solid;
border-top: 3px #E0E0E0 solid;
border-bottom: 3px #E0E0E0 solid;
}
.charge-section {
padding: 0px;
}
.po-details .row {
margin: 0 auto;
}
.poa-footer div {
padding: 3px;
}
.poa-footer .col-12 {
padding: 0px;
}
.export {
margin: 10px 0 10px 0;
}
.table > tbody > tr > td {
vertical-align: middle;
word-break: break-word;
}
.table-striped > tbody > tr:nth-child(2n+1):not(.child-row) > td,
.table-striped > tbody > tr:nth-child(2n+1):not(.child-row) > th {
background-color: #f0f0f0;
}
.table-striped>tbody>tr.child-row:nth-of-type(odd)>* {
--bs-table-accent-bg: unset;
}
.table-striped>tbody>tr.child-row:hover:nth-of-type(odd)>* {
--bs-table-accent-bg: var(--bs-table-hover-bg);
}
.footer-text {
margin-top: -15px;
}
/* STOP POA - VIEW */
#doc_table input, #invoice_view_table input #invoice_bulk_view_table input, #invoice_view_only_table input {
text-align: center;
}
#doc_table.table, #invoice_view_table.table, #invoice_bulk_view_table.table, #invoice_view_only_table.table {
border-left: 3px #A39E9E solid;
border-right: 3px #A39E9E solid;
border-bottom: 3px #E0E0E0 solid;
}
/* START buttons status */
.process-status i {
position: relative;
margin: 0 20px 0 0;
}
.process-status i.fa-1-5x {
font-size: 1.5em;
}
.process-status i.fa-1-5x span {
font-size: 9px;
position: absolute;
left: 10px;
top: 13px;
font-weight: 700;
}
.process-status i.fa-2x span {
font-size: 11px;
position: absolute;
left: 12px;
top: 20px;
font-weight: 700;
}
.process-status i.green span {
color: #168624;
}
.process-status i.red span {
color: #B01717;
}
.process-status i.gray span {
color: #B6B0B0;
}
.btn-chk {
padding: 0;
}
.btn-chk label div {
padding: 5px 10px;
}
.btn label {
margin-bottom: 0;
}
.btn div {
padding: 2px 10px 2px 10px;
}
.btn input {
display: none;
}
.btn input:checked + div {
background-color: #191;
color: #fff;
}
.table, body.modal-open .dataTables_scroll .dataTables_scrollHeadInner{
width: 100% !important;
}
.table td.cell-numeric, .table td.cell-currency,
.table td.cell-numeric input, .table td.cell-currency input,
.table td.cell-numeric div, .table td.cell-currency div {
text-align: right !important;
}
.table td.cell-alphanum, .table td.cell-alphanum input {
text-align: left !important;
}
.table td.cell-numeric input {
min-width: 50px;
width: 100%;
}
.table td.cell-currency input,
.table td.cell-currency div {
width: 100%;
}
.table tr td.cell-alphanum input.description {
width: 100%;
}
.table tr td.cell-alphanum input.ean {
max-width: 115px;
width: 100%;
}
.table tr td.cell-alphanum select, .table tr td.cell-alphanum .select2-container {
max-width: 125px;
width: 100%;
}
.table tr td.cell-date input {
min-width: 88px;
width: 100%;
}
.table tr td.td-line-num {
max-width: 42px;
word-wrap: break-word;
}
.table tr td.td-line-num.sorting_asc:after,
.table tr td.td-line-num.sorting_desc:after,
.table tr td.td-line-num.sorting:after {
right: 1px;
}
.table .min-width {
width: 1px;
}
#total-text {
text-align: right;
font-weight: bold;
}
#total_to_ship_qty,
#total_order_qty,
#total_backorder_qty,
#total_reject_qty {
font-weight: bold;
}
#total_lines, #total_quantity, #total_tax, #total_gross, #total_net {
clear: right;
}
/* style for data restriction end */
a.disabled {
text-decoration: none;
cursor: default;
color: #868686;
}
a.not-allow {
text-decoration: none;
cursor: not-allowed;
opacity: 0.65;
}
tr.current td {
background-color: #CBFEEA;
}
.select2-selection__choice__remove {
float: right;
margin-left: 6px;
}
.contact-us-popover li img {
float: left;
width: 32px;
height: 32px;
display: inline;
}
.contact-us-popover li span {
text-align: left;
line-height: 2.3em;
display: block;
}
.new-data {
color: green;
}
.updated-data {
color: red;
}
#open-poa-table, #closed-poa-table,
#doc_table, #invoice_view_table, #invoice_bulk_view_table, #invoice_view_only_table {
margin-top: -2px !important;
}
.clearfix {
clear: both;
}
.form-control[disabled], .form-control[readonly] {
cursor: default;
}
/*make datatables responsive*/
#doc_table_wrapper .row, #doc_table_wrapper .col-sm-12,
#invoice_view_table_wrapper .row, #invoice_view_table_wrapper .col-sm-12,
#invoice_bulk_view_table_wrapper .row, #invoice_bulk_view_table_wrapper .col-sm-12,
#invoice_view_only_table_wrapper .row, #invoice_view_only_table_wrapper .col-sm-12,
#open-poa-table_wrapper .row, #open-poa-table_wrapper .col-sm-12 {
margin: 0px;
padding: 0px;
}
/* invoice */
#invoice_charge_table {
margin-bottom: 0px;
}
#invoice_charge_table th {
border: 1px solid #ccc;
font-weight: normal;
vertical-align: middle;
text-align: center;
}
/** apply same height for column **/
/* USAGE
*/
/* content styles */
.inside {
margin-top: 0px;
margin-bottom: 0px;
background: #ededed;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #ededed));
background: -moz-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
background: -ms-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
}
.inside-full-height {
/*
// if you want to give content full height give him height: 100%;
// with content full height you can't apply margins to the content
// content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
*/
height: 100%;
margin-top: 0;
margin-bottom: 0;
}
/* columns of same height styles */
.row-height {
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
}
.col-height {
display: table-cell;
float: none;
height: 100%;
}
.col-top {
vertical-align: top;
}
.col-middle {
vertical-align: middle;
}
.col-bottom {
vertical-align: bottom;
}
.align-top {
vertical-align: top !important;
}
.align-middle {
vertical-align: middle !important;
}
.align-bottom {
vertical-align: bottom !important;
}
/* NOTY LIB OVERRIDE BOOTSTRAP DEFAULT CSS */
.noty.btn.btn-primary {
color: #fff !important;
background: #337ab7 !important;
border-color: #2e6da4 !important;
}
.noty.btn.btn-danger {
color: #fff !important;
background: #d9534f !important;
border-color: #d43f3a !important;
}
.patr {
/*cursor: pointer;*/
}
.hide {
display: none !important;
}
.hideSection {
display: none !important;
}
@media (min-width: 480px) {
.row-xs-height {
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
}
.col-height {
display: table-cell;
float: none;
height: 100%;
}
.col-top {
vertical-align: top;
}
.col-middle {
vertical-align: middle;
}
.col-bottom {
vertical-align: bottom;
}
}
@media (min-width: 768px) {
.row-sm-height {
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
}
.col-sm-height {
display: table-cell;
float: none;
height: 100%;
}
.col-sm-top {
vertical-align: top;
}
.col-sm-middle {
vertical-align: middle;
}
.col-sm-bottom {
vertical-align: bottom;
}
}
@media (min-width: 992px) {
.row-md-height {
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
}
.col-md-height {
display: table-cell;
float: none;
height: 100%;
}
.col-md-top {
vertical-align: top;
}
.col-md-middle {
vertical-align: middle;
}
.col-md-bottom {
vertical-align: bottom;
}
}
@media (min-width: 1200px) {
.row-lg-height {
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
}
.col-lg-height {
display: table-cell;
float: none;
height: 100%;
}
.col-lg-top {
vertical-align: top;
}
.col-lg-middle {
vertical-align: middle;
}
.col-lg-bottom {
vertical-align: bottom;
}
}
.filter-sub-menu.show {
display: block;
max-height: 300px;
max-height: 60vh;
max-height: calc(100vh - 250px);
max-height: -webkit-calc(100vh - 250px);
overflow-y: auto;
}
.lastaccessed ul {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: transparent transparent #ddd;
border-image: none;
border-style: solid;
border-width: 0px 0 0;
float: right;
line-height: 24px;
margin-top: -10px;
z-index: 1;
}
.lastaccessed ul li {
border: 1px solid #ddd;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
display: inline-block;
left: -6px;
list-style: outside none none;
margin: -1px 0.16em 0 0;
padding: 0 20px;
}
.lastaccessed ul li span {
color: #555;
}
.lastaccessed {
float: right;
margin-right: 50px;
}
.cal-action-left {
position: absolute;
left: 0px;
margin-left: 5px;
}
.cal-action-right {
position: absolute;
right: 0px;
margin-right: 5px;
}
.blue-lock {
color: blue;
}
.red-lock {
color: red;
}
.nav > li > a.nav_open:after {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome, sans-serif;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f102";
position: absolute;
right: -2px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.btn_audit_log {
background: url("../img/sprite_image.png") repeat scroll -120px -130px transparent;
border: 0 none;
cursor: pointer;
height: 20px;
opacity: 0.7;
width: 25px;
}
.btn_history {
background: url("../img/sprite_image.png") repeat scroll -120px -125px transparent;
border: 0 none;
cursor: pointer;
height: 24px;
margin-right: 5px;
opacity: 0.7;
width: 24px;
}
.card-header.error-field {
border: solid 1px;
}
.no-select {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
.cur-p {
cursor: pointer;
}
/*tr.child_row {
pointer-events: none;
}*/
tr .dataTables_length {
display: none;
}
td.details-control:before,
tr.child_row td:first-child:before, tr.child_row th:first-child:before {
pointer-events: auto;
content: "";
display: block;
float: left;
cursor: pointer;
width: 15px;
height: 15px;
margin: 0 6px 0 0;
background-image: url("../img/expand-close.png");
background-size: contain;
/*width: 5px;
margin: 4px 6px 0 0px;
border-left: 4px solid;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;*/
}
/*tr.child_row td:first-child, tr.child_row th:first-child{color: transparent; line-height: 0.428571;}*/
.transparent {
color: transparent;
}
.transparent::selection {
background: transparent;
}
tr.shown td.details-control:before,
tr.child_row.shown td:first-child:before, tr.child_row.shown th:first-child:before {
background-image: url("../img/expand-open.png");
background-size: contain;
/*border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;*/
}
.B2BEID {
min-width: 100px;
}
.search-select {
margin-top: 10px;
margin-bottom: 10px;
}
.glyphicon-calendar {
cursor: pointer;
}
/* CSS HELPER */
.dp-n {
display: none;
}
.mg-t-xs {
margin-top: 5px;
}
.mg-t-sm {
margin-top: 10px;
}
.mg-t-md {
margin-top: 15px;
}
.moduleSortable .table, .moduleSortable .table td {
background-color: transparent;
}
.moduleSortable .table td {
border-right: 1px solid #ddd;
border-bottom: none;
}
.moduleSortable .table > tbody > tr > td {
border-top: none;
}
.bannerBgColor {
border-bottom: 1px solid;
}
.submodule li a {
padding-left: 25px;
}
/* MENU-LEFT
-------------------------- */
/* layout */
#left .menu1 li, #left li.father>a{
border-bottom:1px solid #8EB8DE;
}
#left ul.nav ul,
#left ul.nav ul li {
list-style: none!important;
list-style-type: none!important;
position: relative;
}
#left ul.nav ul {
padding-left: 0;
width: auto;
}
#left ul.nav ul.children {
width: auto;
}
#left ul.nav ul.children li{
margin-left: 0px;
}
#left ul.nav li a:hover {
text-decoration: none;
}
#left li.father {
border: none;
}
/* parent item */
#left ul.nav>li>a {
padding: 0px;
padding-left: 5px;
display: block;
}
#left .nav>li>a:focus, #left .nav>li>a:hover
{
background: none;
}
/* link tag (a)*/
#left ul.nav li.father ul>li>a {
display: block;
padding-left: 10px;
}
#left .lbl {
padding: 5px;
padding-right: 10px;
display: inline-block;
}
#left li.current>a,
#left li.father>a{
position: relative;
}
#left li.current>a:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome, sans-serif;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f0da";
position: absolute;
left: 0px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #8EB8DE;
}
#left li.father>a:after{
display: inline-block;
font: normal normal normal 14px/1 FontAwesome, sans-serif;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f103";
position: absolute;
right: 0px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #8EB8DE;
}
#left .menu-level-1 {
padding-left: 5px !important;
}
#left .menu-level-2 {
padding-left: 10px !important;
}
#left .menu-level-3 {
padding-left: 15px !important;
}
#left .menu-level-4 {
padding-left: 20px !important;
}
#left .menu-level-5 {
padding-left: 25px !important;
}
.nav>li>a {
display: inline-table;
}
.nav-sidebar {
overflow-x: hidden;
margin-bottom: 29px;
}
.nav-sidebar::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
background-color: #F5F5F5;
}
.nav-sidebar::-webkit-scrollbar
{
width: 6px;
background-color: #F5F5F5;
}
.nav-sidebar::-webkit-scrollbar-thumb
{
background-color: grey;
}
.nav-sidebar .nav>li>a:focus, .nav-sidebar .nav>li>a:hover.nav>li>a:focus, .nav-sidebar .nav>li>a:hover{
background: none;
}
#side-menu {
background: white;
width: 0;
padding-left: 0;
padding-right: 0;
}
#main {
margin-bottom: 40px;
padding-left:15px;
padding-right:15px;
float:left;
width:calc(100% - 130px);
width:-webkit-calc(100% - 130px);
position: relative;
}
#left_sidebar.s2 + #main{
width:calc(100% - 170px);
width:-webkit-calc(100% - 170px);
}
#main.full,
#left_sidebar.s2 + #main.full{
width:100%;
}
#left_sidebar.s2 #sidebar-menu, #left_sidebar.s2 #sidebar-menu ul {
z-index: 3;
}
.openNav{
width:8.33333333% !important;
}
.marginNav{
width: 91.66666667% !important;
/*margin-left: 8.33333333% !important;*/
}
a.nav_close:after {
content: "\f102" !important;
}
section.sidebar-show {
width:8.33333333% !important;
position: relative !important;
top: 0 !important;
left: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
#bookmarks-container li.parent>a{
display: block;
border-bottom: 1px solid #8EB8DE;
border-radius: 0;
}
#side-menu .submodule li {
border-bottom: 1px solid #8EB8DE;
display: flex;
padding-left: 10px;
}
/*custom css */
.input-group-3-elements .input-group-addon:not(:first-child):not(:last-child) {
border-right: none;
}
div.dataTables_paginate ul.pagination {
margin: 0 0 10px 0;
white-space: nowrap;
}
table.dataTable {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.collapseApproval {
margin-bottom: 0px;
}
hr {
margin-top: 10px;
margin-bottom: 10px;
}
.route-title{
margin-top: 0px;
font-size: 21px;
}
.canvasjs-chart-credit {
display: none !important;
}
#documentUploadSelect {
width: 110px;
padding: 2px 5px;
border-radius: 3px;
}
.padding-sm {
padding-left: 10px;
padding-right: 10px;
}
.boxsizingBorder {
border-color: transparent;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.boxsizingBorder:focus{
border: transparent;
box-shadow: none;
}
.ticket-document {
position: absolute;
top: 15px;
left: 15px;
font-size: 20px;
}
.hand-cursor {
cursor: pointer;
}
#top-head{
background: #fff;
min-height:80px;
overflow:hidden;
max-width:100%;
}
#top-head:not(.is-sticky){
width:100% !important;
}
#top-head:before,
#top-head:after{
display:none;
}
body.show-user-help #top-head{
min-width:100%;
}
#top-head.is-sticky{
-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
}
body.show-user-help #top-head.is-sticky{
min-width:calc(100% - 200px);
min-width:-webkit-calc(100% - 200px);
max-width:calc(100% - 200px);
max-width:-webkit-calc(100% - 200px);
}
#top-head .grp-right2{
padding:6px 0;
width: auto;
min-width: max-content;
min-width: -moz-max-content;
min-width: -webkit-max-content;
min-width: -o-max-content;
min-width: -ms-max-content;
white-space: nowrap;
}
#top-head .menu-apps-wpr{
position: relative;
z-index:999;
}
#top-head .horizontal-menu-wpr{
position: absolute;
z-index:10;
top:100%;
left:0;
}
#top-head .sub-menu-wpr a {
border: none;
}
#site-header .left-menu{
padding:10px;
width:130px;
}
#site-header .left-menu a{
display:block;
}
#site-header .right-part{
width:calc(100% - 130px);
width:-webkit-calc(100% - 130px);
}
.contain-logo {
max-height: 60px;
}
body.static-page .header-wpr{
height:80px;
}
body .header-wpr{
margin-left: -15px;
margin-right: -15px;
}
.is-sticky.disabled{
position: inherit !important;
width:inherit !important;
}
#top-head.fixed #block_container > *{
display:none;
}
#top-head.fixed #block_container > .icons-container{
display:block;
position: absolute;
z-index: 9;
top:50%;
transform:translateY(-50%);
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
right:0px;
}
#top-head.fixed #block_container > .icons-container .list-inline{
margin:0;
}
#top-head.fixed .icons-container .list-inline > li{
padding:0;
}
#top-head.fixed .icons-container a{
display: block;
height:34px;
line-height: 34px;
min-width: 34px;
text-align: center;
}
#top-head.fixed .right-side{
padding-top:0;
}
#top-head.fixed .contain-logo{
height:14px;
}
.editor-error .cke {
border: 1px solid red;
}
legend a {
color: inherit;
}
legend.legendStyle {
padding-left: 5px;
padding-right: 5px;
margin-bottom: 0;
}
fieldset.fsStyle {
border: 1px solid #ddd;
border-radius: 4px;
padding: 4px;
margin-bottom: 10px;
}
fieldset.fsStyle p {
margin: 0 0 2px;
}
legend.legendStyle {
font-size: 120%;
color: #888888;
background-color: transparent;
font-weight: bold;
}
legend {
width: auto;
border-bottom: 0px;
}
#maintenance_detail_table {
overflow-x: auto;
padding-bottom: 40px;
}
.removeIPRestriction {
color: red;
}
/*overide select2*/
.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
display: table;
}
.select2.select2-container.select2-container--bootstrap {
max-height: 210px;
overflow-y: auto;
}
.select2-container--bootstrap .select2-results__option{
word-wrap:break-word;
}
.select2-container--bootstrap .select2-results__option[aria-selected=true] {
background-color: #eaffea;
}
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected=true] {
color: black;
background: #d6ffd6;
}
/* Override css of select2 because current it support BT4 when we use BT5*/
.select2-container .select2-selection--multiple,
.select2-container .select2-selection--multiple .select2-selection__rendered {
padding-left: 0 !important;
}
.select2-container--bootstrap .select2-selection--single {
padding: 0.5rem 2.2rem 0.5rem 0.5rem !important;
border-radius: 3px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 0.5rem !important;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
margin: 4px 0 0 5px !important;
padding: 0 5px;
}
.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
margin-left: -5px;
}
.select2-container--bootstrap .select2-selection--multiple {
min-height: 30px !important;
border-radius: 3px !important;
}
.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
padding: 0 1rem !important;
height: 28px;
line-height: 1.5;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
margin-top: 5px;
}
/* Patch select2 RTL bug */
/* @see https://github.com/select2/select2/commit/4811ff2c59bd52ebea1706ecb3ada3c5ad60d9a5 */
.select2-container[dir="rtl"] .select2-selection--multiple .select2-search--inline {
float: right;
}
tr.warning-light{
background: lightpink;
}
.captcha-text {
background: linear-gradient(-90deg, grey, white);
font-size: 22px;
font-family: inherit;
font-style: italic;
}
/*
* CSS FOR LINE TABLE
*/
#InfoItemTable .firstHeader th{
text-align: center;
border: 1px solid #ddd;
}
#InfoItemTable .secondHeader {
}
.border-right{
border-right: 1px solid #ddd;
}
.border-left{
border-left: 1px solid #ddd;
}
#InfoItemTable .line-right-border,
#InfoItemTable .firstHeader .line-right-border {
border-right: 3px solid #bbb;
}
#InfoItemTable .firstHeader .line-right-border:last-child {
border-right: 1px solid #ddd;
}
table.balancing-table thead > tr > th{
padding-right: 6px;
}
.openMenuDescription{
font-size: 11px;
position: absolute;
font-family: inherit;
transform: translateY(-50%);
top: 50%;
left: 95%;
}
#form-passwordreset {
min-height: 200px;
}
.middle-control-text {
padding-top: 6px;
}
.form-group:not(.slider-group) + .slider-group,
.slider-group + .form-group:not(.slider-group),
:not(.slider-group) + .slider-group:nth-of-type(odd) ~ .slider-group:nth-of-type(odd),
:not(.slider-group) + .slider-group:nth-of-type(even) ~ .slider-group:nth-of-type(even) {
clear: left;
}
.slider-group.slider-group--right {
display: flex;
}
.slider-group.slider-group--right .control-label {
flex: 1;
text-align: right;
}
.b2beform-file-control {
position: relative;
}
.b2beform-file-control input[type=file].form-control{
padding-right:25px;
}
.b2beform-file-control .status{
position: absolute;
top: 9px;
right: 10px;
}
.b2beform-file-control .loading {
color: #5bc0de;
}
.b2beform-file-control .success{
color: green;
}
.form-horizontal.langs-no-mar .b2beform-multilang-tabs{
margin-left:0;
margin-right:0;
}
.datatable_form, .datatable_template {
overflow-x: hidden;
overflow-y: auto;
}
.datatable-scroll-x {
overflow-x: auto;
width: 100%;
}
/* .datatable_template_exception { */
/* .datatable_template_exception {
>>>>>>> Stashed changes
overflow-x: auto;
} */
.form-horizontal .switch {
margin-top: 4px;
margin-bottom: 4px;
}
.checkbox-no-space .switch {
margin-top: 0;
}
.slider-center {
text-align: center;
}
.slider-center .switch {
text-align: left;
float: inherit;
}
#filter_datatable .dropdown-menu.filter-criteria {
max-height: 320px;
overflow-y: auto;
}
#filter_datatable .filter-sub-menu {
top: 100%;
}
.hidden-button-filter {
position: absolute;
width: 0;
height: 100%;
opacity: 0;
top: 0;
padding: 0;
margin: 0;
margin-top: 0;
}
.dropdown-menu-right li a {
cursor: pointer;
}
.addIcon, .removeIcon {
font-size: 18px;
cursor: pointer;
color: green;
}
.removeIcon {
color: red;
}
.group-search-button {
font-size: 12px;
cursor: pointer;
}
.group-icon{
justify-content: center;
display: flex;
}
/*Cookie style*/
#alert-cookie{
position: fixed;
left: 0;
bottom: 30px;
width: 100%;
padding-right: 100px;
margin:0;
}
#alert-cookie .inner{
max-width: 90%;
margin:0 auto;
display: flex;
display: -ms-flex;
display: -webkit-flex;
justify-content: center;
-webkit-justify-content: center;
align-items: center;
-webkit-align-items: center;
}
#alert-cookie .inner p{
margin:0;
}
#alert-cookie .btn-wpr{
position: relative;
}
#alert-cookie .cookie-accept-btn{
margin-left: 15px;
background-color: #327eb2;
border-color: #327eb2;
color: white;
border-radius: 5px;
}
#alert-cookie .close{
position: absolute;
right:-20px;
top:50%;
transform:translateY(-50%);
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
}
/*Dashlet css*/
#dashboard {
margin-top: 15px;
}
#dashboard .x_panel {
width:100%;
box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);
border-radius: 4px;
margin-bottom: 25px;
display: inline-block;
background:#fff;
border:1px solid #E6E9ED;
-webkit-column-break-inside:avoid;
opacity:1;
transition:all .2s ease
}
#dashboard .panel_toolbox {
float:right;
min-width:70px
}
#dashboard .panel_toolbox>li {
float:left;
cursor:pointer
}
#dashboard .panel_toolbox>li>a {
padding:5px;
margin-top: 10px;
margin-right: -5px;
color:#C5C7CB;
font-size:12px
}
#dashboard .panel_toolbox>li>a:hover {
background:none;
}
#dashboard .x_panel,.x_title {
margin-bottom:10px
}
#dashboard .card-header {
background:#fff;
padding:13px;
width:100%;
display:block
}
#dashboard .x_title {
border-bottom:2px solid #E6E9ED;
padding:1px 5px 6px
}
#dashboard .x_content {
width:100%
}
#dashboard .x_title h2 {
white-space: nowrap;
text-overflow: ellipsis;
margin: 18px 5px 6px;
float: left;
display: block
}
#dashboard .x_content {
padding: 0 5px 6px;
float: left;
clear: both;
margin-top: 5px
}
#dashboard .panel_custom {
padding-right: 5px;
}
#dashboard .dashlet_content {
padding-right: 25px;
}
.dashletresourcecurrentalert_list{
max-height: 370px;
overflow-y:auto;
}
.dashletresourcecurrentalert_list .current-alert-row{
border-bottom:1px solid #E6E9ED;
margin-bottom:5px;
padding:0 5px 5px 5px;
}
.icon_custom {
float: right!important;
margin-right: -35px;
margin-top: -6px;
}
#dashboard .text-title {
/*width: calc(100% - 45px);*/
/*width: -webkit-calc(100% - 45px);*/
color: #54667a;
font-size: 10px;
text-transform: uppercase;
word-wrap: break-word;
}
#main-content .contentBackground {
background-color: #f2f7f8;
}
fieldset.fsStyle {
background-color: white;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
ul.no-ls{
list-style: none;
}
.no-pad{
padding:0;
}
.nice-chk-wpr .lbl{
display: inline-block;
vertical-align: middle;
}
.nice-chk-wpr .switch{
float:none;
vertical-align: middle;
}
.flex-view{
display: flex;
display: -webkit-flex;
display: -moz-flex;
display: -o-flex;
display: -ms-flex;
justify-content: space-between;
-webkit-justify-content: space-between;
}
.flex-start{
justify-content: flex-start;
-webkit-justify-content: flex-start;
}
.flex-center{
align-items: center;
-webkit-align-items: center;
}
.flex-view.wrap{
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
}
.flex-view.space-around{
justify-content: space-around;
-webkit-justify-content: space-around;
}
.flex-view.middle{
align-items: center;
-webkit-align-items: center;
}
.inline-it,
.inline-its > *{
display:inline-block;
}
.inline-it.middle,
.inline-its.middle > *{
vertical-align: middle;
}
#headerUnderMaintenance{
position: fixed;
z-index: 9999;
top:15px;
right:15px;
background:#fff;
border:1px solid #005e9f;
max-width:310px;
}
#headerUnderMaintenance .cont{
background:#df9000;
color:#fff;
padding:10px;
}
#headerUnderMaintenance .cont p{
margin:0;
}
#headerUnderMaintenance .actions{
padding:10px;
}
#footerUnderMaintenance{
text-align:center;
position: fixed;
z-index: 9999;
bottom:0;
left:0;
width:100%;
padding:10px;
background: #41444B;
color:#fff;
}
#footerUnderMaintenance p{
margin:0;
}
.maintenance-img{
display: block;
margin: 20px auto;
max-width: 100px;
}
#filter_datatable{
min-height: 40px;
}
.datetime-grp .input-group{
max-width:180px;
}
.form-control:focus{
box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(165, 165, 165, 0.6);
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(165, 165, 165, 0.6);
}
.form-control{
padding: .5rem 1rem;
border-radius: 0.3rem;
color: #555; /*keep color same with bt3*/
}
@media (min-width:1400px) and (max-width:1499px) {
#dashboard .x_title h2 {
font-size: 9.5px;
}
}
@media (min-width:1350px) and (max-width:1400px) {
#dashboard .x_title h2 {
font-size: 9px;
}
}
@media (min-width:1271px) and (max-width:1350px) {
#dashboard .x_title h2 {
font-size: 8.5px
}
}
@media (max-width:1270px) {
#dashboard .x_title h2 {
font-size: 8px
}
}
.bootstrap-tagsinput.disabled input,
.bootstrap-tagsinput.disabled{
background: #eee;
cursor: not-allowed;
box-shadow: none;
border-color: #ccc;
}
.select2-results__options .option.load-more{
padding:10px;
}
.font-text{
text-align: right;
text-align: -webkit-right;
}
.theme-preview > .preview-popover {
display: none;
position: absolute;
overflow-y: auto;
width: 130px;
max-width: inherit;
height: 150px;
margin-top: 30px;
}
.preview-popover {
position: absolute;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
font-family: inherit;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.2);
border-radius: 6px;
box-shadow: 0 5px 10px rgba(0,0,0,.2);
line-break: auto;
}
.preview-popup{
top: 25.6px;
left: -17.6px;
display: block;
}
.maintenance-form {
margin: auto;
}
.website-down-text {
text-align: center;
color: #5c5a5b;
}
.website-down {
max-width: 250px;
margin: auto;
/*margin: -10px 100px 10px 250px;*/
}
.ui-accordion .group-fields-title.ui-accordion-icons{
padding-left:1.2em;
}
.ui-accordion .group-fields-title.ui-accordion-header .ui-icon,
.ui-accordion-content .ui-icon{
background: none;
border-left: 4px solid #fff;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
width: 0;
height: 0;
display: inline-block;
vertical-align: middle;
margin: -2px 10px 0 0;
position: static;
transition:transform 1s;
-ms-transition:transform 1s;
-moz-transition:transform 1s;
-webkit-transition:transform 1s;
background-image: none;
}
.ui-accordion .group-fields-title.ui-state-active .ui-icon,
.ui-accordion-content .ui-state-active .ui-icon,
.ui-accordion-content .ui-button:active .ui-icon{
transform:rotate(-270deg);
-ms-transform:rotate(-270deg);
-webkit-transform:rotate(-270deg);
}
.sidebarPanel .top-part{
background: #f2f2f2;
padding: 15px;
}
.sidebarPanel .body-part{
padding-right:10px;
max-width: 100%;
}
.sidebarPanel .body-part table thead td:empty{
display: none;
}
.sidebarPanel.active .body-part .group-fields-title{
margin-bottom:10px;
}
.scrollbar-nice::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
.scrollbar-nice::-webkit-scrollbar
{
width: 10px;
background-color: #F5F5F5;
}
.scrollbar-nice::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #555;
}
.modal-dialog .modal-content table th,
.modal-dialog .modal-content table td{
border: 1px solid #ccc;
padding: 10px;
}
.progress-bar.text-dark {
color: #333;
}
table.tree-minified,
table.tree-minified tbody,
table.tree-minified tr,
table.tree-minified td{
display:block;
}
table.tree-minified td.module-it + td{
display:none;
}
.tree-minified .module-it .treegrid-expander{
line-height: 16px;
}
.tree-minified .module-it .module-name{
display:inline-block;
vertical-align: top;
}
.select_new_tenant, .select_new_tenant:focus{
border-top: none;
border-left: none;
border-right: none;
border-color: inherit;
outline: none;
}
#setPrimaryTenant{
margin-left:10px;
}
/* Timepicker Addon */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }
.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }
/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }
/* / Timepicker Addon */
#languageSelection,
#languageSelection_login{
left:auto;
right:0;
}
.grecaptcha-badge{
bottom:45px !important;
}
#login-container .inner{
max-width:500px;
}
.float-right {
float: right;
}
#btn-back-to-top {
display: inline-block;
width: 50px;
height: 50px;
text-align: center;
border-radius: 4px;
position: fixed;
bottom: 25px;
right: 20px;
transition: background-color .3s, opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 999999;
}
#btn-back-to-top span {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
line-height: 40px;
font-size: 2em;
}
#btn-back-to-top span .fa-stack-1x {
font-size: 1.5em;
}
#btn-back-to-top:hover {
cursor: pointer;
}
#btn-back-to-top.show {
opacity: 1;
visibility: visible;
}
.searchFieldsSelector,
.select2-container--bootstrap .select2-selection,
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
.select2-container--bootstrap .select2-search--dropdown .select2-search__field,
.popover,
.ui-widget,
div.tooltip {
font-family: inherit;
}
.pb-40 {
padding-bottom: 40px;
}
/* New style for sidebar menu (Theme - Left menu) */
body.leftmenuicons #site-header .left-menu,
body.static-page #site-header .left-menu{
width:max-content;
}
body.leftmenuicons #site-header .right-part{
width:100%;
}
#left_sidebar.s2.collapsed,
#left_sidebar.s2.collapsed #sidebar-menu-nav{
width:50px !important;
}
#left_sidebar.s2.collapsed + #main:not(.full){
width: calc(100% - 50px);
width: -webkit-calc(100% - 50px);
}
/* End style - left menu */
#suggest_container {
position: relative;
margin: 10px 0 0 0;
}
#suggest_content:focus {
outline: none;
}
#suggest_save {
position: absolute;
right: 25px;
top: 5px;
cursor: pointer;
z-index: 100;
}
#suggest_close {
position: absolute;
z-index: 100;
right: 5px;
top: 5px;
cursor: pointer;
}
#select-me-container {
overflow: auto;
max-height: 160px;
background: whitesmoke;
width: calc(100% - 200px);
width: -webkit-calc(100% - 200px);
position: fixed;
bottom: 30px;
column-count: 4;
left: 0;
z-index: 1000;
padding: 10px;
}
#select-me-container li {
padding: 5px;
border: 1px solid;
margin: 1px;
overflow-wrap: break-word;
}
#select-me-container li:hover, #select-me-container li.active {
cursor: pointer;
background: #0e90d2;
color: white;
}
#sortable { list-style-type: none; padding: 0;}
/* The container */
.container-columnList {
display: block;
position: relative;
cursor: pointer;
font-size: 14px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 1px 20px 1px 33px;
clear: both;
font-weight: 400;
line-height: 1;
color: #333;
white-space: nowrap;
}
/* Hide the browser's default checkbox */
.container-columnList input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 13px;
height: 13px;
width: 13px;
border: 1px solid #cdcdcd;
}
/* When the checkbox is checked, add a blue background */
.container-columnList:hover input ~ .checkmark {
background-color: #ccc;
}
/* On mouse-over, add a grey background color */
.container-columnList input:checked ~ .checkmark {
background-color: #2196F3;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.container-columnList input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.container-columnList .checkmark:after {
left: 3px;
top: 1px;
width: 5px;
height: 8px;
border: solid white;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.columnList .auto-scroll {
top: -400% !important;
}
.fixhight9dot{
top: 0px !important;
}
.columnList form{
max-height: 340px;
min-width: 238px;
overflow: hidden auto;
}
.columnList form > h5 {
padding-left: 5px;
margin-bottom: 12px;
}
/* Login page margin top */
.login-vertical-align {
margin-top: calc( ( (100vh - 130px) / 2 ) - 157px);
}
img{
max-width: 100%;
}
#user-help{
background: #fff;
position: fixed;
top: 0;
width: 200px;
border: 1px solid #000;
height:calc(100vh - 30px);
height:-webkit-calc(100vh - 30px);
overflow-y: auto;
z-index: 1040;
white-space: normal;
}
#user-help > *{
color:inherit;
background:inherit;
}
#user-help .lbl{
padding:10px;
position: relative;
margin-bottom:10px;
font-size:18px;
}
#user-help .close-btn{
position: absolute;
top:50%;
transform:translateY(-50%);
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
right:10px;
cursor: pointer;
}
#user-help ul,
#user-help li{
padding:0;
margin:0;
list-style: none;
}
#user-help .search-box{
font-size:11px;
background:#fff;
color:#333;
-webkit-box-shadow: inset 1px 1px 2px 1px rgba(0,0,0,0.2);
-moz-box-shadow: inset 1px 1px 2px 1px rgba(0,0,0,0.2);
box-shadow: inset 1px 1px 2px 1px rgba(0,0,0,0.2);
margin:5px;
padding:5px;
}
#user-help .keyword{
border:none;
outline:none;
display:inline-block;
max-width: calc(100% - 15px);
max-width: -webkit-calc(100% - 15px);
}
#user-help a .arrow + .txt{
max-width: calc(100% - 20px);
max-width: -webkit-calc(100% - 20px);
padding-left: 5px;
}
#user-help .modules{
padding:10px;
max-height: calc(100vh - 180px);
max-height: -webkit-calc(100vh - 180px);
overflow-y: auto;
}
#user-help .modules a{
color:#333;
text-decoration: none;
}
#user-help .modules a > *{
display: inline-block;
vertical-align: middle;
}
#user-help .menu-item + .menu-item,
#user-help .sub-menu{
margin-top:10px;
}
#user-help .menu-item.has-icon > a{
padding-left:0;
}
#user-help .menu-item.has-icon > a:before{
display:none;
}
#user-help .sub-menu{
display: none;
padding-left:10px;
}
#user-help .menu-item .arrow{
transition: transform 0.5s;
-o-transition: transform 0.5s;
-moz-transition: transform 0.5s;
-webkit-transition: transform 0.5s;
}
#user-help .opening > a > .arrow{
transform:rotate(90deg);
-ms-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
}
#user-help .menu-item a .icon{
width:15px;
}
#user-help .menu-item a .icon + .txt{
max-width: calc(100% - 20px);
max-width: -webkit-calc(100% - 20px);
padding-left: 5px;
}
.highlight{
background:yellow;
color:#000;
}
.has-action-table :not(td) th:not(.innerTableRow):last-child,
.has-action-table :not(td) td:not(.dataTables_empty):not(.innerTableRow):last-child {
padding-left: 0 !important;
padding-right: 0 !important;
}
/*Fix remove background of the first header of inner table*/
/*Override table configuration, instead of hardcode on template*/
.table.table-no-highlight-header>thead:first-child>tr>th {
background: inherit !important;
color: inherit !important;
}
.has-action-table .action {
position: relative;
z-index: 999;
width: 42px;
margin-left: auto;
margin-right: auto;
}
.main-dots{
display: none;
position: absolute;
line-height: 31px;
width: max-content;
height: auto;
background: white;
box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.3);
z-index: 999;
}
.action svg.dots{
max-height:30px;
}
.main-dots.active a:first-child{
padding-top: 3px;
}
.main-dots.active a:last-child{
padding-bottom: 3px;
}
table.dataTable tbody tr td .main-dots{
top: auto;
bottom: 3px;
}
.main-dots.active {
min-width:100px;
min-width: -webkit-fit-content;
min-width: -moz-fit-content;
min-width: -ie-fit-content;
min-width: -o-fit-content;
min-width: fit-content;
display: block;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
.main-dots.active a {
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
text-decoration: none;
text-align: left;
}
.main-dots.active a span {
display: inline-block;
padding: 0 20px 0 20px;
}
.main-dots.active i, .main-dots.active em{
display: inline;
margin-left: 1.5rem;
margin-top: 0.9rem;
}
.dots {
width: 7px;
cursor: pointer;
}
#line_matching_container .dataTables_scrollHead {
margin-top: 0
}
[aria-describedby^="My_DataTables_Table_"] .invoice-custom-column {
width: 6% !important;
}
#version-overview .main-dots{
bottom: 3px !important;
}
#version-overview .main-dots i, #version-overview .main-dots em{
font-size: 14px;
}
#lookuptable_log_wrapper #lookuptable_log tr>td:last-child{
word-break: break-all;
width: 72%;
}
.tooltipster-sidetip .tooltipster-content {
width: 250px;
max-height: 250px;
/* For edit mode */
height: 100%;
}
.tooltipster-sidetip .tooltipster-content *{
color:inherit !important;
background:inherit !important;
}
.tooltipster-content a{
text-decoration: underline;
}
.selectme-container {
position: absolute;
bottom: 10px;
}
.b2be-debug pre {
background: #e38d13;
font-style: italic;
font-size: 14px;
width: 100%;
height: 300px;
overflow-y: auto;
}
.count-notification {
font-size: 10px !important;
font-weight: bold;
position :absolute;
bottom: auto;
left: calc(100% - 15px);
top: -4px;
border-radius:50%;
line-height: 0 !important;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 3px;
}
/* Height = width */
.count-notification::after {
content: "";
display: block;
padding-bottom: 100%;
}
.dropdown-notification {
right: 0 !important;
width: 400px !important;
left: unset;
}
.dropdown-notification {
overflow-x: hidden;
}
.dropdown-notification-content ul {
height: auto;
max-height: 50vh;
overflow: visible;
}
.dropdown-notification .notify-drop-title {
background-color: #F2F2F2;
line-height: 3em;
margin-top: -5px;
}
.dropdown-notification .title-container {
margin: 0;
display: flex;
text-align: center;
}
.title-container .close-notification :hover{
cursor: pointer;
opacity: .2;
}
.dropdown-notification ul {
padding: 0 2px 0 0;
}
.dropdown-notification ul li {
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis;
margin: 10px 0 10px 0;
padding: 0 10px;
}
.dropdown-notification ul li:hover {
background-color: #F2F2F2;
cursor: pointer;
}
.dropdown-notification ul li a {
text-decoration: none;
color: rgba(0,0,0,.87)!important;
}
.sso-logins .sso-txt{
margin:15px 0;
}
.sso-logins .list{
margin:0 -10px;
}
.sso-logins .sso-it{
width: 50%;
padding: 5px;
}
.sso-logins .sso-btn{
text-align:left;
min-height:35px;
width:100%;
padding:5px 10px;
height:100%;
background:#f2f2f2;
border-radius:3px;
text-decoration:none;
}
.sso-logins .sso-logo{
max-width:40px;
max-height:40px;
margin-right: 5px;
}
.sso-btn .sso-name{
display:block;
width:100%;
}
#sso_login_group .list{
padding:0 30px;
}
#sso_login_group .sso-it{
padding:5px 15px;
}
.line_matching {
font-weight: bolder;
margin-bottom: 0;
}
#tablist_grni .table > tbody > tr > td,
#invLineDetailWrapper .table > tbody > tr > td {
padding: 10px;
}
.poPanelGroup ul {
margin-bottom: 0;
}
#poPanelList li.list-group-item, #creditNoteList li.list-group-item, #creditPanelList li.list-group-item{
display: inline-block;
padding: 0 5px;
}
.poPanelGroup {
display: inline-block;
max-width: 550px;
width: 100%;
}
.poPanelGroup .form-control {
padding: 4px 5px;
}
.poPanelGroup ul {padding: 0;}
.poPanelGroup li {list-style-type: none; display: inline-block;}
.poPanelGroup li.inputText {
height: 21px;
border: 0;
width: 80px;
}
.poPanelGroup .list-group-item input,
.poPanelGroup .list-group-item input:focus {
border: 0;
width: 100%;
outline: none;
}
span.poPanelGroup {width: 74%;}
span.tooltipPane{width: 2%; vertical-align: top; position: relative; top: 5px;}
span.titlePane{vertical-align: top; position: relative; top: 5px; display: inline-block; margin-right: 5px;}
#invLineNoteWrapper {margin-bottom: 15px;}
#line_matching_container .dataTables_scrollBody thead tr,
#line_matching_container .dataTables_scrollBody thead th,
#line_matching_container .dataTables_scrollBody thead th div {
height: auto !important;
}
#line_matching_container .dataTables_scrollHeadInner {
display: none;
}
.select2-selection__clear {
position: absolute !important;
right: 20px !important;
}
.dataManagerAdd .add-aditional-records, .dataManagerAdd .add-aditional-records:focus, .dataManagerAdd .add-aditional-records:active {
margin-top: 14px;
position: absolute;
right: -52px;
border: none;
top: -15px;
z-index: 1;
outline: none;
background-color: white;
box-shadow: none;
}
.add-aditional-records i, .add-aditional-records i:focus{
color: green;
font-size: 18px;
border: none;
}
.dataManagerAdd .remove-item {
padding: 4px 9px 7px 10px;
border-radius: 20px;
outline: none;
opacity: 1;
font-size: 15px;
font-weight: normal;
position: absolute;
right: -51px;
top: -1px;
z-index: 2;
}
.remove-item i, .remove-item i:focus{
color: red;
font-size: 18px;
border: none;
}
.dataManagerAdd .content-1 .remove-item {
display: none !important;
}
.dataManagerAdd .datamanager-content {
border-top: 1px solid #eee;
}
.dataManagerAdd .datamanager-content.content-1 {
border-top: 0;
}
#form-lookuptable-data .dataTables_scrollHead {
margin-top: 0;
}
#form-lookuptable-data.filter-processing {
opacity: 0.5;
pointer-events: none;
}
#form-lookuptable-data.filter-processing tbody {
opacity: 0;
}
.dropdown-menu>li>a{
text-overflow: ellipsis;
overflow: hidden;
}
.col-1-plus-half{
width:12.5%
}
.col-10-plus-half{
width:87.5%
}
.cke_contents.overlay{
position: relative;
}
.cke_contents.overlay:after{
content:'';
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
}
.input-radio-wpr{
display: flex;
display: -webkit-flex;
display: -moz-flex;
display: -o-flex;
display: -ms-flex;
}
.input-radio-wpr input{
margin:2px 5px 0 0;
}
/*********** z-index priority of components, please correct them carefully *******/
.select2-container--open{
z-index: 1061;
}
.modal-open #top-head{
z-index: 1062 !important;
}
.modal-open.show-user-help #top-head,
.modal-open.show-user-help #select-me-container{
z-index:1065 !important;
}
.modal-open.show-user-help .modal-dialog{
padding:80px 0 170px;
}
.modal-backdrop{
z-index: 1063;
}
.modal,
.modal-open .select2-container--open{
z-index: 1064;
}
.modal-open #ui-datepicker-div,
.modal-open .tooltipster-base{
z-index: 1065 !important; /* Calendar & tooltip are on modal */
}
.enjoyhint{ /* user guide's z-index must be greater than #top-head's z-index */
z-index: 1072;
}
/************* End z-index priority of components ************/
@media screen and (max-width: 1300px){
body{
overflow-x: auto;
min-width:1300px;
}
#top-head{
min-width:1300px;
}
body.show-user-help #top-head{
min-width: 1100px !important;
max-width: 1100px !important;
}
body.show-user-help #main{
width:calc(100% - 330px);
width:-webkit-calc(100% - 330px);
}
body.show-user-help #left_sidebar.s2 + #main{
width:calc(100% - 370px);
width:-webkit-calc(100% - 370px);
}
body.show-user-help #left_sidebar.s2.collapsed + #main{
width:calc(100% - 250px);
width:-webkit-calc(100% - 250px);
}
/* For all themes */
body.show-user-help #left_sidebar + #main.full{
width:1100px !important;
}
#user-help{
height:calc(100vh - 47px);
height:-webkit-calc(100vh - 47px);
}
}
div#control_container div#buttonGroup table.tb-route-process {
position: absolute;
right: 0;
margin-bottom: 30px;
}
div#control_container div#buttonGroup {
min-height: 150px;
}
div#control_container div#buttonGroup table.tb-route-process td,th {
padding: 3px;
}
.popover {
z-index: 1038;
box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.dataTables_scrollHeadInner .sorting_disabled {
position: relative;
}
.dataTables_scrollHead, .dataTables_scrollBody{
overflow: unset !important;
}
.dataTables_scroll{
overflow: auto;
width: 100%;
}
.dataTables_scrollBody{
margin-top:-1px;
}
.dataTables_scrollBody table thead tr[style*="height: 0px"] th{
border-top:none !important;
border-bottom:none !important;
}
#sequenceEditor .col-6.form-group.eform-editor-input-attr {
padding-left: 15px;
padding-right: 11px;
}
.fa-faq {
width:1.75em;
max-height: 24px;
margin-bottom: -5px;
}
.filepond--root {
font-size: 16px;
}
.error-field .filepond--panel-root {
border: 1px solid red;
}
.filepond--root.disabled-download .filepond--download-icon {
display: none;
}
.filepond--root.disabled-remove
.filepond--item:not([data-filepond-item-state="processing-error"])
.filepond--file-action-button.filepond--action-remove-item {
display: none;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
color: #a94442;
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
color: #a94442;
background-color: #f2dede;
border-color: #a94442;
}
.has-error .form-control-feedback {
color: #a94442;
}
/* Custom for data table */
.input-group-text {
font-size: 1.2rem;
padding: 0.5rem 1rem;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
color: #fff;
text-decoration: none;
background-color: #337ab7;
outline: 0;
}
.pagination>li {
display: inline;
}
.pagination>li>a {
color: #2a6c8e !important;
}
.pagination>li>a, .pagination>li>span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: 0px;
line-height: 1.42857143;
color: #337ab7;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
color: #777;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
position: absolute;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
top: 8px;
right: 8px;
}
table.dataTable thead .sorting:after {
opacity: 0.2;
content: "\f0dc";
}
table.dataTable thead .sorting_asc:after {
content:"\f160";
}
table.dataTable thead .sorting_desc:after {
content:"\f161";
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
color: #555;
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
}
.nav>li>a {
display: inline-table;
position: relative;
}
.nav>li>a.active:not(.header-nav):not(.dropdown-toggle):after{
position: absolute;
height: 2px;
display: block;
bottom: -2px;
right: 0;
left: 0;
background: #fff;
content: "";
}
.nav>li>a {
position: relative;
display: block;
padding: 10px 15px;
text-decoration: none;
}
.dropdown-menu>li>a {
text-overflow: ellipsis;
overflow: hidden;
text-decoration: none;
}
.dropdown-menu-right li a {
cursor: pointer;
}
.dropdown-menu>li>a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
color: #262626;
text-decoration: none;
background-color: #f5f5f5;
}
.table>:not(:first-child) {
border-top: 1px solid #dee2e6;
}
/*
table .table>:not(:first-child) {
border-top: 1px solid currentColor;
} */
/* Search Form */
@media (min-width: 768px) {
.form-horizontal .col-form-label {
padding-top: 7px;
margin-bottom: 0;
text-align: right;
}
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.dropdown-toggle {
padding: 0.5rem 1rem;
}
/*Eform */
.eformControlWrapper,
.control-eform-wrapper {
position: relative;
}
.eform-row-wrapper .col-form-label {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.eform-row-body .row {
margin-right: 0;
margin-left: 0;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.btn-default:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-lg {
font-size: 12px;
}
.pull-right {
display: inline-block;
width: auto;
}
a.text-underline-hover {
text-decoration: none;
}
a.text-underline-hover:hover {
text-decoration: underline;
}
.nav-tabs>li>a.active, .nav-tabs>li>a.active:focus, .nav-tabs>li>a.active:hover {
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
}
.nav-link {
color: inherit;
}
.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
height: 30px;
}
#site-main-nav .nav .nav-item .nav-link {
border: none;
}
.padding15 {
padding-left: 15px;
padding-right: 15px;
}
.modal-header {
padding: 1.3rem 1.3rem;
}
.modal-body {
padding: 1.3rem 1.3rem;
}
.modal-footer {
padding: 1.3rem 1.3rem;
}
.show {
display: block!important;
}
/* custom for color picker */
.colorpicker.dropdown-menu {
min-width: 130px;
}
/* Remove outline*/
.btn-close:focus,
.btn-close:active,
input:focus,
textarea:focus,
button:focus,
.btn-check:focus+.btn,
.btn:focus,
button:active,
input:active,
textarea:active,
.btn-check:active+.btn,
.btn:active,
div.bootstrap-tagsinput.focus,
div.bootstrap-tagsinput-focus,
.form-control:focus {
outline: none;
box-shadow: none;
}
/* Reason is in bootstrap it's min 160px with condition 1rem = 16px. but on wpt 1rem = 10px*/
.dropdown-menu {
min-width: 16rem;
}
.filter-datatable .filter-btn-search,
.filter-datatable .filter-btn-clear{
z-index: inherit;
}
.ui-datepicker.ui-widget.ui-widget-content {
z-index: 5 !important;
}