@import url('https://fonts.googleapis.com/css2?family=Bungee+Tint&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');

@font-face {
    src: url(fonts/Montserrat/static/Montserrat-SemiBold.ttf);
    font-family: MontSB;
}

@font-face {
    src: url(fonts/Montserrat/static/Montserrat-Medium.ttf);
    font-family: Mont;
}  

html,body,form
{
    margin:0;
    padding:0;
    height:100%;
    width:100%;
    overflow:hidden !important;
    box-sizing:border-box;
}

.livdevelop-brand {
    font-family: "Bungee Tint", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    color: #2c3e50;
    letter-spacing: 0.5px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    height: 100%;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.livdevelop-brand:hover {
    color: #3498db;
    transform: scale(1.02);
    text-decoration: none;
}

#splitContainer {
    background-image: url("desktop.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    overflow: hidden;
}


#splitContainer .jqx-widget-content{
    background-color: transparent;
}

#nestedSplitter{
    height:100%;
    width:100%;
    overflow:hidden;
}

#headerPanel {
    /*
        background-image: url("header.png");  
        background-repeat: no-repeat;
        background-size:cover;
    
    background-color: darkslategray;*/
    background-color: black;
    border: solid;
    border-color: black;
    border-width: thin;
    margin-bottom: 3px;
}

#statusPanel{
	background-color: black;
}

#statusPanel div{
    margin: 2px;
    border-radius: 5px;
    background-color: #384047;
}

#statusPanel span{
	color: #ffffff;
}

/* temporary closed
#firmContainer{
    float:right;
    display:table;
    vertical-align:bottom;
    margin-right: 10px;
}

#firmContainer label{
    display:table-cell;
    vertical-align:middle;
    color:white;
}

#firmContainer div{
    display:table-cell;
    margin-left:5px;
}

*/

.jqx-tabs-content-element {
    overflow: unset !important;
}

#navigationPanel {
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-image: url("menu/tenantor.svg"), url("navigation.png");
    background-repeat: no-repeat, no-repeat;
    background-size: auto, cover;
    background-position: center 15px, center;
    -moz-opacity: 1;
    opacity: 1;
}

#navigationMenuPanel {
    width: 100%;
    height: 100%;
    position: relative;
    top: 80px;
}

#navigationMenu {
    background-color: transparent;

}

#navigationMenu .jqx-widget-content{
    background-color: transparent;
    font-family: Mont;
}

#desktopAppStartPanel {
/*    position: relative;
    top: 75px;*/
    background-color: white;
    border-bottom: 1px solid lightgray;

}

#desktopAppStart {
    /*    display: block;
    margin: 0 auto;*/
    background-color: white;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #6b6d83;
    margin-left: 30px;
    border-radius: 20px;
    width: 400px !important;
    height: 70px !important;
    background-image: url(toolbar/search-AppStart.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 98% center;
    font-family: MontSB;
}

#desktopAppFirms {
    /*    display: block;
    margin: 0 auto;*/
    background-color: white;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #6b6d83;
    margin-left: 30px;
    border-radius: 20px;
    width: 400px !important;
    height: 70px !important;
    /*background-image: url(toolbar/search-AppStart.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 98% center;*/
    font-family: MontSB;
}

/*#desktopAppStart::placeholder{
    font-family: MontSB;
}*/

#desktopPanel{
    /*background-image: url("desktop.png");
    background-repeat: no-repeat;
    background-size:cover;*/
    height:100%;
    width:100%;
    overflow:hidden;
}

#desktopPanel.jqx-widget-content{
    background-color: #eff1fa;
}

#columntablenotifyTable{
    background-color:black !important;
}

#tabPanel {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.table-container {
    background-color: transparent;
}

.table tbody :hover {
    background-color: lightgray !important;
}


/*
#loaderPanel, .jqx-loader-modal {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: white;
    opacity: 0.5 !important;
    text-align: center;
    overflow: auto;
    z-index: 1003;
}
*/

#selwinContent {
    overflow: hidden;
}
/*jqx setter*/

/*CodeMirror setter*/

