/* Minification failed. Returning unminified contents.
(369,28): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-surface'
(527,29): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1'
(528,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1'
(531,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-0'
(656,17): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-primary'
(657,28): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-primary'
(680,23): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-family'
(693,81): run-time error CSS1030: Expected identifier, found '~'
(693,113): run-time error CSS1031: Expected selector, found ')'
(693,113): run-time error CSS1025: Expected comma or open brace, found ')'
(723,28): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-app-surface'
(776,21): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size'
(808,29): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1'
(867,28): run-time error CSS1039: Token not allowed after unary operator: '-kendo-spacing-1'
(981,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-border'
(1017,47): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-on-app-surface'
(1389,28): run-time error CSS1039: Token not allowed after unary operator: '-kendo-color-surface'
(1404,21): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-size'
(1405,23): run-time error CSS1039: Token not allowed after unary operator: '-kendo-font-weight-bold'
 */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:0.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */
html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.ns-serif{font-family:serif}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}.ns-wide{letter-spacing:4px}
hr{border:0;border-top:1px solid;border-top-color:inherit;margin:5px 0}
/* Customized */
ol.llwp {list-style:none;padding:0px !important;margin:0px 0px 10px;font-size:0px;width:100% !important;}
ol.llwp li{display:inline-block;width:25%;height:3px;}
ol.llwp li.green{background-color:#0db04b;}
ol.llwp li.purple{background-color:#d70a8b;}
ol.llwp li.blue{background-color:#00a6e8;}
ol.llwp li.orange{background-color:#f48120;}
ul.social-media>li>a>img{width:24px;height:24px;vertical-align:middle;-moz-transition:all ease-in-out 200ms;-ms-transition:all ease-in-out 200ms;-o-transition:all ease-in-out 200ms;-webkit-transition:all ease-in-out 200ms;}
ul.social-media>li{margin:0px 2px;}
ul.social-media>li:first-child{margin-right:5px;font-size:10px;}
ul.social-media>li>a:hover img{opacity:0.6;}
ul.social-media>li{display:inline-block}
ul.social-media{list-style:none;padding:0px;}
.ns-background{background-image: url('../images/aboutus.png');}
.ns-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
.ns-table,.ns-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.ns-table-all{border:1px solid #ccc}
.ns-bordered tr,.ns-table-all tr{border-bottom:1px solid #ddd}.ns-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.ns-table-all tr:nth-child(odd){background-color:#fff}.ns-table-all tr:nth-child(even){background-color:#f1f1f1}
.ns-hoverable tbody tr:hover,.ns-ul.ns-hoverable li:hover{background-color:#ccc}.ns-centered tr th,.ns-centered tr td{text-align:center}
.ns-table td,.ns-table th,.ns-table-all td,.ns-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.ns-table th:first-child,.ns-table td:first-child,.ns-table-all th:first-child,.ns-table-all td:first-child{padding-left:16px}
.ns-btn,.ns-button{border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.ns-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.ns-btn,.ns-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.ns-disabled,.ns-btn:disabled,.ns-button:disabled{cursor:not-allowed;opacity:0.3}.ns-disabled *,:disabled *{pointer-events:none}
.ns-btn.ns-disabled:hover,.ns-btn:disabled:hover{box-shadow:none}
.ns-badge,.ns-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.ns-badge{border-radius:50%}
.ns-ul{list-style-type:none;padding:0;margin:0}.ns-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.ns-ul li:last-child{border-bottom:none}
.ns-tooltip,.ns-display-container{position:relative}.ns-tooltip .ns-text{display:none}.ns-tooltip:hover .ns-text{display:inline-block}
.ns-ripple:active{opacity:0.5}.ns-ripple{transition:opacity 0s}
.ns-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.ns-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.ns-dropdown-click,.ns-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.ns-dropdown-hover:hover .ns-dropdown-content{display:block}
.ns-dropdown-hover:first-child,.ns-dropdown-click:hover{background-color:#ccc;color:#000}
.ns-dropdown-hover:hover > .ns-button:first-child,.ns-dropdown-click:hover > .ns-button:first-child{background-color:#ccc;color:#000}
.ns-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
.ns-check,.ns-radio{width:24px;height:24px;position:relative;top:6px}
.ns-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.ns-bar-block .ns-dropdown-hover,.ns-bar-block .ns-dropdown-click{width:100%}
.ns-bar-block .ns-dropdown-hover .ns-dropdown-content,.ns-bar-block .ns-dropdown-click .ns-dropdown-content{min-width:100%}
.ns-bar-block .ns-dropdown-hover .ns-button,.ns-bar-block .ns-dropdown-click .ns-button{width:100%;text-align:left;padding:8px 16px}
.ns-main,#main{transition:margin-left .4s}
.ns-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.ns-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.ns-bar{width:100%;overflow:hidden}.ns-center .ns-bar{display:inline-block;width:auto}
.ns-bar .ns-bar-item{padding:8px 16px;float:left;width:auto;border:none;outline:none;display:block}
.ns-bar .ns-dropdown-hover,.ns-bar .ns-dropdown-click{position:static;float:left}
.ns-bar .ns-button{white-space:normal}
.ns-bar-block .ns-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;outline:none;white-space:normal;float:none}
.ns-bar-block.ns-center .ns-bar-item{text-align:center}.ns-block{display:block;width:100%}
.ns-responsive{display:block;overflow-x:auto}
.ns-container:after,.ns-container:before,.ns-panel:after,.ns-panel:before,.ns-row:after,.ns-row:before,.ns-row-padding:after,.ns-row-padding:before,
.ns-cell-row:before,.ns-cell-row:after,.ns-clear:after,.ns-clear:before,.ns-bar:before,.ns-bar:after{content:"";display:table;clear:both}
.ns-col,.ns-half,.ns-third,.ns-twothird,.ns-threequarter,.ns-quarter{float:left;width:100%}
.ns-col.s1{width:8.33333%}.ns-col.s2{width:16.66666%}.ns-col.s3{width:24.99999%}.ns-col.s4{width:33.33333%}
.ns-col.s5{width:41.66666%}.ns-col.s6{width:49.99999%}.ns-col.s7{width:58.33333%}.ns-col.s8{width:66.66666%}
.ns-col.s9{width:74.99999%}.ns-col.s10{width:83.33333%}.ns-col.s11{width:91.66666%}.ns-col.s12{width:99.99999%}
@media (min-width:601px){.ns-col.m1{width:8.33333%}.ns-col.m2{width:16.66666%}.ns-col.m3,.ns-quarter{width:24.99999%}.ns-col.m4,.ns-third{width:33.33333%}
.ns-col.m5{width:41.66666%}.ns-col.m6,.ns-half{width:49.99999%}.ns-col.m7{width:58.33333%}.ns-col.m8,.ns-twothird{width:66.66666%}
.ns-col.m9,.ns-threequarter{width:74.99999%}.ns-col.m10{width:83.33333%}.ns-col.m11{width:91.66666%}.ns-col.m12{width:99.99999%}.ns-col.mtw{width:12.0000%}.ns-col.m60{width:60.0000%}.ns-col.m20{width:20.0000%}}
@media (min-width:993px){.ns-col.l1{width:8.33333%}.ns-col.l2{width:16.66666%}.ns-col.l3{width:24.99999%}.ns-col.l4{width:33.33333%}
.ns-col.l5{width:41.66666%}.ns-col.l6{width:49.99999%}.ns-col.l7{width:58.33333%}.ns-col.l8{width:66.66666%}
.ns-col.l9{width:74.99999%}.ns-col.l10{width:83.33333%}.ns-col.l11{width:91.66666%}.ns-col.l12{width:99.99999%}}
.ns-content{max-width:980px;margin:auto}.ns-rest{overflow:hidden}
.ns-cell-row{display:table;width:100%}.ns-cell{display:table-cell}
.ns-cell-top{vertical-align:top}.ns-cell-middle{vertical-align:middle}.ns-cell-bottom{vertical-align:bottom}
.ns-hide{display:none!important}.ns-show-block,.ns-show{display:block!important}.ns-show-inline-block{display:inline-block!important}.ns-show-inline{display:inline}.ns-hide-inline{display:none}
@media (max-width:600px){.ns-modal-content{margin:0 10px;width:auto!important}.ns-modal{padding-top:30px}
.ns-dropdown-hover.ns-mobile .ns-dropdown-content,.ns-dropdown-click.ns-mobile .ns-dropdown-content{position:relative}	
.ns-hide-small{display:none!important}.ns-mobile{display:block;width:100%!important}.ns-bar-item.ns-mobile,.ns-dropdown-hover.ns-mobile,.ns-dropdown-click.ns-mobile{text-align:center}
.ns-dropdown-hover.ns-mobile,.ns-dropdown-hover.ns-mobile .ns-btn,.ns-dropdown-hover.ns-mobile .ns-button,.ns-dropdown-click.ns-mobile,.ns-dropdown-click.ns-mobile .ns-btn,.ns-dropdown-click.ns-mobile .ns-button{width:100%}}
@media (max-width:768px){.ns-modal-content{width:500px}.ns-modal{padding-top:50px}}
@media (min-width:993px){.ns-modal-content{width:900px}.ns-hide-large{display:none!important}.ns-sidebar.ns-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.ns-hide-medium{display:none!important}}
@media (max-width:992px){.ns-sidebar.ns-collapse{display:none}.ns-main{margin-left:0!important;margin-right:0!important}}
.ns-top,.ns-bottom{position:fixed;width:100%;z-index:1}.ns-top{top:0}.ns-bottom{bottom:0}
.ns-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.ns-display-topleft{position:absolute;left:0;top:0}.ns-display-topright{position:absolute;right:0;top:0}
.ns-display-bottomleft{position:absolute;left:0;bottom:0}.ns-display-bottomright{position:absolute;right:0;bottom:0}
.ns-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.ns-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.ns-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.ns-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.ns-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.ns-display-container:hover .ns-display-hover{display:block}.ns-display-container:hover span.ns-display-hover{display:inline-block}.ns-display-hover{display:none}
.ns-display-position{position:absolute}
.ns-circle{border-radius:50%}
.ns-round-small{border-radius:2px}.ns-round,.ns-round-medium{border-radius:4px}.ns-round-large{border-radius:8px}.ns-round-xlarge{border-radius:16px}.ns-round-xxlarge{border-radius:32px}
.ns-row-padding,.ns-row-padding>.ns-half,.ns-row-padding>.ns-third,.ns-row-padding>.ns-twothird,.ns-row-padding>.ns-threequarter,.ns-row-padding>.ns-quarter,.ns-row-padding>.ns-col{padding:0 8px}
.ns-container,.ns-panel{padding:0.01em 16px}.ns-panel{margin-top:16px;margin-bottom:16px}
.ns-code,.ns-codespan{font-family:Consolas,"courier new";font-size:16px}
.ns-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.ns-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.ns-card,.ns-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.ns-card-4,.ns-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.ns-spin{animation:ns-spin 2s infinite linear}@keyframes ns-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.ns-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.ns-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.ns-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.ns-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.ns-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.ns-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.ns-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.ns-animate-input{transition:width 0.4s ease-in-out}.ns-animate-input:focus{width:100%!important}
.ns-opacity,.ns-hover-opacity:hover{opacity:0.60}.ns-opacity-off,.ns-hover-opacity-off:hover{opacity:1}
.ns-opacity-max{opacity:0.25}.ns-opacity-min{opacity:0.75}
.ns-greyscale-max,.ns-grayscale-max,.ns-hover-greyscale:hover,.ns-hover-grayscale:hover{filter:grayscale(100%)}
.ns-greyscale,.ns-grayscale{filter:grayscale(75%)}.ns-greyscale-min,.ns-grayscale-min{filter:grayscale(50%)}
.ns-sepia{filter:sepia(75%)}.ns-sepia-max,.ns-hover-sepia:hover{filter:sepia(100%)}.ns-sepia-min{filter:sepia(50%)}
.ns-nano{font-size:8px!important}.ns-tiny{font-size:10px!important}.ns-small{font-size:12px!important}.ns-medium{font-size:15px!important}.ns-large{font-size:18px!important}
.ns-xlarge{font-size:24px!important}.ns-xxlarge{font-size:36px!important}.ns-xxxlarge{font-size:48px!important}.ns-jumbo{font-size:64px!important}
.ns-bold{font-weight:bold}
.ns-left-align{text-align:left!important}.ns-right-align{text-align:right!important}.ns-justify{text-align:justify!important}.ns-center{text-align:center!important}
.ns-border-0{border:0!important}.ns-border{border:1px solid #ccc!important}
.ns-border-top{border-top:1px solid #ccc!important}.ns-border-bottom{border-bottom:1px solid #ccc!important}
.ns-border-left{border-left:1px solid #ccc!important}.ns-border-right{border-right:1px solid #ccc!important}
.ns-topbar{border-top:6px solid #ccc!important}.ns-bottombar{border-bottom:6px solid #ccc!important}
.ns-leftbar{border-left:6px solid #ccc!important}.ns-rightbar{border-right:6px solid #ccc!important}
.ns-section,.ns-code{margin-top:16px!important;margin-bottom:16px!important}
.ns-margin{margin:16px!important}.ns-margin-top{margin-top:16px!important}.ns-margin-bottom{margin-bottom:16px!important}
.ns-margin-left{margin-left:16px!important}.ns-margin-right{margin-right:16px!important}
.ns-padding-small{padding:4px 8px!important}.ns-padding{padding:8px 16px!important}.ns-padding-large{padding:12px 24px!important}
.ns-padding-16{padding-top:16px!important;padding-bottom:16px!important}.ns-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.ns-padding-32{padding-top:32px!important;padding-bottom:32px!important}.ns-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.ns-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.ns-left{float:left!important}.ns-right{float:right!important}
.ns-button:hover{color:#000!important;background-color:#ccc!important}
.ns-transparent,.ns-hover-none:hover{background-color:transparent!important}
.ns-hover-none:hover{box-shadow:none!important}
/* Colors */
.ns-amber,.ns-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.ns-aqua,.ns-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.ns-blue,.ns-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.ns-light-blue,.ns-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.ns-brown,.ns-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.ns-cyan,.ns-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.ns-blue-grey,.ns-hover-blue-grey:hover,.ns-blue-gray,.ns-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.ns-green,.ns-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.ns-light-green,.ns-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.ns-indigo,.ns-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.ns-khaki,.ns-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.ns-lime,.ns-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.ns-orange,.ns-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.ns-deep-orange,.ns-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.ns-pink,.ns-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.ns-purple,.ns-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.ns-deep-purple,.ns-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.ns-red,.ns-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.ns-sand,.ns-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.ns-teal,.ns-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.ns-yellow,.ns-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.ns-white,.ns-hover-white:hover{color:#000!important;background-color:#fff!important}
.ns-black,.ns-hover-black:hover{color:#fff!important;background-color:#000!important}
.ns-sp-grey{color:#304a66!important;background-color:#b0bec5!important;}
.ns-sp-magenta{color:#fff!important;background-color:#d70a8b!important;}
.ns-grey,.ns-hover-grey:hover,.ns-gray,.ns-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.ns-light-grey,.ns-hover-light-grey:hover,.ns-light-gray,.ns-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.ns-dark-grey,.ns-hover-dark-grey:hover,.ns-dark-gray,.ns-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.ns-pale-red,.ns-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.ns-pale-green,.ns-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.ns-pale-yellow,.ns-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.ns-pale-blue,.ns-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.ns-green-d1 {color:#fff !important; background-color:#459c48 !important}
.ns-green-d2 {color:#fff !important; background-color:#3d8b40 !important}
.ns-green-d3 {color:#fff !important; background-color:#357a38 !important}
.ns-green-d4 {color:#fff !important; background-color:#2e6830 !important}
.ns-green-d5 {color:#fff !important; background-color:#265728 !important}
.ns-blue-d1 {color:#fff !important; background-color:#0c87eb !important}
.ns-blue-d2 {color:#fff !important; background-color:#0b78d1 !important}
.ns-blue-d3 {color:#fff !important; background-color:#0a69b7 !important}
.ns-blue-d4 {color:#fff !important; background-color:#085a9d !important}
.ns-blue-d5 {color:#fff !important; background-color:#074b83 !important}
.ns-flat-turquoise{color:#fff;background-color:#1abc9c}
.ns-flat-emerald{color:#fff;background-color:#2ecc71}
.ns-flat-peter-river{color:#fff;background-color:#3498db}
.ns-flat-amethyst{color:#fff;background-color:#9b59b6}
.ns-flat-wet-asphalt{color:#fff;background-color:#34495e}
.ns-flat-green-sea{color:#fff;background-color:#16a085}
.ns-flat-nephritis{color:#fff;background-color:#27ae60}
.ns-flat-belize-hole{color:#fff;background-color:#2980b9}
.ns-flat-wisteria{color:#fff;background-color:#8e44ad}
.ns-flat-midnight-blue{color:#fff;background-color:#2c3e50}
.ns-flat-sun-flower{color:#fff;background-color:#f1c40f}
.ns-flat-carrot{color:#fff;background-color:#e67e22}
.ns-flat-alizarin{color:#fff;background-color:#e74c3c}
.ns-flat-clouds{color:#000;background-color:#ecf0f1}
.ns-flat-concrete{color:#fff;background-color:#95a5a6}
.ns-flat-orange{color:#fff;background-color:#f39c12}
.ns-flat-pumpkin{color:#fff;background-color:#d35400}
.ns-flat-pomegranate{color:#fff;background-color:#c0392b}
.ns-flat-silver{color:#000;background-color:#bdc3c7}
.ns-flat-asbestos{color:#fff;background-color:#7f8c8d}
.ns-text-amber,.ns-hover-text-amber:hover{color:#ffc107!important}
.ns-text-aqua,.ns-hover-text-aqua:hover{color:#00ffff!important}
.ns-text-blue,.ns-hover-text-blue:hover{color:#2196F3!important}
.ns-text-light-blue,.ns-hover-text-light-blue:hover{color:#87CEEB!important}
.ns-text-brown,.ns-hover-text-brown:hover{color:#795548!important}
.ns-text-cyan,.ns-hover-text-cyan:hover{color:#00bcd4!important}
.ns-text-blue-grey,.ns-hover-text-blue-grey:hover,.ns-text-blue-gray,.ns-hover-text-blue-gray:hover{color:#607d8b!important}
.ns-text-green,.ns-hover-text-green:hover{color:#4CAF50!important}
.ns-text-light-green,.ns-hover-text-light-green:hover{color:#8bc34a!important}
.ns-text-indigo,.ns-hover-text-indigo:hover{color:#3f51b5!important}
.ns-text-khaki,.ns-hover-text-khaki:hover{color:#b4aa50!important}
.ns-text-lime,.ns-hover-text-lime:hover{color:#cddc39!important}
.ns-text-orange,.ns-hover-text-orange:hover{color:#ff9800!important}
.ns-text-deep-orange,.ns-hover-text-deep-orange:hover{color:#ff5722!important}
.ns-text-pink,.ns-hover-text-pink:hover{color:#e91e63!important}
.ns-text-purple,.ns-hover-text-purple:hover{color:#9c27b0!important}
.ns-text-deep-purple,.ns-hover-text-deep-purple:hover{color:#673ab7!important}
.ns-text-red,.ns-hover-text-red:hover{color:#f44336!important}
.ns-text-sand,.ns-hover-text-sand:hover{color:#fdf5e6!important}
.ns-text-teal,.ns-hover-text-teal:hover{color:#009688!important}
.ns-text-yellow,.ns-hover-text-yellow:hover{color:#d2be0e!important}
.ns-text-white,.ns-hover-text-white:hover{color:#fff!important}
.ns-text-black,.ns-hover-text-black:hover{color:#000!important}
.ns-text-grey,.ns-hover-text-grey:hover,.ns-text-gray,.ns-hover-text-gray:hover{color:#757575!important}
.ns-text-light-grey,.ns-hover-text-light-grey:hover,.ns-text-light-gray,.ns-hover-text-light-gray:hover{color:#f1f1f1!important}
.ns-text-dark-grey,.ns-hover-text-dark-grey:hover,.ns-text-dark-gray,.ns-hover-text-dark-gray:hover{color:#3a3a3a!important}
.ns-border-amber,.ns-hover-border-amber:hover{border-color:#ffc107!important}
.ns-border-aqua,.ns-hover-border-aqua:hover{border-color:#00ffff!important}
.ns-border-blue,.ns-hover-border-blue:hover{border-color:#2196F3!important}
.ns-border-light-blue,.ns-hover-border-light-blue:hover{border-color:#87CEEB!important}
.ns-border-brown,.ns-hover-border-brown:hover{border-color:#795548!important}
.ns-border-cyan,.ns-hover-border-cyan:hover{border-color:#00bcd4!important}
.ns-border-blue-grey,.ns-hover-border-blue-grey:hover,.ns-border-blue-gray,.ns-hover-border-blue-gray:hover{border-color:#607d8b!important}
.ns-border-green,.ns-hover-border-green:hover{border-color:#4CAF50!important}
.ns-border-light-green,.ns-hover-border-light-green:hover{border-color:#8bc34a!important}
.ns-border-indigo,.ns-hover-border-indigo:hover{border-color:#3f51b5!important}
.ns-border-khaki,.ns-hover-border-khaki:hover{border-color:#f0e68c!important}
.ns-border-lime,.ns-hover-border-lime:hover{border-color:#cddc39!important}
.ns-border-orange,.ns-hover-border-orange:hover{border-color:#ff9800!important}
.ns-border-deep-orange,.ns-hover-border-deep-orange:hover{border-color:#ff5722!important}
.ns-border-pink,.ns-hover-border-pink:hover{border-color:#e91e63!important}
.ns-border-purple,.ns-hover-border-purple:hover{border-color:#9c27b0!important}
.ns-border-deep-purple,.ns-hover-border-deep-purple:hover{border-color:#673ab7!important}
.ns-border-red,.ns-hover-border-red:hover{border-color:#f44336!important}
.ns-border-sand,.ns-hover-border-sand:hover{border-color:#fdf5e6!important}
.ns-border-teal,.ns-hover-border-teal:hover{border-color:#009688!important}
.ns-border-yellow,.ns-hover-border-yellow:hover{border-color:#ffeb3b!important}
.ns-border-white,.ns-hover-border-white:hover{border-color:#fff!important}
.ns-border-black,.ns-hover-border-black:hover{border-color:#000!important}
.ns-border-grey,.ns-hover-border-grey:hover,.ns-border-gray,.ns-hover-border-gray:hover{border-color:#9e9e9e!important}
.ns-border-light-grey,.ns-hover-border-light-grey:hover,.ns-border-light-gray,.ns-hover-border-light-gray:hover{border-color:#f1f1f1!important}
.ns-border-dark-grey,.ns-hover-border-dark-grey:hover,.ns-border-dark-gray,.ns-hover-border-dark-gray:hover{border-color:#616161!important}
.ns-border-pale-red,.ns-hover-border-pale-red:hover{border-color:#ffe7e7!important}.ns-border-pale-green,.ns-hover-border-pale-green:hover{border-color:#e7ffe7!important}
.ns-border-pale-yellow,.ns-hover-border-pale-yellow:hover{border-color:#ffffcc!important}.ns-border-pale-blue,.ns-hover-border-pale-blue:hover{border-color:#e7ffff!important}
.ns-sp-country {
    color: #0c51a1;
    font-size: 10px;
    font-family: "Source Sans Pro",sans-serif !important;
    letter-spacing: 0.2px;
    text-align: right;
    word-spacing: 2px;
}
.ns-card-login {
    background-color: white;
}
.ns-login-bgcolor {
    background-color: #faf5ed;
    padding-bottom: 0;
    padding-top: 0;
}
.ns-sitelogo:before {
    content: url(Images/logo.png);
}
.ns-login-signinlogo:before {
    content: url(Images/signinbackground.png);
}
.ns-login-input {
    background-color: white;
    border: 1px solid rgba(0,0,0,0.22);
    font: 14px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    font-weight:500;
    padding: 0.3em 0.57em 0.4em 0.35em;
}
.ns-login-input:focus {
    outline: none;
    border-color: #F87C1D;
}

.ns-btn-signin {
    background-color: #F87C1D;
    border: none;
    box-shadow: none;
    color: white;
    display: inline-table;
    font: 14px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    height: 100%;
    letter-spacing: 0.01em;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-tap-highlight-color: transparent;
}

.ns-btn-signin:hover {
    background-color: #DB6307;
}
html {
    height: 100%;
    overflow: auto;
    font-size: smaller !important;
}
body {
    height: 100%;
    overflow-y: initial; /* avoid the double scroll */
    font-size: 11px !important;
    /*font-size: smaller !important;*/
}
body.wait *, body.wait {
    cursor: progress !important;
}
/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}
:root {
    /*--kendo-font-size: 11px;*/
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: none;
}
input.show-uppercase {
    text-transform: uppercase;
}
.k-block {
    background-color: var(--kendo-color-surface, #ffffff);
}
.k-upload .k-dropzone .k-dropzone-hint, .k-upload .k-upload-dropzone .k-dropzone-hint {
    white-space:pre-wrap;
    text-align:center;
}
.k-upload .k-dropzone .k-upload-button-wrap, .k-upload .k-upload-dropzone .k-upload-button-wrap {
    text-align:center;
    width:60%;
}
.k-upload .k-dropzone .k-upload-button-wrap .k-upload-button, .k-upload .k-upload-dropzone .k-upload-button-wrap .k-upload-button {
    text-wrap-mode: wrap;
}
textarea.k-textbox {
    resize: none;
    padding-left: .571em;
    padding-right: .571em;
}
span.k-textbox.auto-wrap {
    white-space: normal;
    overflow: auto;
}
span.k-textbox.multi-line {
    white-space: normal;
    overflow: auto;
    height: 41.5px;
}
.ns-btn-signin input {
    background-color: #F87C1D;
    border: none;
    box-shadow: none;
    color: white;
    display: inline-table;
    font: 14px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    height: 100%;
    letter-spacing: 0.01em;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-tap-highlight-color: transparent;
}
.input-validation-error {
    border: 1px solid #ff0000 !important;
}
/*.field-validation-error {
    font-size: 13px;
    border: none;
    white-space: nowrap;
    color: #FF0000 !important;
    background-color: rgba(255,0,0,0) !important;
}*/
.numeric-align {
    text-align: right !important;
}
.text-center {
    text-align: center !important;
}
.text-left {
    text-align: left !important;
}
.k-rpanel-top {
    background: inherit;
    border-bottom-color: inherit;
}
.page-header {
    background: inherit;
    width: 100%;
    height: 70px;
    box-sizing: border-box;
    /*font-size: 12px;*/
    top: 0;
    left: 0;
    z-index: 100;
    position: fixed;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    align-items: center;
    margin: 0;
    border-bottom: solid 1px;
    border-bottom-color: inherit;
}
.page-header:after {
     display: block; 
     content: ""; 
     clear: both; 
}
.page-logo {
    margin: 8px 0 0 8px;
}
.page-header-menu {
    border-width: 0 !important;
    border-top-width: 0px !important;
    padding: 10px 8px 0 0;
    position: absolute;
    top: 3px;
    right: 0;
}
.page-inner-content {
    box-sizing: border-box;
    padding-top: 71px;
    padding-left: max(281px, 18%);
    position: relative;
    height: 100%;
    border-color: inherit;
}
#PanelNav {
    position: fixed;
    top: 71px;
    bottom: 0;
    left: 0;
    width: max(18%, 280px);
    min-width: 280px;
    height: calc(100vh - 80px);
    overflow: hidden;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: inherit;
    z-index: 10;
    -webkit-overflow-scrolling: touch;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.toggle-nav {
    padding: 15px 15px 12px;
    cursor: pointer;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
.nav-search {
    position: relative;
    margin: 5px 0 5px 10px;
    height: 28px;
    width: 255px;
}
.nav-search-box {
    padding-right: 30px !important;
    width: 100% !important;
}
.nav-search-clear {
    position: absolute;
    top: 0.25em;
    right: 0.45em;
    cursor: pointer;
    z-index: 5;
}
.k-treeview > .k-treeview-group > .k-treeview-item {
    padding-inline-start: 20px;
}
.k-treeview-item {
    padding-inline-start: 18px;
}
.k-treeview-md .k-treeview-leaf {
    padding-block:calc(var(--kendo-spacing-1, 0.25rem) * 0.75);
    padding-inline:var(--kendo-spacing-1, 0.25rem);
}
.k-treeview-toggle .k-icon {
    padding-block: var(--kendo-spacing-0, 0.125rem);
}
span.k-treeview-leaf-text > span.highlight, a.k-treeview-leaf-text > span.highlight {
    background: yellow
}
#treeviewNav {
    padding-left: 8px;
    height: calc(100vh - 118px);
    margin-top: -1.5px;
    border-top-width: 1px;
    border-bottom-width: 1px;
}
.tvnode-hide {
    display: none !important;
}
.content-title {
    text-align: left;
    width: 100%;
    border-bottom: solid;
    border-bottom-width: 1px;
    border-bottom-color: inherit;
}
.content-title .title-item {
    display: flex;
    justify-content: space-between;
}
.content-title label {
    font-weight: bold;
    margin-bottom: 0;
    padding: 10px 0 10px 20px;
}
.content-title .title-item .title-item-2 {
    display: flex;
    justify-content: flex-end;
}
.content-title .title-label/*,
.content-title .findoc-company*/ {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
}
.content-title .title-label {
    justify-content: flex-start;
}
/*.content-title .findoc-company {
    justify-content: flex-end;
    white-space: nowrap;
    gap: 0.5rem;
}*/
.content-title .leave-year,
.content-title .leave-type,
.content-title .sales-team,
.content-title .asset-grp,
.content-title .asset-grpcompany,
.content-title .country-list,
.content-title .findoc-company,
.content-title .findoc-projectcompany,
.content-title .purchase-procuretype,
.content-title .rental-propertycompany,
.content-title .inventory-location,
.content-title .rental-salesperson,
.content-title .tax-period{
    margin: 6px 20px 6px 0;
    display: none;
    justify-content: flex-end;
    white-space: nowrap;
    gap: 0.5rem;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
}
.contentPane {
    margin: 10px 10px 10px;
    height: calc(100vh - 150px)
}
.leave-type .k-dropdownlist {
    width: 200px;
}
.leave-year .k-dropdownlist {
    width: 100px;
}
.sales-team .k-dropdownlist,
.asset-grp .k-dropdownlist,
.asset-grpcompany .k-dropdownlist,
.country-list .k-dropdownlist,
.findoc-company .k-dropdownlist,
.findoc-projectcompany .k-dropdownlist,
.purchase-procuretype .k-dropdownlist,
.rental-propertycompany .k-dropdownlist,
.inventory-location .k-dropdownlist,
.rental-salesperson .k-dropdowntree,
.tax-period .k-dropdownlist {
    width: 400px;
}
#PanelContent {
    width: 100%;
    height: 100%;
    min-width: 300px;
}
.form-layout {
    padding: 10px !important;
    line-height: 2em !important;
}
.form-button {
    padding: 8px 0 0;
}
.form-button-top {
    padding: 0 0 5px;
}
.form-button button, .form-button-top button {
    margin-left: 5px;
}
.form-button button:first-child, .form-button-top button:first-child {
    margin-left: 100px;
}
.form-button span:not(.k-icon), .form-button-top span:not(.k-icon) {
    font-size: inherit;
}
.popup-form-title label {
    font-weight: bold !important;
    margin-bottom: 0 !important;
    padding: 5px !important;
}
.k-selected.portalskin {
    color: var(--kendo-color-on-primary);
    background-color: var(--kendo-color-primary);
}
.k-toolbar-solid.label-part {
    border-style:solid;
    border-width:1px;
}
.k-state-disabled.k-textbox {
    color: inherit;
}
.k-switch {
    transform: scale(0.83);
    transform-origin: top left;
    border-radius: 0.5em;
    margin-bottom:-5px;
}
.k-switch .k-switch-container {
    border-radius: 0.5em;
    padding: 1.5px 1.5px;
}
.k-switch .k-switch-handle {
    border-radius: 0.5em;
}
.k-grid {
    font-family: var(--kendo-font-family, inherit) !important;
}
.k-grid th.k-header.text-center .k-column-title {
    text-align: center !important;
    width: 100%;
}
.k-grid th.k-header.numeric-align .k-column-title {
    text-align: right !important;
    width: 100%;
}
.k-grid tr.k-grouping-row p.k-reset .btn-grp {
    margin-left:auto;
}
.k-grid tr.k-grouping-row p.k-reset .btn-grp a:not([style*="display:none"]):has(~ a:not([style*="display:none"])) {
    margin-right: 0.16em;
}
.k-grid tr.k-group-footer .btn-grp a.k-pager-refresh:not(:first-of-type) {
    margin-right: 0.16em;
}
.k-grid td.k-edit-cell {
    padding-inline-start: 2px !important;
    padding-inline-end: 2px !important;
}
.k-grid td[role=gridcell] .radio-group {
    display: inline-flex;
    align-items: flex-start;
}
.k-grid td[role=gridcell] .radio-group input[type="radio"] {
    margin-top: 1.5px;
}
.k-grid td.k-command-cell button.k-button {
    margin-bottom:1px;
}
.k-grid td.ns-dirty {
    position:relative;
}
.k-grid td.ns-dirty::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: var(--kendo-color-on-app-surface);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}
.k-grid-header .k-header {
    overflow: visible !important;
    white-space: normal !important;
}
.k-grid-content-locked, .k-grid-content-locked td, .k-grid-header-locked, .k-grid-header-locked .k-header {
    border-left-color: inherit;
    border-right-color: inherit;
}
.k-grid-content .k-loading-mask {
    z-index:unset;
}
.k-grid-header th.k-header.with-checkbox {
    padding-right: 0;
    text-align:center;
}
.k-header.with-checkbox > .k-link > .k-grid-filter, .k-header > .k-link > .k-header-column-menu {
    float: right;
    margin: -0.5em -0.6em -0.4em 0;
    padding: 0.5em 0.2em 0.4em;
    position: relative;
    z-index: 1;
    color: inherit;
}
.k-grid-header th.k-with-icon.with-checkbox .k-link {
    margin-right: 0;
}
.grid-header-hide .k-grid-header {
    display: none;
    height: 0;
    border: none;
}
.grid-footer-hide .k-grid-footer {
    display: none;
    height: 0;
    border: none;
}
.k-filter-menu.k-popup .k-filter-menu-container, .k-grid-filter-popup.k-popup .k-filter-menu-container {
    width: 200px;
}
.k-filter-menu .k-action-buttons .k-button {
    margin:0;
}
.k-filter-menu {
    font-size: inherit;
}
.k-filter-menu .k-dropdown {
    width: 100%;
}
.k-form-error {
    font-style: initial !important;
    font-size: var(--kendo-font-size, inherit);
}
/* not working */
.grid-custom-attr {
    height: inherit !important;
    /*max-height: none !important;*/
}
/*.k-grid-header th.k-header {
    vertical-align: middle !important;
}*/
.k-grid-toolbar {
    display: block;
    padding: 1.5px 0 1.5px 10px;
}
.k-grid-toolbar .k-button.k-pager-refresh {
    margin: 0.08em !important;
    padding: 4px;
}
.k-grid-toolbar .k-button:not(.k-grid-ai-assistant-tool):not(.k-pager-refresh) {
    margin: 0.08em !important;
    padding: 4px 8.8px 4px 5px;
}
.k-grid-toolbar .k-button.btn-decision {
    width:83px;
}
.k-grid-toolbar .filter-clearall-hide {
    display: none;
}
.k-grid-toolbar .k-separator {
    height:1.8em;
}
.k-grid-toolbar label.k-radio-label {
    margin-inline-end: var(--kendo-spacing-1, 0.25rem);
    font-weight:inherit;
}
.k-grid-toolbar .k-checkbox-label {
    margin-top: 4px;
    font-weight: inherit;
}
.k-grid-toolbar label.k-checkbox-label:before {
    margin-top: 0;
}
.k-grid-header th.k-header {
    vertical-align: middle !important;
}
.k-grid-header .k-column-title {
    white-space: pre-wrap;
}
.k-grid tr.k-no-data {
    display: none;
}
.k-grid td {
    word-wrap: break-word;
}
.k-grid td input.k-checkbox.chkbox.chkbox-hide {
    display: none;
}
.k-grid td.k-command-cell {
    text-overflow:initial;
}
.k-grid td.textarea-break-all {
    word-break: break-all;
}
.k-grid td input[type=radio] {
    margin-right: 3px;
}
.k-grid .template-cell.k-edit-cell {
    padding: 0.4em 0.6em;
}
.k-grid .template-cell .k-state-disabled {
    pointer-events:auto;
}
/* fixed numeric text box right alignment */
.k-grid .template-cell .k-textbox.numeric-align {
    display: inline-block;
}
.k-grid tbody .k-button.btn-width {
    min-width: 75px;
}
.k-grid tbody .k-button.btn-width-sm {
    min-width: 55px;
}
.k-scheduler-dayview tr {
    height: 38px;
}
.k-scheduler-toolbar .k-separator {
    display: inline-block;
    padding: 2px 0;
    margin-right: 4px;
}
.k-scheduler-toolbar button.k-scheduler-close {
    margin-left: calc(var(--kendo-spacing-1) * -1);
}
.k-scheduler-content .k-event {
    border-style: none;
    border-width: 0;
    border-radius: 0;
    /*left:0 !important;*/
    display: flex;
    opacity:1;
}
.k-scheduler-content .k-event.k-selected {
    opacity: 0.8;
}
.k-scheduler-content .k-event.k-state-selected {
    box-shadow: none;
}

.k-treelist .k-grid-toolbar .k-separator {
    margin-left: 0.2em;
}
.k-treelist .k-grid-toolbar .k-button:not(.k-pager-refresh):not(:first-child) {
    margin-left: 0.3em !important;
}
.k-treelist .k-grid-toolbar div.k-toolbar-item {
    margin-left: 0.2em !important;
}
.k-treelist .k-grid-toolbar .k-button.k-pager-refresh .k-icon {
    margin-right: 0;
    margin-left: 0;
}
.template-cell:not(.k-edit-cell) span.k-textbox {
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    padding: 0.178571em 0;
    line-height: 1.65em;
    text-indent: 0.571em;
    width: 100%;
    min-height: 23.5px;
    color: inherit;
}
.template-cell:not(.k-edit-cell) span.k-textbox.show-tips {
    pointer-events:auto;
}
.template-cell.k-edit-cell span.k-textbox {
    padding: 0;
}
.template-cell span.k-textarea {
    display:inline-block;
    white-space: pre-wrap;
    overflow: hidden;
    background-color: transparent;
    padding: 0.178571em 0.571em;
    width: 100%;
    color: inherit;
}
.template-cell span.no-border {
    border: none;
}
/*.template-cell span.k-textbox:not(.no-border):after {
    display: initial;
}*/
.template-cell span.k-textbox.auto-wrap {
    white-space: normal;
    overflow: auto;
}
.template-cell span.k-textbox.multi-line {
    white-space: normal;
    overflow: auto;
    height: 41.5px;
}
.template-cell span.show-title {
    pointer-events: auto;
}
.k-listview-bordered .k-listview-content {
    border-color:inherit;
}
[id$="-list"] .k-list-item-text::before {
    content: none !important;
    display: none !important;
}
.k-list-item {
    border-color: inherit !important;
}
.k-list-item-text {
    border-color: inherit !important;
}
.table-wrapper {
    display: inline-table;
    border-collapse: collapse;
    border-color:inherit;
    width:100%;
}
.table-wrapper .row {
    display: table-row;
    border-color:inherit;
    line-height:2.5;
}
.table-wrapper .row .cell {
    display: table-cell;
    border-color:inherit;
    border-width: 1px;
    border-style:solid;
    padding-inline:0.5em;
    border-bottom-style:none;
    overflow-wrap:anywhere;
}
.table-wrapper .row .cell:first-child {
    border-left-style:none;
}
.table-wrapper .row .cell:last-child {
    border-right-style: none;
}
.k-input-solid.k-invalid, .k-picker-solid.k-invalid {
    border-color: var(--kendo-color-border);
}
/* drop down list */
.k-popup.k-list-container:not(.k-dropdowngrid-popup):not(.k-list-scroller) {
    width: auto !important;
}
.k-popup.k-dropdowngrid-popup .k-table-header .k-table .k-table-row .k-table-th {
    white-space:pre-wrap;
}
.k-popup.k-dropdowngrid-popup:not(.multi-colv) .k-table-body ul > li span.k-table-td span {
    white-space: pre-wrap;
}
.k-popup.k-dropdowngrid-popup.multi-colv .k-table-body ul > li span[title].k-disabled {
    pointer-events: auto;
}
/*.k-popup.k-list-container:not(.k-dropdowngrid-popup) > div {
    overflow: none !important;
    overflow-y: scroll !important;
}*/
/*.k-list-container .k-list-filter .k-textbox {
    max-width: none;
}*/
.k-popup.k-list-container.multi-col .k-table-th .k-column-title {
    white-space: pre-wrap;
    text-overflow: initial;
    overflow-wrap: break-word;
}
.k-popup.k-list-container.multi-col .k-list-content.k-list-scroller {
    overflow-y: scroll;
}
.k-popup.k-list-container.multi-col ul > li {
    padding-block:0;
    padding-inline:0;
    line-height:1.8;
}
.k-popup.k-list-container.multi-col ul > li:nth-child(even):not(.k-selected):not(.k-hover):not(:hover) {
    background-color: color-mix(in srgb, var(--kendo-color-on-app-surface) 5%, transparent);
}
.k-popup.k-list-container.multi-col ul > li span.k-list-item-text {
    width:100%;
}
/* reverse drop down list filter search icon */
.k-list-container .k-list-filter .k-searchbox {
    display: flex;
    flex-direction: row-reverse;
}
/* drop down list */
/* multi column combo box */
.k-grid-list > .k-item > .k-cell {
    white-space: normal !important;
}
.k-virtual-content > .k-virtual-list > .k-virtual-item > .k-cell {
    display: inline-block;
    height: inherit;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* multi column combobox */
.k-window-content {
    padding: 0px 6px 6px;
    background-color:inherit;
    border-color:inherit;
}
.k-window-content form {
    background-color:inherit;
    border-color:inherit;
}
.popup-window-toolbar {
    padding: 5px 2px 0;
}
.k-window-content form div.form-toolbar {
    background-color: inherit;
    z-index: 1050;
    width: 100%;
}
.k-window-content div.form-toolbar.stick-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 99999;
    background-color: inherit;
}
.k-window-content div.form-toolbar.stick-top.wb-border {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: inherit;
}
.k-window-content form .k-content.with-toolbar {
    position: relative;
    top: 0px;
}
.k-tabstrip {
    min-height: 250px;
    min-width: 350px;
}
.tabstrip-left .k-tabstrip-items-wrapper.k-vstack {
    width: 100%;
}
.tabstrip-left .k-tabstrip-items-wrapper.k-vstack .k-tabstrip-items {
    overflow-y: auto !important;
    overflow-x: hidden;
}
.tabstrip-left .k-tabstrip-items-wrapper.k-vstack .k-tabstrip-prev,
.tabstrip-left .k-tabstrip-items-wrapper.k-vstack .k-tabstrip-next {
    display: none;
}
.line-break:after {
    content: "\A";
    white-space: pre;
}
.line-split {
    width: 100%;
    margin: 0 0 1px;
}
.flexcontainer {
    /*box-sizing: border-box;*/
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    flex: auto;
}
.flexcontainer .flex-col-1 {
    flex-basis: calc(100% - 3px);
}

.flexcontainer .flex-col-1-400 {
    flex-basis: calc(100% - 3px);
    min-width: 330px;
    flex-grow: 1;
}

.flexcontainer .flex-col-2 {
    min-width: 350px;
    flex: 1 1 0%;
}

.flexcontainer .flex-col-m2 {
    min-width: 320px;
    flex: 1 1 0%;
}

.flexcontainer .flex-col-fix-2 {
    flex-basis: calc(50% - 2px);
}
.flexcontainer .flex-col-2-250 {
    flex-basis: calc(50% - 2px);
    min-width: 250px;
    flex-grow: 1;
}
.flexcontainer .flex-col-2-300 {
    flex-basis: calc(50% - 2px);
    min-width: 300px;
    flex-grow: 1;
}
.flexcontainer .flex-col-2-400 {
    flex-basis: calc(50% - 2px);
    min-width: 330px;
    flex-grow: 1;
}
.flexcontainer .flex-col-3 {
    min-width:250px;
    flex: 1 1 0%;
}
.flexcontainer .flex-col-fix-3 {
    flex-basis: calc(33.33% - 3px);
}
.flexcontainer .flex-col-3-250 {
    flex-basis: calc(33.33% - 3px);
    min-width: 250px;
    flex-grow: 1;
}
.flexcontainer .flex-col-3-2 {
    min-width: 500px;
    flex: 2 2 0%;
}
.flexcontainer .flex-col-fix-3-2 {
    flex-basis: calc(66.66% - 3px);
}
.flexcontainer .flex-col-4 {
    /*flex-basis: calc(25% - 3px);*/
    min-width: 188px;
    flex: 1 1 0%;
}
.flexcontainer .flex-col-fix-4 {
    flex-basis: calc(25% - 3px);
}
.flexcontainer .flex-col-fix-4-3 {
    flex-basis: calc(75% - 3px);
}
.flexcontainer .flex-col-4-3 {
    flex-basis: calc(75% - 3px);
}
.flexcontainer .flex-col-4-2 {
    flex-basis: calc(50% - 3px);
}
.flexcontainer .flex-col-4-200 {
    flex-basis: calc(25% - 2px);
    min-width: 200px;
    flex-grow: 1;
}
.flexcontainer .flex-col-5 {
    min-width: 170px;
    flex: 1 1 0%;
}
.flexcontainer .flex-col-5-2 {
    flex-basis: calc(40% - 2px);
}
.flexcontainer .flex-col-5-3 {
    flex-basis: calc(60% - 2px);
}
.flexcontainer .flex-col-5-4 {
    flex-basis: calc(80% - 2px);
}
.flexcontainer .flex-col-5-175 {
    flex-basis: calc(20% - 2px);
    min-width: 175px;
    flex-grow: 1;
}
.flexcontainer .flex-col-fix-5 {
    flex-basis: calc(20% - 3px);
}
.flexcontainer .flex-col-fix-6 {
    flex-basis: calc(16.66% - 3px);
}
.flexcontainer .flex-col-10-4 {
    flex-basis: calc(40% - 3px);
}
.flexcontainer .flex-col-10-6 {
    flex-basis: calc(60% - 3px);
}
.flexcontainer .flex-col-fix-10 {
    flex-basis: calc(10% - 3px);
}
.flexcontainer .flex-col-fix-10-9 {
    flex-basis: calc(90% - 3px);
}
.flexcontainer > .noborder-color {
    border-style: none !important;
    border-color: inherit !important;
}
.flexcontainer [class*="flex-col"] {
    margin-bottom: 0;
    border: solid 1px transparent;
    overflow-x:auto;
    overflow-y:hidden;
}
.flexcontainer [class*="flex-col"] .form-input input:not([role=spinbutton]):not([role=combobox]):not([type=checkbox]):not([type=radio]),
.flexcontainer [class*="flex-col"] .form-input textarea,
.flexcontainer [class*="flex-col"] .form-input span.k-datepicker,
.flexcontainer [class*="flex-col"] .form-input span.k-datetimepicker,
.flexcontainer [class*="flex-col"] .form-input span.k-dropdownlist,
.flexcontainer [class*="flex-col"] .form-input span.k-combobox,
.flexcontainer [class*="flex-col"] .form-input span.k-numerictextbox,
.flexcontainer [class*="flex-col"] .form-input span.k-textbox {
    width:  inherit;
}
.flexcontainer [class*="flex-col"] .form-input span.k-dropdownlist {
    pointer-events:auto;
}
/*.flexcontainer [class*="flex-col"] .form-input input.k-checkbox {
    width: 16px !important;
    min-width: 16px !important;
}*/
.flexcontainer [class*="flex-col"] .form-input span.k-numerictextbox span.k-numeric-wrap {
    width: calc(100% - 2px);
}
.flexcontainer [class*="flex-col"] .k-radio-label {
    padding-top: 0;
    display:inline-block;
}
.flexcontainer [class*="flex-col"] .k-checkbox-label {
    padding-top: 1px;
    display: inline-block;
}
.flexcontainer .flex-col-2 {
    margin-left: 0;
}
.flexcontainer label {
    font-weight: inherit;
    word-wrap: break-word;
    margin-bottom: 0;
    vertical-align: top;
}
.flexcontainer label.k-checkbox-label {
    width: 0;
}
.flexcontainer .form-chkbox {
    line-height: 23px;
}
.flexcontainer .form-chkbox label.k-checkbox-label:before {
    margin-top: 3px;
}
.flexcontainer label.valign-top {
    vertical-align: top;
}
.flexcontainer :not(.flex-col-5) .form-input input:not([type=checkbox]):not([type=radio]), 
.flexcontainer .form-input span.k-dropdownlist,
.flexcontainer .form-input span.k-combobox,
.flexcontainer :not(.flex-col-5) .form-input span.k-numeric-wrap,
.flexcontainer .form-input span.k-datepicker {
    max-width: none;
    width: 100%;
    min-width: 50px;
}
.flexcontainer .form-chkbox .k-checkbox-label {
    margin-bottom: 0;
}
.flex-row {
    -webkit-flex-direction: row;
    flex-direction: row;
}
.flex-column {
    -webkit-flex-direction: column;
    flex-direction: column;
}
.flex-wrap {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flexcontainer.flex-wrap {
    border-color:inherit;
}
.flex-justify-end {
    justify-content: flex-end;
}
.dynamic-width {
    padding-top: 4px;
    padding-bottom: 5px;
}

.label-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*width: calc(100% - 20px) !important;*/
}
.cols-container {
    width: 100%;
    height: 100%;
}
.cols-container .two-cols {
    float: left;
    width: 50%;
    height: inherit;
    min-width: 330px;
}
.lv-container {
    grid-gap: 0.15em;
    padding-top: 0.15em;
    padding-bottom: 0.15em;
    border-color:inherit;
}
.lv-container label {
    padding-left: 4px;
    font-weight: inherit;
    word-wrap: break-word;
    margin-bottom: 0;
    vertical-align: top;
}
.textarea-address, .textarea-description {
    height: 50px !important;
    width: 100%;
    max-width: none;
}
.draw-rect {
    position: absolute;
    background-color: rgba(255, 0, 0, 0.3);
    text-align:center;
    color:white;
}
.list-columns {
    list-style: none;
    padding-inline-start: 0;
    height:inherit;
}
.list-columns li {
    height: inherit;
}
.list-columns-two {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
.button-center {
    margin-top: 10px;
    text-align: center;
}
.k-dialog-buttongroup {
    justify-content: center;
    display:flex;
}
.k-dialog-buttongroup .k-button + .k-button {
    margin-left: 6px;
}
.trv-toolbar button span.k-font-icon.k-i-sparkles {
    padding-block-start:10px;
}
.trv-toolbar button span.k-font-icon.k-i-sparkles::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='m320 32 54.3 137.7L512 224l-137.7 54.3L320 416l-54.3-137.7L128 224l137.7-54.3zM94 350 0 384l94 34 34 94 34-94 94-34-94-34-34-94zM70.6 70.6 0 96l70.5 25.5L96 192l25.5-70.5L192 96l-70.5-25.5L96 0 70.5 70.5Z'></path></svg>");
    background-size: contain;
    background-repeat: no-repeat;
}
.trv-parameter-header {
    background-color: var(--kendo-color-surface);
}
.trv-parameter-header, .trv-parameter-value {
    padding: 5px 6px !important;
}
.trv-parameter-value .trv-parameter-editor-available-values .trv-parameter-actions .trv-select-none {
    display:none;
}
.trv-parameter-value .trv-list.k-listview {
    max-height:110px;
}
.trv-parameter-dropdown {
    width: 100%;
}
.k-card-title {
    font-size: var(--kendo-font-size, inherit);
    font-weight: var(--kendo-font-weight-bold, bold);
}
.k-pager-info {
    padding: 5px 0 6px;
}
.k-pager-refresh {
    float:right;
}
.k-panelbar {
    min-width: 200px;
}
.k-panelbar>.k-item>.k-link {
    padding-left:25px;
}
.k-panelbar-collapse.k-icon, .k-panelbar-expand.k-icon {
    right:auto;
    left:5px;
}
.k-checkbox-label:before {
    margin-top: 0.4em;
}
.k-content fieldset {
    margin: 0;
    border-radius: inherit;
    border-color: inherit;
    padding: .35em .625em;
}
p {
    margin: 0 0 10px;
    box-sizing: content-box;
}
fieldset legend {
    float: none !important;
}
.k-content fieldset legend {
    font: inherit;
    width: inherit;
    margin-bottom: 0;
    border-bottom: none;
}
.k-content fieldset legend.group-title {
    width: auto;
    font-weight: bold;
}
.title-legend {
    margin-bottom: 5px !important;
}
span.title-desc {
    display:block;
    padding-left: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: calc(100% - 20px) !important;
}
.template-cell > .k-widget, .template-cell > div > .k-widget {
    width: 100% !important;
}
input[type=checkbox][disabled] {
    cursor:not-allowed;
}
.k-checkbox:disabled {
    opacity: 0.5;
}
.k-grid .template-cell .k-tooltip {
    white-space: normal;
}
.k-callout-n {
    left: 13px;
}
html .template-cell .k-tooltip {
    width: auto;
    max-width: 300px;
}
.notifyjs-container span {
    max-width: 100%;
    white-space:initial;
}
.msgimage {
    padding-right: 10px;
}
.msginfo {
    content: url(Images/msginfo_60.png);
}
.msgquestion {
    content: url(Images/msgquestion_60.png);
}
.msgwarning {
    content: url(Images/msgwarning_60.png);
}
.msgerror {
    content: url(Images/msgerror_60.png);
}
.taskicon {
    background: url(Images/userapproval.png) 0/32px no-repeat;
    max-width: 32px;
    width: 100%;
    margin: 5px 8px 0 0;
}
.taskdesc {
    margin-top: 3px;
    font-weight: inherit;
}
.taskbutton {
    margin-left: auto !important;
}
.wf-icon {
    display: block;
    width: 40px;
    height: 40px;
}
.wf-icon-start {
    background: url(Images/start.png) 0/40px no-repeat;
}
.wf-icon-current {
    background: url(Images/rarrow.png) 0/40px no-repeat;
}
.wf-icon-approved {
    background: url(Images/tick.png) 0/40px no-repeat;
}
.wf-icon-rejected {
    background: url(Images/reject.png) 0/40px no-repeat;
}
.wf-icon-stop {
    background: url(Images/stop.png) 0/40px no-repeat;
}
.icon-arrow-down {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    margin: 6px 0; 
}
.icon-arrow-down:before {
    content: "";
    right: 0;
    top: -0.7px;
    position: absolute;
    height: 1px;
    box-shadow: inset 0 0 0 32px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 16px;
    -webkit-transform-origin: right top;
    transform-origin: right top;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.div-full {
    height: calc(100% - 6px) !important;
}
div[id^=reportViewer] {
    position: relative;
    width: 100%;
    height: 100%;
    font-family: Verdana, Arial;
}
.leftmenuitem {
    cursor: pointer;
}

a.navmenu {
    /*color: inherit !important;*/
    text-decoration-line:inherit !important;
}

.menuHide {
    display: none;
}
.expandedPanel {
    padding: 2px !important;
}

.expandedPanel .headerMenu {
    border-top-width: 0 !important;
}

.expandedPanel .templateTitle {
    display: none;
}

.templateTitle a {
    text-decoration: none;
    font-size: x-large;
    color: black;
}

.loginControl {
    float: right;
    margin: 24px 25px 12px;
    font-size: 12px;
}

.expandedPanel .loginControl {
    float: none;
    margin-left: 12px;
    margin-bottom: 24px;
}

.loginControl a {
    color: black;
    text-decoration: none;
    border-bottom: dashed 1px black;
    display: inline-block;
}

/* Footer */
.footerMenu {
    float: right;
    padding-top: 7px;
}

.copyright {
    float: left;
    margin: 30px 15px 11px;
}

.content {
    padding: 5px;
}

/* Left Panel */
.leftPane.panel {
    padding: 1px;
    min-width: 200px;
}

@media (max-width: 1000px) {
    .page-inner-content {
        padding-left: 0;
    }
}
@media (max-width: 720px) {
    .two-cols.first-col {
        margin-bottom: 5px !important;
    }

    .cols-container .two-cols {
        width: 100% !important;
        height: 50% !important;
    }
}
@media (max-width: 480px) {
    .flex-col-1 .form-input input:not([type=checkbox]):not([type=radio]) {
        width: 100% !important;
    }
    .flexcontainer .k-tooltip {
        margin-left: 0 !important;
    }
}