.CodeMirror {
    border: 1px solid black !important;
    border-radius: 5px !important;
}
/*
.CodeMirror {
    border: 1px solid black;
    border-radius: 5px !important;
    background: transparent !important;
    font-family: mont !important;
}

.CodeMirror-selected {
    background: #025ace !important;
}

.CodeMirror-focused {
    border-color: rgba(0, 119, 190, 1) !important;
    -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);
}
*/

/*CodeMirror setter*/		
	
.lWcontainer{
}

.lWdialog{
    /*setting from theme tab*/
}

.lWpanel{
    /*setting from theme tab*/
}

.lWtoolbar{
    /*setting from theme tab*/
}

.lWlist {
    background: transparent !important;
}

.lWlist input {
    min-height: 0px !important;
    min-width: 0px !important;
    height: 100% !important;
    border-width: 0px;
    padding: 0;
}


.lWlist image {
    background: url("toolbar/focus.svg");
}

.lWlist-panel {
    background-color: white;
    border-style: solid;
    border-width: thin;
}


.lWlist-panel:hover {
    background-color: lightskyblue;
    border-style: solid;
    border-width: thin;
}

.lWdatetime input {
    padding-top: 3px;
}

/*
.lWtext input {
    min-height: 0px !important;
    min-width: 0px !important;
    height: 100% !important;
    border-width: 0px;
    padding: 0;
}

.lWmtext input {
    min-height: 0px !important;
    min-width: 0px !important;
    height: 100% !important;
    border-width: 0px;
    padding: 0;
}
*/


.lWtbutton {
    overflow: inherit;
    padding: 0;
}

/*input {
    background-color: transparent !important;
    font-family: Mont !important;
    border-width:2px;
    border-radius: 4px;
    border-color: #e6e6e6;
}*/


.lWtbutton div img{
	float: left;
    margin: auto;
    /*position: absolute;*
	top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;*/
    height: 75%;
    max-width: 75%;
    background-color: transparent;
}


.lWbutton-panel {
    height: calc(100% - 2.5px);
    width: calc(100%);
    /*background-color:lightgrey;
    border-style:solid;
    border-width:1px;
    text-align:center;*/
    border-width: 0.5px;
    display: flex;
    vertical-align: middle;
    background-color: transparent;
}


.lWbutton-panel:hover{
    height:calc(100% - 2.5px);
    width: calc(100% - 2.5px);
    background-color: #9cd2fbc6;
    border-style:solid;
    border-width:0.5px;
    text-align:center;
}

.lWbutton-text {
    /*height & font-size 
	is set from app
    position:absolute;*/
    margin: auto;
    /*top:0;
    bottom:0;
    left:0;
    right:0;*/
}

.lWbutton input {
    font-size: 0.9em !important;
    padding: 0px;
}

.lWdatetime input {
    font-size: 0.9em !important;
    padding: 0px;
}

.grbuttons {
    padding: 0px;
    border: 0px;
}

.grbuttons:hover {
    background-color:#e6e6e6;
}

.lwkanban-selected-item {
    background-color: black !important;
	color: white !important;
}

.lWlabel{
    font-family:MontSB ;
}

.lWlabel [id$="lbTitle"] {
    font-size: 1.1em !important;
}

.lWlabel:empty{
    display: block;
}

.lWcombo {
    background: transparent !important;
    border-color: #313131 !important;
}

.lWcombo input {
    display: block;
}

.lWtabpanelct {
    background: transparent !important;
}

.lWpass {
    background: transparent !important;
}

.lWuploader {
    background: transparent !important;
}

.lWphone {
    background: transparent !important;
}

/*html-table-styles*/

.lw-nwsp{
    white-space: normal;
}

.lWthead th:first-child {
    border-radius: 10px 0 0 0px;
}

.lWthead th:last-child {
    border-radius: 0 10px 0px 0;
}

.table-responsive {
    height: 100%;
    overflow: auto;
}

.fullscreen-toggle {
    z-index: 9999 !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important; 
    top: 0 !important; 
    left: 0 !important;
}

html{
    font-size: 16px;
}

@media (max-width: 992px /*<= 992px laptop*/ ) {
    .card-header {
        font-size: 0.75em !important;
    }
    .lWgrid table th, .lWgrid table td {
        font-size: 0.5em !important;
    }
    .jqx-grid-column-header, .jqx-grid-cell {
        font-size: 0.7em !important;
    }
}

@media (min-width: 992px /*>= 992px laptop*/ ) {
    .card-header {
        font-size: 1em !important;
    }
    .lWgrid table th, .lWgrid table td {
        font-size: 0.65em !important;
    }
    .jqx-grid-column-header, .jqx-grid-cell {
        font-size: 0.8em !important;
    }
}

@media (min-width: 1200px /*>= 1200px desktop*/ ) {
    .card-header {
        font-size: 1.5em !important;
    }
    .lWgrid table th, .lWgrid table td {
        font-size: 0.85em !important;
    }
    .jqx-grid-column-header, .jqx-grid-cell {
        font-size: 0.9em !important;
    }
}

/* Extra small devices (phones, 600px and down) */
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
/* Extra large devices (large laptops and desktops, 1200px and up) */



/* Start Vip Custom Code */
/*
#navigationPanel{
    width: 270px !important; / * This will stop the sliding functionlality of sidebar* /
}
*/

#navigationMenu{
    border: none !important;
}

#navigationMenu .jqx-item span {
    font-size: 15px;
    color: white !important;
    opacity: 1 !important;
}
#navigationMenu .jqx-item img {
    background: transparent !important;
    width: 20px !important;
}

#navigationMenu .jqx-fill-state-active {
    border-color: #fff000 !important;
    background: #fff000 !important;
}
/*.jqx-fill-state-pressed{
    background-color: #e91e63;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4);
}*/

.jqx-fill-state-normal {
    background: transparent !important;
    border-color: transparent !important
}

#navigationMenu .jqx-fill-state-hover {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border-color: #1c2c87 !important;
    background-color: #fd6986;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4);
    padding: 10px !important;
}

#navigationMenu .jqx-tree-item{
    padding: 10px !important;
        min-width: 210px;
}

#navigationMenu .jqx-tree-dropdown .jqx-tree-item{
    padding: 10px !important;
        min-width: 201px;
}

/*.card-header.bg-info,
.card-header.bg-warning,
.card-header.bg-danger{
    color: #fff;
}*/


::-webkit-scrollbar {
    width: 6px;
}


::-webkit-scrollbar-track {
    box-shadow:inset 0 0 5px #f5f5f5;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background-color: #c7c7c7;
    border-radius: 20px;
    /*border: 6px solid transparent;
    background-clip: content-box;*/
}

::-webkit-scrollbar-thumb:hover {
    background-color: #acacac;
}


/*.jqx-fill-state-pressed {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: none !important;
    background: none !important;
    
    box-shadow: none !important;
}
.jqx-fill-state-pressed span{
    color: #e91e63 !important;
    font-weight: 900;
}*/



/*.active {
    background-color: #ff0000 ;
}
/* to override the existing css for "a" tag 
#sub-header .active a {
    color: #ff0000 ;}*/
    /*:active {
    background-color: #ff0000 !important;
    color: white;
}*/
/* End Vip Custom Code */

:root {
    --jqx-editors-text-editors-text-color-tenantor-text-editors-scheme: rgba(8, 12, 49, 1);
    --jqx-editors-text-editors-background-color-tenantor-text-editors-scheme: rgba(255, 255, 255, 0);
    --jqx-editors-text-editors-border-color-tenantor-text-editors-scheme: rgba(20, 27, 123, 0.25);
    --jqx-editors-text-editors-border-radius-tenantor-text-editors-scheme: 5px;
    --jqx-editors-text-editors-focused-border-color-tenantor-text-editors-scheme: rgba(214, 214, 214, 1);
    --jqx-tabs-header-background-color-tenantor-tab-scheme: rgba(253, 105, 134, 0.2);
    --jqx-tabs-tab-text-color-tenantor-tab-scheme: rgba(253, 105, 134, 1);
    --jqx-tabs-hovered-tab-text-color-tenantor-tab-scheme: rgba(255, 255, 255, 1);
    --jqx-tabs-hovered-tab-background-color-tenantor-tab-scheme: rgba(253, 105, 134, 1);
    --jqx-tabs-selected-tab-text-color-tenantor-tab-scheme: rgba(255, 255, 255, 1);
    --jqx-tabs-selected-tab-background-color-tenantor-tab-scheme: rgba(253, 105, 134, 1);
    --jqx-tabs-selected-tab-bottom-border-color-tenantor-tab-scheme: rgba(253, 105, 134, 1);
    --jqx-tabs-border-color-tenantor-tab-scheme: rgba(255, 255, 255, 1);
    --jqx-tabs-content-text-color-tenantor-tab-scheme: rgba(85, 85, 85, 1);
    --jqx-tabs-content-background-color-tenantor-tab-scheme: rgba(255, 255, 255, 1);
    --jqx-tabs-arrow-left-color-tenantor-tab-scheme: url('images/metro-icon-left.png');
    --jqx-tabs-arrow-right-color-tenantor-tab-scheme: url('images/metro-icon-right.png');
}


/*jqx setter*/

.jqx-menu {
    z-index: 9999;
}

.jqx-tabs-title-container {
    height: 30px !important;
    /*background-color: transparent !important;*/
    background-color: #ffe1e7 !important;
}

.jqx-tabs-title-container:hover {
    color: #F5F6FD;
}

.jqx-tabs-title:hover {
    color: #F5F6FD;
    background: #FD6986 !important;
}

.jqx-loader-modal {
    background-color: whitesmoke !important;
}

.jqx-grid-cell-filter-row  {
    background-color: #ffe9ed !important;
}

.jqx-grid-cell-filter-row input {
    border-color: #fea9b9 !important;
}

.grid_row_deleted {
    background-color: gray !important;
    color: #3546AB;
    font-family: MontSB !important;
}

.grid_cell_dyn_color {
    background-color: lightblue !important;
}

.grid_column_zfield::after {
    content: url(toolbar/cfocus.png);
    position: absolute;
    right: 0px;
    top: 0px;
    zoom: 50%;
}

.lWdialog .jqx-grid-column-header {
    background-color: #e3e4ef !important;
    color: #3546AB;
    font-family: MontSB !important;
}

.lWdialog .jqx-grid-cell {
    font-family: MontSB;
    color: #6B6D83 !important;
}

.lWdialog .jqx-grid-cell-selected {
    font-family: MontSB;
    background-color: #141B7B !important;
    color: white !important;
    border-color: #ffffff !important;
}

.lWdialog .jqx-widget-content {
    background-color: transparent !important;
}

.lWdialog .jqx-fill-state-focus {
    border-color: rgba(0, 119, 190, 1) !important;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(82 168 236 / 60%) !important;
}

.lWdialog .jqx-fill-state-focus-bootstrap {
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(82 168 236 / 60%) !important;
}

.lWgbutton {
    font-family: MontSB !important;
}

.lWcheckbox {
    font-family: MontSB !important;
}

.lWtext {
    background-color: transparent !important;
}


.lWmtext {
    background-color: transparent !important;
}

.lWeditor {
    background-color: transparent !important;
}



.jqx-scrollbar-thumb-state-normal
/*
.lWgrid.jqx-widget-content{
	   font-size: 8 !important;
    background-color: white;
}
*/
.jqx-kanban-item {
    background-color: white;
    font-family: MontSB;
}

.jqx-tabs-title-selected-top, .jqx-tabs-selection-tracker-top {
    border-color: transparent !important;
    filter: none !important;
    background: var(--jqx-tabs-selected-tab-background-color-tenantor-tab-scheme) !important;
    color: #333 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.jqx-tabs-arrow-background {
    background: var(--jqx-background-color-tenantor-tab-scheme) !important;
    border: none !important;
    box-shadow: none !important;
}

.jqx-tabs-title {
    color: var(--jqx-tabs-tab-text-color-tenantor-tab-scheme) !important;
    font-family: MontSB !important;
}

.jqx-tabs-title-selected-bottom,
.jqx-tabs-title-selected-top {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    color: var(--jqx-tabs-selected-tab-text-color-tenantor-tab-scheme) !important;
    font-weight: 500 !important;
}

.jqx-tabs-title.jqx-fill-state-hover {
    border-color: transparent !important;
}

.jqx-tabs-arrow-left {
    background-image: var(--jqx-tabs-arrow-left-color-tenantor-tab-scheme) !important;
}

.jqx-tabs-arrow-right {
    background-image: var(--jqx-tabs-arrow-right-color-tenantor-tab-scheme) !important;
}

.jqx-tabs-title-selected-bottom, .jqx-tabs-selection-tracker-bottom {
    border-color: transparent !important;
    border-top: 1px solid #fd6986 !important;
    filter: none !important;
    background: #fd6986 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.jqx-tabs {
    border-color: transparent !important;
}

.jqx-tabs-header {
    background: transparent !important;
}

.jqx-tabs-position-bottom .jqx-tabs-header {
    border-color: transparent !important;
}

.jqx-layout .jqx-tabs-header {
    background: var(--jqx-background-color) !important;
    border-color: var(--jqx-border-color) !important;
}

.jqx-tabs-title-bottom {
    border-color: transparent !important;
}

.jqx-tabs-title-hover-top, .jqx-tabs-title-hover-bottom, .jqx-tabs-header {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    color: white !important;
    background: transparent !important;
}

.jqx-tabs-header, .jqx-tabs-arrow-background {
    background-color: var(--jqx-tabs-header-background-color-tenantor-tab-scheme) !important;
    border-bottom: 1px solid var(--jqx-tabs-border-color-tenantor-tab-scheme) !important;
}

.jqx-tabs-content {
    box-sizing: border-box !important;
    color: black !important;
    background-color: transparent !important;
    border: 1px solid transparent !important;
    border-top-color: transparent !important;
    padding: 5px !important;
}

.jqx-tabs-bar {
    position: absolute !important;
    bottom: 0 !important;
    background: #141B7B !important;
    height: 2px !important;
    z-index: 20 !important;
    transition: .5s cubic-bezier(.35,0,.25,1) !important;
}

.jqx-tabs-bar.vertical {
    width: 2px !important;
}

.jqx-tabs-position-bottom .jqx-tabs-bar {
    top: 0 !important;
}

.jqx-switchbutton-label-on {
    background-color: #4dd163 !important;
    background-image: url(toolbar/sun.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center;
}

.jqx-switchbutton-label-off {
    background-color: #ddd !important;
    background-image: url(toolbar/moon.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center;
}

.jqx-switchbutton {
    border-radius: 20px !important;
    /*border: none !important;*/
}

.jqx-switchbutton-thumb {
    /*border: none !important;*/
    background-color: #fff !important;
}


.jqx-combobox-content, .jqx-input, .jqx-input-content, .jqx-combobox-content input {
    border-color: #313131 !important;
    color: var(--jqx-editors-text-editors-text-color-tenantor-text-editors-scheme) !important;
    background-color: transparent !important;
    background: transparent !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}

input.jqx-input {
    border-radius: var(--jqx-editors-text-editors-border-radius-tenantor-text-editors-scheme) !important;
}

input[type="text"].jqx-input, input[type="password"].jqx-input, input[type="text"].jqx-widget-content, input[type="textarea"].jqx-widget-content, textarea.jqx-input {
    font-size: var(--jqx-font-size-tenantor-text-editors-scheme) !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
    resize: none !important;
    font-family: Mont !important;
}

input[type="text"].jqx-input:-moz-placeholder, input[type="text"].jqx-widget-content:-moz-placeholder, input[type="textarea"].jqx-widget-content:-moz-placeholder, textarea.jqx-input:-moz-placeholder {
    color: #999999 !important;
    font-family:Mont !important;
}

input[type="text"].jqx-input:-webkit-input-placeholder, input[type="text"].jqx-widget-content:-webkit-input-placeholder, input[type="textarea"].jqx-widget-content:-webkit-input-placeholder, textarea.jqx-input:-webkit-input-placeholder {
    color: #999999 !important;
    font-family:Mont !important;
}

input[type="text"].jqx-input:-ms-input-placeholder, input[type="text"].jqx-widget-content:-ms-input-placeholder, input[type="textarea"].jqx-widget-content:-ms-input-placeholder, textarea.jqx-input:-ms-input-placeholder {
    color: #999999 !important;
    font-family:Mont !important;
}