/* bootstrap css */
*[id^="js"],*[class^="js"],*[id^="js"],*[class^="js"]
,*[id^="js"] *,*[class^="js"] *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*[id^="js"]:before,*[class^="js"]:before,*[id^="js"]:after,*[class^="js"]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
div.jsst-main-up-wrapper input, div.jsst-main-up-wrapper button,div.jsst-main-up-wrapper select,div.jsst-main-up-wrapper textarea{font-size:inherit;line-height:inherit;font-family:inherit;}
div.jsst-main-up-wrapper a{text-decoration:none; transition: all 0.3s ease;}
div.jsst-main-up-wrapper a.js-ticket-dash-menu{text-decoration:none}
div.jsst-main-up-wrapper a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
div.jsst-main-up-wrapper figure{margin:0}img{vertical-align:middle}.js-img-responsive,.js-thumbnail>img,.js-thumbnail a>img{display:block;width:100% \9;max-width:100%;height:auto}
.js-container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
.js-container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
.js-row{margin-left:-15px;margin-right:-15px}
.js-col-xs-1, .js-col-sm-1, .js-col-md-1, .js-col-lg-1, .js-col-xs-2, .js-col-sm-2, .js-col-md-2, .js-col-lg-2, .js-col-xs-3, .js-col-sm-3, .js-col-md-3, .js-col-lg-3, .js-col-xs-4, .js-col-sm-4, .js-col-md-4, .js-col-lg-4, .js-col-xs-5, .js-col-sm-5, .js-col-md-5, .js-col-lg-5, .js-col-xs-6, .js-col-sm-6, .js-col-md-6, .js-col-lg-6, .js-col-xs-7, .js-col-sm-7, .js-col-md-7, .js-col-lg-7, .js-col-xs-8, .js-col-sm-8, .js-col-md-8, .js-col-lg-8, .js-col-xs-9, .js-col-sm-9, .js-col-md-9, .js-col-lg-9, .js-col-xs-10, .js-col-sm-10, .js-col-md-10, .js-col-lg-10, .js-col-xs-11, .js-col-sm-11, .js-col-md-11, .js-col-lg-11, .js-col-xs-12, .js-col-sm-12, .js-col-md-12, .js-col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.js-col-xs-1, .js-col-xs-2, .js-col-xs-3, .js-col-xs-4, .js-col-xs-5, .js-col-xs-6, .js-col-xs-7, .js-col-xs-8, .js-col-xs-9, .js-col-xs-10, .js-col-xs-11, .js-col-xs-12{float:left}.js-col-xs-12{width:100%}.js-col-xs-11{width:91.66666667%}.js-col-xs-10{width:83.33333333%}.js-col-xs-9{width:75%}.js-col-xs-8{width:66.66666667%}.js-col-xs-7{width:58.33333333%}.js-col-xs-6{width:50%}.js-col-xs-5{width:41.66666667%}.js-col-xs-4{width:33.33333333%}.js-col-xs-3{width:25%}.js-col-xs-2{width:16.66666667%}.js-col-xs-1{width:8.33333333%}.js-col-xs-pull-12{right:100%}.js-col-xs-pull-11{right:91.66666667%}.js-col-xs-pull-10{right:83.33333333%}.js-col-xs-pull-9{right:75%}.js-col-xs-pull-8{right:66.66666667%}.js-col-xs-pull-7{right:58.33333333%}.js-col-xs-pull-6{right:50%}.js-col-xs-pull-5{right:41.66666667%}.js-col-xs-pull-4{right:33.33333333%}.js-col-xs-pull-3{right:25%}.js-col-xs-pull-2{right:16.66666667%}.js-col-xs-pull-1{right:8.33333333%}.js-col-xs-pull-0{right:auto}.js-col-xs-push-12{left:100%}.js-col-xs-push-11{left:91.66666667%}.js-col-xs-push-10{left:83.33333333%}.js-col-xs-push-9{left:75%}.js-col-xs-push-8{left:66.66666667%}.js-col-xs-push-7{left:58.33333333%}.js-col-xs-push-6{left:50%}.js-col-xs-push-5{left:41.66666667%}.js-col-xs-push-4{left:33.33333333%}.js-col-xs-push-3{left:25%}.js-col-xs-push-2{left:16.66666667%}.js-col-xs-push-1{left:8.33333333%}.js-col-xs-push-0{left:auto}.js-col-xs-offset-12{margin-left:100%}.js-col-xs-offset-11{margin-left:91.66666667%}.js-col-xs-offset-10{margin-left:83.33333333%}.js-col-xs-offset-9{margin-left:75%}.js-col-xs-offset-8{margin-left:66.66666667%}.js-col-xs-offset-7{margin-left:58.33333333%}.js-col-xs-offset-6{margin-left:50%}.js-col-xs-offset-5{margin-left:41.66666667%}.js-col-xs-offset-4{margin-left:33.33333333%}.js-col-xs-offset-3{margin-left:25%}.js-col-xs-offset-2{margin-left:16.66666667%}.js-col-xs-offset-1{margin-left:8.33333333%}.js-col-xs-offset-0{margin-left:0}
.js-clearfix:after,.js-container:after,.js-container-fluid:after,.js-row:after,.js-form-horizontal .js-form-group:after{clear:both}
@media (min-width:768px){.js-container{width:750px}.js-col-sm-1, .js-col-sm-2, .js-col-sm-3, .js-col-sm-4, .js-col-sm-5, .js-col-sm-6, .js-col-sm-7, .js-col-sm-8, .js-col-sm-9, 	.js-col-sm-10, .js-col-sm-11, .js-col-sm-12{float:left}	.js-col-sm-12{width:100%}	.js-col-sm-11{width:91.66666667%}	.js-col-sm-10{width:83.33333333%}	.js-col-sm-9{width:75%}	.js-col-sm-8{width:66.66666667%}	.js-col-sm-7{width:58.33333333%}	.js-col-sm-6{width:50%}	.js-col-sm-5{width:41.66666667%}	.js-col-sm-4{width:33.33333333%}	.js-col-sm-3{width:25%}	.js-col-sm-2{width:16.66666667%}	.js-col-sm-1{width:8.33333333%}	.js-col-sm-pull-12{right:100%}	.js-col-sm-pull-11{right:91.66666667%}	.js-col-sm-pull-10{right:83.33333333%}	.js-col-sm-pull-9{right:75%}	.js-col-sm-pull-8{right:66.66666667%}	.js-col-sm-pull-7{right:58.33333333%}	.js-col-sm-pull-6{right:50%}	.js-col-sm-pull-5{right:41.66666667%}	.js-col-sm-pull-4{right:33.33333333%}	.js-col-sm-pull-3{right:25%}	.js-col-sm-pull-2{right:16.66666667%}	.js-col-sm-pull-1{right:8.33333333%}	.js-col-sm-pull-0{right:auto}	.js-col-sm-push-12{left:100%}	.js-col-sm-push-11{left:91.66666667%}	.js-col-sm-push-10{left:83.33333333%}	.js-col-sm-push-9{left:75%}	.js-col-sm-push-8{left:66.66666667%}	.js-col-sm-push-7{left:58.33333333%}	.js-col-sm-push-6{left:50%}	.js-col-sm-push-5{left:41.66666667%}	.js-col-sm-push-4{left:33.33333333%}	.js-col-sm-push-3{left:25%}	.js-col-sm-push-2{left:16.66666667%}	.js-col-sm-push-1{left:8.33333333%}	.js-col-sm-push-0{left:auto}	.js-col-sm-offset-12{margin-left:100%}	.js-col-sm-offset-11{margin-left:91.66666667%}	.js-col-sm-offset-10{margin-left:83.33333333%}	.js-col-sm-offset-9{margin-left:75%}	.js-col-sm-offset-8{margin-left:66.66666667%}	.js-col-sm-offset-7{margin-left:58.33333333%}	.js-col-sm-offset-6{margin-left:50%}	.js-col-sm-offset-5{margin-left:41.66666667%}	.js-col-sm-offset-4{margin-left:33.33333333%}	.js-col-sm-offset-3{margin-left:25%}	.js-col-sm-offset-2{margin-left:16.66666667%}	.js-col-sm-offset-1{margin-left:8.33333333%}.js-col-sm-offset-0{margin-left:0}button.js-ticket-segmented-control-option{padding: 10px 5px !important;}}
@media (min-width:992px){.js-container{width:970px}.js-col-md-1, .js-col-md-2, .js-col-md-3, .js-col-md-4, .js-col-md-5, .js-col-md-6, .js-col-md-7, .js-col-md-8, .js-col-md-9, 	.js-col-md-10, .js-col-md-11, .js-col-md-12{float:left}	.js-col-md-12{width:100%}	.js-col-md-11{width:91.66666667%}	.js-col-md-10{width:83.33333333%}	.js-col-md-9{width:75%}	.js-col-md-8{width:66.66666667%}	.js-col-md-7{width:58.33333333%}	.js-col-md-6{width:50%}	.js-col-md-5{width:41.66666667%}	.js-col-md-4{width:33.33333333%}	.js-col-md-3{width:25%}	.js-col-md-2{width:16.66666667%}	.js-col-md-1{width:8.33333333%}	.js-col-md-pull-12{right:100%}	.js-col-md-pull-11{right:91.66666667%}	.js-col-md-pull-10{right:83.33333333%}	.js-col-md-pull-9{right:75%}	.js-col-md-pull-8{right:66.66666667%}	.js-col-md-pull-7{right:58.33333333%}	.js-col-md-pull-6{right:50%}	.js-col-md-pull-5{right:41.66666667%}	.js-col-md-pull-4{right:33.33333333%}	.js-col-md-pull-3{right:25%}	.js-col-md-pull-2{right:16.66666667%}	.js-col-md-pull-1{right:8.33333333%}	.js-col-md-pull-0{right:auto}	.js-col-md-push-12{left:100%}	.js-col-md-push-11{left:91.66666667%}	.js-col-md-push-10{left:83.33333333%}	.js-col-md-push-9{left:75%}	.js-col-md-push-8{left:66.66666667%}	.js-col-md-push-7{left:58.33333333%}	.js-col-md-push-6{left:50%}	.js-col-md-push-5{left:41.66666667%}	.js-col-md-push-4{left:33.33333333%}	.js-col-md-push-3{left:25%}	.js-col-md-push-2{left:16.66666667%}	.js-col-md-push-1{left:8.33333333%}	.js-col-md-push-0{left:auto}	.js-col-md-offset-12{margin-left:100%}	.js-col-md-offset-11{margin-left:91.66666667%}	.js-col-md-offset-10{margin-left:83.33333333%}	.js-col-md-offset-9{margin-left:75%}	.js-col-md-offset-8{margin-left:66.66666667%}	.js-col-md-offset-7{margin-left:58.33333333%}	.js-col-md-offset-6{margin-left:50%}	.js-col-md-offset-5{margin-left:41.66666667%}	.js-col-md-offset-4{margin-left:33.33333333%}	.js-col-md-offset-3{margin-left:25%}	.js-col-md-offset-2{margin-left:16.66666667%}	.js-col-md-offset-1{margin-left:8.33333333%}.js-col-md-offset-0{margin-left:0}}
@media (min-width:1200px){.js-container{width:1170px}.js-col-lg-1, .js-col-lg-2, .js-col-lg-3, .js-col-lg-4, .js-col-lg-5, .js-col-lg-6, .js-col-lg-7, .js-col-lg-8, 	.js-col-lg-9, .js-col-lg-10, .js-col-lg-11, .js-col-lg-12{float:left}	.js-col-lg-12{width:100%}	.js-col-lg-11{width:91.66666667%}	.js-col-lg-10{width:83.33333333%}	.js-col-lg-9{width:75%}	.js-col-lg-8{width:66.66666667%}	.js-col-lg-7{width:58.33333333%}	.js-col-lg-6{width:50%}	.js-col-lg-5{width:41.66666667%}	.js-col-lg-4{width:33.33333333%}	.js-col-lg-3{width:25%}	.js-col-lg-2{width:16.66666667%}	.js-col-lg-1{width:8.33333333%}	.js-col-lg-pull-12{right:100%}	.js-col-lg-pull-11{right:91.66666667%}	.js-col-lg-pull-10{right:83.33333333%}	.js-col-lg-pull-9{right:75%}	.js-col-lg-pull-8{right:66.66666667%}	.js-col-lg-pull-7{right:58.33333333%}	.js-col-lg-pull-6{right:50%}	.js-col-lg-pull-5{right:41.66666667%}	.js-col-lg-pull-4{right:33.33333333%}	.js-col-lg-pull-3{right:25%}	.js-col-lg-pull-2{right:16.66666667%}	.js-col-lg-pull-1{right:8.33333333%}	.js-col-lg-pull-0{right:auto}	.js-col-lg-push-12{left:100%}	.js-col-lg-push-11{left:91.66666667%}	.js-col-lg-push-10{left:83.33333333%}	.js-col-lg-push-9{left:75%}	.js-col-lg-push-8{left:66.66666667%}	.js-col-lg-push-7{left:58.33333333%}	.js-col-lg-push-6{left:50%}	.js-col-lg-push-5{left:41.66666667%}	.js-col-lg-push-4{left:33.33333333%}	.js-col-lg-push-3{left:25%}	.js-col-lg-push-2{left:16.66666667%}	.js-col-lg-push-1{left:8.33333333%}	.js-col-lg-push-0{left:auto}	.js-col-lg-offset-12{margin-left:100%}	.js-col-lg-offset-11{margin-left:91.66666667%}	.js-col-lg-offset-10{margin-left:83.33333333%}	.js-col-lg-offset-9{margin-left:75%}	.js-col-lg-offset-8{margin-left:66.66666667%}	.js-col-lg-offset-7{margin-left:58.33333333%}	.js-col-lg-offset-6{margin-left:50%}	.js-col-lg-offset-5{margin-left:41.66666667%}	.js-col-lg-offset-4{margin-left:33.33333333%}	.js-col-lg-offset-3{margin-left:25%}	.js-col-lg-offset-2{margin-left:16.66666667%}	.js-col-lg-offset-1{margin-left:8.33333333%}.js-col-lg-offset-0{margin-left:0}}
@media (min-width:768px){.js-container{width:750px}.js-col-sm-1, .js-col-sm-2, .js-col-sm-3, .js-col-sm-4, .js-col-sm-5, .js-col-sm-6, .js-col-sm-7, .js-col-sm-8, .js-col-sm-9, 	.js-col-sm-10, .js-col-sm-11, .js-col-sm-12{float:left}	.js-col-sm-12{width:100%}	.js-col-sm-11{width:91.66666667%}	.js-col-sm-10{width:83.33333333%}	.js-col-sm-9{width:75%}	.js-col-sm-8{width:66.66666667%}	.js-col-sm-7{width:58.33333333%}	.js-col-sm-6{width:50%}	.js-col-sm-5{width:41.66666667%}	.js-col-sm-4{width:33.33333333%}	.js-col-sm-3{width:25%}	.js-col-sm-2{width:16.66666667%}	.js-col-sm-1{width:8.33333333%}	.js-col-sm-pull-12{right:100%}	.js-col-sm-pull-11{right:91.66666667%}	.js-col-sm-pull-10{right:83.33333333%}	.js-col-sm-pull-9{right:75%}	.js-col-sm-pull-8{right:66.66666667%}	.js-col-sm-pull-7{right:58.33333333%}	.js-col-sm-pull-6{right:50%}	.js-col-sm-pull-5{right:41.66666667%}	.js-col-sm-pull-4{right:33.33333333%}	.js-col-sm-pull-3{right:25%}	.js-col-sm-pull-2{right:16.66666667%}	.js-col-sm-pull-1{right:8.33333333%}	.js-col-sm-pull-0{right:auto}	.js-col-sm-push-12{left:100%}	.js-col-sm-push-11{left:91.66666667%}	.js-col-sm-push-10{left:83.33333333%}	.js-col-sm-push-9{left:75%}	.js-col-sm-push-8{left:66.66666667%}	.js-col-sm-push-7{left:58.33333333%}	.js-col-sm-push-6{left:50%}	.js-col-sm-push-5{left:41.66666667%}	.js-col-sm-push-4{left:33.33333333%}	.js-col-sm-push-3{left:25%}	.js-col-sm-push-2{left:16.66666667%}	.js-col-sm-push-1{left:8.33333333%}	.js-col-sm-push-0{left:auto}	.js-col-sm-offset-12{margin-left:100%}	.js-col-sm-offset-11{margin-left:91.66666667%}	.js-col-sm-offset-10{margin-left:83.33333333%}	.js-col-sm-offset-9{margin-left:75%}	.js-col-sm-offset-8{margin-left:66.66666667%}	.js-col-sm-offset-7{margin-left:58.33333333%}	.js-col-sm-offset-6{margin-left:50%}	.js-col-sm-offset-5{margin-left:41.66666667%}	.js-col-sm-offset-4{margin-left:33.33333333%}	.js-col-sm-offset-3{margin-left:25%}	.js-col-sm-offset-2{margin-left:16.66666667%}	.js-col-sm-offset-1{margin-left:8.33333333%}.js-col-sm-offset-0{margin-left:0}}
@media (min-width:992px){.js-container{width:970px}.js-col-md-1, .js-col-md-2, .js-col-md-3, .js-col-md-4, .js-col-md-5, .js-col-md-6, .js-col-md-7, .js-col-md-8, .js-col-md-9, 	.js-col-md-10, .js-col-md-11, .js-col-md-12{float:left}	.js-col-md-12{width:100%}	.js-col-md-11{width:91.66666667%}	.js-col-md-10{width:83.33333333%}	.js-col-md-9{width:75%}	.js-col-md-8{width:66.66666667%}	.js-col-md-7{width:58.33333333%}	.js-col-md-6{width:50%}	.js-col-md-5{width:41.66666667%}	.js-col-md-4{width:33.33333333%}	.js-col-md-3{width:25%}	.js-col-md-2{width:16.66666667%}	.js-col-md-1{width:8.33333333%}	.js-col-md-pull-12{right:100%}	.js-col-md-pull-11{right:91.66666667%}	.js-col-md-pull-10{right:83.33333333%}	.js-col-md-pull-9{right:75%}	.js-col-md-pull-8{right:66.66666667%}	.js-col-md-pull-7{right:58.33333333%}	.js-col-md-pull-6{right:50%}	.js-col-md-pull-5{right:41.66666667%}	.js-col-md-pull-4{right:33.33333333%}	.js-col-md-pull-3{right:25%}	.js-col-md-pull-2{right:16.66666667%}	.js-col-md-pull-1{right:8.33333333%}	.js-col-md-pull-0{right:auto}	.js-col-md-push-12{left:100%}	.js-col-md-push-11{left:91.66666667%}	.js-col-md-push-10{left:83.33333333%}	.js-col-md-push-9{left:75%}	.js-col-md-push-8{left:66.66666667%}	.js-col-md-push-7{left:58.33333333%}	.js-col-md-push-6{left:50%}	.js-col-md-push-5{left:41.66666667%}	.js-col-md-push-4{left:33.33333333%}	.js-col-md-push-3{left:25%}	.js-col-md-push-2{left:16.66666667%}	.js-col-md-push-1{left:8.33333333%}	.js-col-md-push-0{left:auto}	.js-col-md-offset-12{margin-left:100%}	.js-col-md-offset-11{margin-left:91.66666667%}	.js-col-md-offset-10{margin-left:83.33333333%}	.js-col-md-offset-9{margin-left:75%}	.js-col-md-offset-8{margin-left:66.66666667%}	.js-col-md-offset-7{margin-left:58.33333333%}	.js-col-md-offset-6{margin-left:50%}	.js-col-md-offset-5{margin-left:41.66666667%}	.js-col-md-offset-4{margin-left:33.33333333%}	.js-col-md-offset-3{margin-left:25%}	.js-col-md-offset-2{margin-left:16.66666667%}	.js-col-md-offset-1{margin-left:8.33333333%}.js-col-md-offset-0{margin-left:0}}
@media (min-width:1200px){.js-container{width:1170px}.js-col-lg-1, .js-col-lg-2, .js-col-lg-3, .js-col-lg-4, .js-col-lg-5, .js-col-lg-6, .js-col-lg-7, .js-col-lg-8, 	.js-col-lg-9, .js-col-lg-10, .js-col-lg-11, .js-col-lg-12{float:left}	.js-col-lg-12{width:100%}	.js-col-lg-11{width:91.66666667%}	.js-col-lg-10{width:83.33333333%}	.js-col-lg-9{width:75%}	.js-col-lg-8{width:66.66666667%}	.js-col-lg-7{width:58.33333333%}	.js-col-lg-6{width:50%}	.js-col-lg-5{width:41.66666667%}	.js-col-lg-4{width:33.33333333%}	.js-col-lg-3{width:25%}	.js-col-lg-2{width:16.66666667%}	.js-col-lg-1{width:8.33333333%}	.js-col-lg-pull-12{right:100%}	.js-col-lg-pull-11{right:91.66666667%}	.js-col-lg-pull-10{right:83.33333333%}	.js-col-lg-pull-9{right:75%}	.js-col-lg-pull-8{right:66.66666667%}	.js-col-lg-pull-7{right:58.33333333%}	.js-col-lg-pull-6{right:50%}	.js-col-lg-pull-5{right:41.66666667%}	.js-col-lg-pull-4{right:33.33333333%}	.js-col-lg-pull-3{right:25%}	.js-col-lg-pull-2{right:16.66666667%}	.js-col-lg-pull-1{right:8.33333333%}	.js-col-lg-pull-0{right:auto}	.js-col-lg-push-12{left:100%}	.js-col-lg-push-11{left:91.66666667%}	.js-col-lg-push-10{left:83.33333333%}	.js-col-lg-push-9{left:75%}	.js-col-lg-push-8{left:66.66666667%}	.js-col-lg-push-7{left:58.33333333%}	.js-col-lg-push-6{left:50%}	.js-col-lg-push-5{left:41.66666667%}	.js-col-lg-push-4{left:33.33333333%}	.js-col-lg-push-3{left:25%}	.js-col-lg-push-2{left:16.66666667%}	.js-col-lg-push-1{left:8.33333333%}	.js-col-lg-push-0{left:auto}	.js-col-lg-offset-12{margin-left:100%}	.js-col-lg-offset-11{margin-left:91.66666667%}	.js-col-lg-offset-10{margin-left:83.33333333%}	.js-col-lg-offset-9{margin-left:75%}	.js-col-lg-offset-8{margin-left:66.66666667%}	.js-col-lg-offset-7{margin-left:58.33333333%}	.js-col-lg-offset-6{margin-left:50%}	.js-col-lg-offset-5{margin-left:41.66666667%}	.js-col-lg-offset-4{margin-left:33.33333333%}	.js-col-lg-offset-3{margin-left:25%}	.js-col-lg-offset-2{margin-left:16.66666667%}	.js-col-lg-offset-1{margin-left:8.33333333%}.js-col-lg-offset-0{margin-left:0}button.js-ticket-segmented-control-option{padding: 10px 18px !important;}}


/* General Classes */
.jsst-main-up-wrapper *{box-sizing: border-box;}
div.js-ticket-fields-wrp div.js-ticket-form-field input.js-ticket-field-input, select.js-ticket-select-field{margin: 0;}
.jsst-main-up-wrapper input:focus{outline: none;}
.jsst-main-up-wrapper .visible{display: none;}
.jsst-main-up-wrapper .js-ticket-visible{display: none;}
.js-form-ticket-readonly {pointer-events: none !important; opacity: 0.7;}
select::-ms-expand { display: none; }
.jsst-main-up-wrapper .js-col-xs-12.js-ticket-wrapper{padding-left: 0px;padding-right: 0px;}
.js-ticket-thread .js-ticket-thread-image img{position: unset;}
/* General Classes */
/* BreadCrumbs */
div.jsst-main-up-wrapper {width: 100% !important;max-width: 1080px !important;margin: 0 auto; border-radius: 12px;overflow-y:auto;overflow-x:hidden;}
div.jsst-main-up-wrapper > *:not(.frontend.updated, .frontend.error, #js-ticket-main-black-background, #js-ticket-main-black-background, #black_wrapper_ai_reply, div#jstran_loading, div#js_ai_reply_loading, .internalnote-popup-background, .jsst-popup-background, #jsst-header-main-wrapper, .js-ticket-dashboard-main-content, div#userpopup, #popupforagenttransfer, #popupfordepartmenttransfer, #usercredentailspopup, #popupforinternalnote, #jsst-popup-wrapper, #multiformpopup, #multiformpopupblack, #jstran_loading, #userpopupblack){width:calc(100% - 40px) !important;margin-left:20px !important;margin-right: 20px !important;}
div.jsst-main-up-wrapper > *:last-child{margin-bottom: 30px;}
div.jsst-main-up-wrapper button, div.jsst-main-up-wrapper input[type="button"], div.jsst-main-up-wrapper input[type="submit"]{height: unset;}
div.jsst-main-up-wrapper::before,div.jsst-main-up-wrapper::after {content: '';display: block;clear: both;}
div.js-ticket-breadcrumb-wrp{float: left;width: 100%;margin-bottom: 20px !important; padding: 10px 0;}
img.homeicon{max-width: 90% !important; vertical-align: middle;}
div.js-ticket-breadcrumb-wrp .breadcrumb {list-style: none; overflow: hidden;margin:0; padding: 0; }
div.js-ticket-breadcrumb-wrp .breadcrumb li { float: left; }
div.js-ticket-breadcrumb-wrp .breadcrumb li a { color: #fff; text-decoration: none;  padding: 10px 15px 10px 55px; background: #007bff; position: relative;  display: block; float: left; transition: background-color 0.3s ease;}
div.js-ticket-breadcrumb-wrp .breadcrumb li a:hover { background: #0056b3; }
div.js-ticket-breadcrumb-wrp .breadcrumb li a::after {content: " "; display: block;  width: 0;  height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 30px solid #007bff; position: absolute; top: 50%; margin-top: -50px; left: 100%;z-index: 2; transition: border-left-color 0.3s ease;}
div.js-ticket-breadcrumb-wrp .breadcrumb li a:hover::after { border-left-color: #0056b3; }
div.js-ticket-breadcrumb-wrp .breadcrumb li a::before { content: " ";  display: block;  width: 0;  height: 0; border-top: 50px solid transparent;border-bottom: 50px solid transparent; border-left: 30px solid #f8f9fa; position: absolute; top: 50%; margin-top: -50px;  margin-left: 1px;left: 100%; z-index: 1; }
div.js-ticket-breadcrumb-wrp .breadcrumb li:first-child a {padding-left: 20px;text-align: center; border-radius: 8px 0 0 8px;}
div.js-ticket-breadcrumb-wrp .breadcrumb li:last-child a {background: transparent !important; color: #343a40; pointer-events: none; cursor: default;}
div.js-ticket-breadcrumb-wrp .breadcrumb li:last-child a::after { border: 0; }

/* Top Header */
div#jsst-header{display: flex;align-items: center;justify-content: space-between;padding: 16px 25px;border-radius: 12px;margin-bottom: 20px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);}
div#jsst-header-main-wrapper a{text-decoration: none !important; outline: 0 !important;}
a.js-ticket-header-links{display: inline-block;}
div#jsst-header-main-wrapper p{margin: 0px !important;}
div#jsst-header-main-wrapper{display: inline-block;width:100%;float: left;margin-bottom: 15px;}
div#jsst-header div#jsst-tabs-wrp{display: flex;gap: 15px;width: 100%;flex-wrap: wrap;}
div#jsst-header div#jsst-tabs-wrp .jsst-header-tab {display: flex;align-items: center;justify-content: center;text-align: center;min-width:fit-content;}
div#jsst-header span.jsst-header-tab.js-ticket-loginlogoutclass {margin-left: auto;}
div#jsst-header div#jsst-header-heading{float: left;width: 35%;font-size: 28px;padding: 10px 5px; font-weight: 600; color: #343a40;}
div#jsst-header.margin{margin-bottom: 40px;}
div#jsst-header span.jsst-header-tab a.js-cp-menu-link{padding: 6px 16px;text-decoration: none;font-weight: 500;border-radius: 8px;transition: all 0.2s ease;display: block;}
div#jsst-header span.jsst-header-tab a.js-cp-menu-link img.cp-menu-link-img{vertical-align: middle; margin-right: 8px;}


/* Js Ticket Error Pages */
div.js-ticket-error-message-wrapper{display: flex;flex-wrap: wrap;width: 100%;padding: 40px;background-color: #ffffff;border-radius: 20px;box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);animation: fadeIn 0.8s ease-out forwards;/*opacity: 0;*/margin-top: 25px;}
div.js-ticket-error-message-wrapper div.js-ticket-message-image-wrapper{float: left;width: 100%;text-align: center; margin-bottom: 20px;}
div.js-ticket-error-message-wrapper div.js-ticket-message-image-wrapper img{margin:0 auto; max-width: 150px;}
div.js-ticket-error-message-wrapper div.js-ticket-message-image-wrapper div.js-ticket-message-image{display: inline-block;max-width: 100%;}
div.js-ticket-messages-data-wrapper{float: left;width: 100%;text-align: center;}
div.js-ticket-messages-data-wrapper span.js-ticket-messages-main-text{display: inline-block; float: left;width: 100%;font-size: 24px;padding: 20px 0; color: #dc3545; font-weight: 600;}
div.js-ticket-messages-data-wrapper span.js-ticket-messages-block_text{display: inline-block; float: left;width: 100%;font-size: 18px; color: #6c757d;}
span.js-ticket-user-login-btn-wrp{float: left;width: 100%;text-align: center;padding: 30px;}
span.js-ticket-user-login-btn-wrp a.js-ticket-login-btn{display: inline-block;margin-right: 20px;padding: 16px 30px;min-width: 160px;border-radius: 10px;line-height: initial;font-weight: 700;cursor: pointer;transition: all 0.3s ease;text-decoration: none;display: inline-block;letter-spacing: 0.5px;}
span.js-ticket-user-login-btn-wrp a.js-ticket-login-btn:hover {transform: translateY(-3px);filter: brightness(1.1);}
span.js-ticket-user-login-btn-wrp a.js-ticket-register-btn{display: inline-block; min-width: 140px;text-align: center;padding: 16px 30px;min-width: 160px;border-radius: 10px;line-height: initial;font-weight: 700;cursor: pointer;transition: all 0.3s ease;text-decoration: none;display: inline-block;letter-spacing: 0.5px;}
span.js-ticket-user-login-btn-wrp a.js-ticket-register-btn:hover {transform: translateY(-3px);filter: brightness(1.1);}
div.frontend p{margin:0px;}
div.frontend.error{background:#f8d7da url(../images/notsaved.png) 15px center no-repeat; color:#721c24;border:1px solid #f5c6cb;box-sizing:border-box;padding: 15px 15px 15px 50px;margin-bottom: 15px; width: 100%; border-radius: 8px;}
div.frontend.updated{background:#d4edda url(../images/saved.png) 15px center no-repeat; color:#155724;border:1px solid #c3e6cb;box-sizing:border-box;display: inline-block;padding: 15px 15px 15px 50px;margin-bottom: 15px;width: 100%; border-radius: 8px;}

/* Email Notification */
div#jsst-widget-mailnotification-wrapper{display: block;width: 100%;float: left;margin-bottom: 10px;padding: 15px; background-color: #fff; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); transition: box-shadow 0.3s ease;}
div#jsst-widget-mailnotification-wrapper:hover { box-shadow: 0 4px 10px rgba(0,0,0,0.1);}
div#jsst-widget-mailnotification-wrapper img{width:40px;max-height: 40px;float:left;margin-right: 15px; border-radius: 50%;}
div#jsst-widget-mailnotification-wrapper span.jsst-widget-mailnotification-upper{display: block;width: 100%; margin-bottom: 5px;}
div#jsst-widget-mailnotification-wrapper span.jsst-widget-mailnotification-upper span.jsst-widget-mailnotification-created{float: right;white-space: nowrap;text-overflow:ellipsis;overflow: hidden; color: #6c757d; font-size: 14px;}
div#jsst-widget-mailnotification-wrapper span.jsst-widget-mailnotification-upper span.jsst-widget-mailnotification-new{font-weight: bold; color: #007bff;}	
div#jsst-widget-mailnotification-wrapper span.jsst-widget-mailnotification-upper span.jsst-widget-mailnotification-replied{font-weight: bold; color: #28a745;}	

/* Admin Theme */
div#black_wrapper_jobapply{position: fixed;width:100%;height: 100%;top:0px;left:0px;background:#000000;background:rgba(0,0,0,0.6);z-index:9998;}
div#js_jobapply_main_wrapper{position:fixed;top:100px;left:20%;width:60%;z-index: 9999;border-radius:5px;padding:2%;}
div#js_jobapply_main_wrapper span.js_job_controlpanelheading{display: block;padding: 15px 10px;border-bottom: 4px solid #DC6161;font-size: 16px;color: #333A46;margin: 0px 0px;background: #ffffff;}
div#js_jobapply_main_wrapper span.js_job_applynow_heading{display:block;padding:10px 4%;font-weight: bold;margin-bottom:15px;width:100%;margin-top:-4%;margin-left: -4%;}
div#js_jobapply_main_wrapper div.js_job_form_field_wrapper div.js_job_form_feild_halfwidth{display:inline-block;width:48%;float:left;margin-right:2%;}
div#js_jobapply_main_wrapper div.js_job_form_field_wrapper div.js_job_form_feild_halfwidth div.js_job_form_field_title{display:inline-block;width:100%;font-weight: bold;margin-bottom:5px;}
div#js_jobapply_main_wrapper div.js_job_form_field_wrapper div.js_job_form_feild_halfwidth div.js_job_form_field_value{display:inline-block;width:100%;margin-bottom: 5px;}
div#js_jobapply_main_wrapper div.js_job_form_field_wrapper div.js_job_form_feild_halfwidth div.js_job_form_field_value select{width:100%;background: url(../images/selecticon.png) 96% / 4% no-repeat #eee;}
div#js_jobapply_main_wrapper div.js_job_form_field_wrapper div.js_job_form_button{display:inline-block;width:98%;text-align:right;margin-right:2%;margin-top:5px;}
div#js_jobapply_main_wrapper div.js_job_form_field_wrapper div.js_job_form_button input.js_job_form_button,
div#js_jobapply_main_wrapper div.js_job_form_field_wrapper div.js_job_form_button a.js_job_data_button{padding:5px 15px;}
div#js_jobapply_main_wrapper div.js_job_form_field_wrapper div.js_job_form_button a.js_job_data_button:hover{text-decoration: none;}
div#js_jobapply_main_wrapper{top:10% !important;left : 20% !important;width : 60%;}
div#js_job_wrapper div.js_theme_wrapper{background:#262626;padding:10px;margin-bottom: 10px;max-height: 400px;overflow-y: auto;}
div#js_job_wrapper div.js_theme_wrapper div.theme_platte{display:inline-block;width:100%;overflow: visible;}
div#js_job_wrapper div.js_theme_wrapper div.theme_platte div.color_wrapper{display:inline-block;width:100%;margin:10px 0px;position:relative;}
div#js_job_wrapper div.js_theme_wrapper div.theme_platte div.color_wrapper img.preview{display:none;position:absolute;right:30%;top:70px;box-shadow: 0px 0px 3px #ffffff;z-index: 9999;width: 277px;}
div#js_job_wrapper div.js_theme_wrapper div.theme_platte div.color_wrapper span.theme_name{display:inline-block;padding:10px 0px;width:70%;float:left;color:#ffffff;}
div#js_job_wrapper div.js_theme_wrapper div.theme_platte div.color_wrapper a.preview{display:inline-block;width:25px;height:25px;background:url(../images/themes/previewicon.png) no-repeat;margin-right: 20px;margin-top:10px;float: unset;}
div#js_job_wrapper div.js_theme_wrapper div.theme_platte div.color_wrapper a.set_theme{display:inline-block;width:25px;height:25px;background:url(../images/themes/themeicon.png) no-repeat;background-size: 100% 100%;margin-top:10px;}
div#js_job_wrapper div.js_theme_wrapper div.theme_platte div.color_wrapper div.color{display:inline-block;height:50px;width:calc(100% / 7);float:left;}

/* Admin Email Piping */
div#cp_wraper,div#cp_icon_main{display:inline-block;width:100%;}
div#cp_wraper div.cp_sub_heading_bar{display:inline-block;width:calc(25% - 15px);float:left;padding:20px;background:#007bff;color:#ffffff;margin-right:20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
div#cp_wraper div.cp_sub_heading_bar:last-child { margin-right: 0;}
div#cp_wraper div.cp_sub_heading_bar span.cp_sub_heading_bar_text a{display:inline-block;margin-top:15px;font-weight: bold;color:#ffffff;text-decoration: none;margin-left: 10px;}
div#cp_wraper div#cp_makereview{display:inline-block;width:calc(75% - 5px);float:left;background:#17a2b8;padding:20px;color:#ffffff; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1);}

/* Widgets */
div#jsst-widget-myticket-wrapper{display: block;width: 100%;float:left;margin-bottom: 15px;padding:20px; background-color: #fff; border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.07); transition: all 0.3s ease;}
div#jsst-widget-myticket-wrapper:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
div#jsst-widget-myticket-wrapper div.jsst-widget-myticket-topbar{display: block;width: 100%;float:left;padding-bottom: 10px;margin-bottom: 10px;}
div#jsst-widget-myticket-wrapper div.jsst-widget-myticket-topbar span.jsst-widget-myticket-subject{display: block;max-width: 70%;float:left;white-space: nowrap;text-overflow:ellipsis;overflow: hidden; font-weight: 600; color: #343a40;}
div#jsst-widget-myticket-wrapper div.jsst-widget-myticket-topbar span.jsst-widget-myticket-status{display: inline-block;max-width: 30%;float:right;white-space: nowrap;text-overflow:ellipsis;padding: 12px 18px;border-radius: 20px;text-align: center;overflow: hidden; font-size: 12px; font-weight: 500;}
div#jsst-widget-myticket-wrapper.vertical div.jsst-widget-myticket-topbar span.jsst-widget-myticket-subject{max-width:100%;width: 100%; margin-bottom: 10px;}
div#jsst-widget-myticket-wrapper.vertical div.jsst-widget-myticket-topbar span.jsst-widget-myticket-status{max-width:100%;width: auto;float:left;}
div#jsst-widget-myticket-wrapper div.jsst-widget-myticket-bottombar{display: flex; justify-content: space-between; align-items: center; width: 100%;float:left;}
div#jsst-widget-myticket-wrapper div.jsst-widget-myticket-bottombar span.jsst-widget-myticket-priority{display: inline-block; padding:4px 15px;float:left;margin-right:20px;white-space: nowrap;text-overflow:ellipsis;text-align: center;overflow: hidden; border-radius: 20px; font-size: 12px;}
div#jsst-widget-myticket-wrapper.vertical div.jsst-widget-myticket-bottombar span.jsst-widget-myticket-priority{margin-right:10px;}
div#jsst-widget-myticket-wrapper div.jsst-widget-myticket-bottombar span.jsst-widget-myticket-from{display: block;min-width: 100px;float:left;white-space: nowrap;text-overflow:ellipsis;overflow: hidden; color: #6c757d; font-size: 14px;}
div#jsst-widget-myticket-wrapper div.jsst-widget-myticket-bottombar span.jsst-widget-myticket-from span.widget-from{}
div#jsst-widget-myticket-wrapper div.jsst-widget-myticket-bottombar span.jsst-widget-myticket-from span.widget-fromname{}

/* ticket status */
div.js-ticket-checkstatus-wrp p.js-support-tkentckt-centrmainwrp{font-size: 20px !important;position: relative;display: inline-block;text-align: center;margin:40px 10px 60px 10px;font-weight: 600;width: calc(100% - 20px); color: #495057;}
div.js-ticket-checkstatus-wrp p.js-support-tkentckt-centrmainwrp span.js-support-tkentckt-centrwrp{background-color: #f8f9fa;position: relative;display:inline-block;z-index: 2;padding: 0 25px;text-align: center;}
div.js-ticket-checkstatus-wrp p.js-support-tkentckt-centrmainwrp::after{display: block;content: '';z-index: 1;position: absolute;width: 100%;height: 2px;top: 50%; background-color: #dee2e6;}

/* Visitor Message */
div.jsst-visitor-message-wrapper{width: 100%;float: left;padding: 25px;margin:0 0 20px 0px;background: #e9ecef; border-radius: 12px; display: flex; align-items: center;gap: 20px;}
div.jsst-visitor-message-wrapper img{float: left;padding-right:25px; max-width: 15%;}
div.jsst-visitor-message-wrapper span{float: left;padding: 0;color: #343a40;font-size: 20px;width: 85%; font-weight: 500;}
div.jsst-visitor-token-message{float: left; width: 100%;background-color: #fff3cd;border: 1px solid #ffeeba;padding: 20px; border-radius: 8px;margin-bottom:30px;}
div.jsst-visitor-token-message p.jsst-visitor-token-message-heading{float: left;width: 100%;font-weight: bold;margin-bottom: 10px; color: #856404; font-size: 18px;}
div.jsst-visitor-token-message p.jsst-visitor-token-message-discription{float: left;width: 100%;margin-bottom: 15px; color: #856404;}
div.jsst-visitor-token-message p.jsst-visitor-token-message-token-number{display: flex;flex-wrap: wrap; justify-content: space-between;align-items: center; float: left;width: 100%;padding: 10px 15px;background-color: #fff;border: 1px solid #ffeeba;color: #343a40; border-radius: 8px; font-size: 16px; font-family: 'Courier New', Courier, monospace;}
div.jsst-visitor-token-message p.jsst-visitor-token-message-token-number a{float: right;cursor: pointer;padding: 8px 15px;min-width: 120px;text-align: center; background-color: #007bff; color: #fff; border-radius: 5px; text-decoration: none; transition: background-color 0.3s ease;}

/* Rating */
div.jsst-rating-div{display: inline-block;padding: 10px 0;}
div.jsst-rating-div img{float:left;padding: 4px; cursor: pointer; transition: transform 0.2s ease;}
div.jsst-rating-div img:hover { transform: scale(1.2);}

/* pagination */
.tablenav{float: left;width: 100%; margin-top: 20px;}
div.tablenav div.tablenav-pages{width: 100%;padding: 15px 10px;margin-bottom: 15px;text-align: center;}

/* Custom Fields */
.jsst-main-up-wrapper input.custom_date{background-image: url(../images/calender.png);background-repeat: no-repeat;background-position: calc(100% - 15px) center;padding: 12px 15px;height: 52px;background-size: 20px;border-radius: 8px; width: 100%;}
select.js-ticket-custom-select{width: 100%;border-radius: 8px;background: url(../images/selecticon.png) 97% / 12px no-repeat #fff;padding: 12px 15px; appearance: none;}
div.js-ticket-custom-radio-box{float: left;padding: 10px 18px;border-radius: 10px; min-height: 52px;line-height: initial; display: flex; align-items: center;margin: 0px !important;} 
input.radiobutton.js-ticket-append-radio-btn{vertical-align: middle;margin: 0 8px 0 0 !important; width: 18px; height: 18px; }
label{margin: 0px;display: inline-block; font-weight: 500;}
div.js-ticket-radio-box{float: left;padding: 10px 18px;border-radius: 10px;min-height: 52px;line-height: initial; display: flex; align-items: center;margin: 0 !important;}
div.js-ticket-radio-box input.js-ticket-radio-btn{margin-right: 8px;vertical-align: middle; width: 18px; height: 18px;}
.jsst-main-up-wrapper .wp-editor-wrap{width: 100%;}
div.js-ticket-radio-box label{display: inline-block;margin:0px;vertical-align: middle;}
span.js-attachment-file-box{float: left;width:100%; padding: 10px;position: relative;display:flex;align-items: center; min-height:52px;border-radius: 8px; background-color: #f8f9fa;}
div.js-ticket-add-form-wrapper div.js-ticket-from-field-wrp{position: relative; margin-bottom: 25px;}
span.jsst-help-block {font-size: 15px;position: relative;bottom: 7px;width: 100%;left: 0; color: #6c757d;}
select.js-ticket-select-field, select.js-ticket-premade-select{padding: 12px 15px; border-radius: 8px;}
div.js-ticket-premade-msg-wrp div.js-ticket-premade-field-wrp select#departmentid,
div.js-ticket-premade-msg-wrp div.js-ticket-premade-field-wrp select#staffid{padding: 12px 15px; border-radius: 8px;}
.js-filter-wrapper select{padding: 12px 15px;-webkit-appearance: none !important; border-radius: 8px;}
div.js-ticket-add-form-wrapper div.js-ticket-from-field-wrp div.js-ticket-from-field select{padding: 12px 18px;line-height: initial;min-height: 52px;-webkit-appearance: none !important; border-radius: 8px;width: 100%;}
div.js-ticket-add-form-wrapper div.js-ticket-from-field-wrp div.js-ticket-from-field .js-ticket-subscribe{padding:10px;background: #e9f7ef;border:1px solid #28a745; border-radius: 8px;}
.js-ticket-recaptcha{width: 100%;padding: 10px;height: auto;border-radius: 10px !important;min-height: 52px;}
.js-filter-wrapper input[type="text"]{padding: 12px 15px; border-radius: 8px;}
div.jsst-main-up-wrapper a.js-merge-btn{color: #fff;text-decoration: none; background-color: #007bff; padding: 10px 15px; border-radius: 5px;}
.jsst-missing-addon-message{margin-top: 25px;text-align: center;display: inline-block;width: 100%; padding: 15px; background-color: #fff3cd; color: #856404; border-radius: 8px;}
div#jsst-header div#jsst-header-heading a.js-ticket-header-links{color: #343a40;}
.js-ticket-usercredentails-credentails-wrp{display: inline-block;width: 100%;max-height: 480px;overflow-y: auto;}
div.js-ticket-mails-btn-wrp div.js-ticket-mail-btn a.js-add-link .js-message-white-image{display: none;}
div.js-ticket-mails-btn-wrp div.js-ticket-mail-btn a.js-add-link .js-message-black-image{display: inline-block; vertical-align: middle; margin-right: 8px;}
div.js-ticket-mails-btn-wrp div.js-ticket-mail-btn a.js-add-link:hover .js-message-white-image{display: inline-block; vertical-align: middle; margin-right: 8px;}
div.js-ticket-mails-btn-wrp div.js-ticket-mail-btn a.js-add-link.active .js-message-white-image{display: inline-block; vertical-align: middle; margin-right: 8px;}
div.js-ticket-mails-btn-wrp div.js-ticket-mail-btn a.js-add-link.active .js-message-black-image{display: none;}
div.js-ticket-mails-btn-wrp div.js-ticket-mail-btn a.js-add-link:hover .js-message-black-image{display: none;}
div.js-ticket-mails-btn-wrp div.js-ticket-mail-btn a.js-add-link{display: inline-block; min-width: 140px;text-align: center}
/* JS Support Ticket Woocommerce */
.js-ticket-wc-order-box{padding:25px; background-color: #f8f9fa; border-radius: 12px;}
.js-ticket-wc-order-box .js-ticket-wc-order-item{display: inline-block;width: 50%;float:left;margin-bottom: 12px; font-size: 16px;}
.js-ticket-wc-order-box .js-ticket-wc-order-item .js-ticket-wc-order-item-title{display: inline-block;margin-right: 8px; font-weight: 600; color: #495057;}
.js-ticket-wc-order-box .js-ticket-wc-order-item .js-ticket-wc-order-item-value{display: inline-block; color: #6c757d;}
.js-ticket-wc-order-box .js-ticket-wc-order-link{display: inline-block;padding: 10px 20px;cursor: pointer;margin-bottom: 8px;min-width: 140px;text-align: center; background-color: #007bff; color: #fff; border-radius: 8px; text-decoration: none; transition: background-color 0.3s ease;}
.js-ticket-wc-order-box .js-ticket-wc-order-link:hover { background-color: #0056b3;}

/* helpdesk share */
.js-hd-share-wrp {float: left;width: 100%; margin-top: 20px;}
.js-hd-share-wrp .js-hd-share {float: left;width: 100%;border: 2px solid #007bff; border-radius: 12px; overflow: hidden; background: linear-gradient(135deg, #007bff 0%, #0056b3 100%); color: #fff;}
.js-hd-share-wrp .js-hd-share .js-hd-share-disc {padding: 20px;}
.js-hd-share-wrp .js-hd-share .js-hd-share-disc .js-hd-share-txt {margin: 8px 0;font-size: 24px;text-align: center;font-weight: bold;line-height: initial;}
.js-hd-share-wrp .js-hd-share .js-hd-share-disc .js-hd-share-disc {margin: 8px 0;font-size: 55px;text-align: center;font-weight: bold;line-height: initial;}
.js-hd-share-wrp .js-hd-share .js-hd-share-cnt {position: relative;padding: 30px;overflow: hidden; background-color: rgba(255,255,255,0.1);}
.js-hd-share-wrp .js-hd-share .js-hd-share-cnt .js-hd-disc-tit {margin: 0 0 10px; font-size: 20px; font-weight: 600;}
.js-hd-share-wrp .js-hd-share .js-hd-share-cnt .js-hd-disc-txt {margin-bottom: 20px; opacity: 0.9;}
.js-hd-share-wrp .js-hd-share .js-hd-share-cnt .js-hd-soc-share a {display: inline-block;margin-right: 8px; opacity: 0.9; transition: opacity 0.3s ease;}
.js-hd-share-wrp .js-hd-share .js-hd-share-cnt .js-hd-soc-share a:hover { opacity: 1;}
.js-hd-share-wrp .js-hd-share .js-hd-share-cnt .js-hd-disc-amnt {position: absolute;right: 5%;top: 15%;font-size: 70px;font-weight: bold;color: rgba(255,255,255,0.2);transform: scale(3) rotate(-15deg); opacity: 0.5;}
.js-hd-share-wrp .js-hd-share .js-hd-share-coupon-wrp {padding: 25px;text-align: center;border-top: 2px solid #007bff;background: rgba(255, 255, 255, 0.9); color: #333;}
.js-hd-share-wrp .js-hd-share .js-hd-share-coupon-wrp span {display: inline-block;font-weight: bold;}
.js-hd-share-wrp .js-hd-share .js-hd-share-coupon-wrp .js-hd-share-coupon-lbl {margin-right: 5px; color: #007bff;}
#js-hd-share-coupon{display: none; background-color: #e9ecef; padding: 5px 10px; border-radius: 5px;}
div.js-ticket-add-form-wrapper div.js-ticket-from-field-wrp div.js-ticket-from-field .js-ticket-custom-terms-and-condition-box{padding: 15px;width: 100%;line-height: initial;height: auto;border-radius: 8px; background-color: #f8f9fa;}
.termsandconditions_link_anchor{display: inline-block;padding: 0px;margin: 0px; text-decoration: underline; color: #007bff;}

/* social login */
.js-ticket-sociallogin {float: left;width: 100%;margin-top: 25px;padding: 20px; background-color: #f8f9fa; border-radius: 12px;}
.js-ticket-sociallogin .js-ticket-sociallogin-heading {margin-bottom: 15px;font-size: 18px;font-weight: 600; color: #343a40; text-align: center;}
.js-ticket-sociallogin .js-ticket-sociallogin-list {float: left;width: 100%; text-align: center;}
.js-ticket-sociallogin .js-ticket-sociallogin-list .js-ticket-sociallogin-item {display: inline-block;transition: 0.3s ease;transform: translateY(0px);}
.js-ticket-sociallogin .js-ticket-sociallogin-list .js-ticket-sociallogin-item:hover {transform: translateY(-5px); box-shadow: 0 4px 10px rgba(0,0,0,0.1);}
.js-ticket-sociallogin .js-ticket-sociallogin-list .js-ticket-sociallogin-item:not(:first-child) {margin-left: 10px;}
/* user popup */
div#multiformpopupblack, div#black_wrapper_ai_reply {background: rgba(0,0,0,0.6);position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;z-index: 9989;}
div#multiformpopup * {box-sizing: border-box;}
div#multiformpopup{position: fixed;top:50%;left:50%;width:60%;z-index: 9999999999;transform: translate(-50%, -50%);background: #fff;box-sizing: border-box;max-height: 80%;overflow-x: hidden;overflow-y: auto; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.2);}
div#multiformpopup .multiformpopup-top {float: left;width: 100%;background: #007bff;padding: 15px 20px; border-radius: 15px 15px 0 0;}
div#multiformpopup .multiformpopup-top .multiformpopup-heading {float: left;color: #fff;font-weight: bold;font-size: 22px;line-height: initial;text-transform: capitalize;}
div#multiformpopup .multiformpopup-top .multiformpopup-close {float: right;cursor: pointer; filter: brightness(0) invert(1); opacity: 0.8;}
div#multiformpopup .multiformpopup-search {float: left;width: 100%; background-color: #f8f9fa; padding-bottom: 10px;}
div#multiformpopup .multiformpopup-search form .multiformpopup-fields-wrp {float: left;width: 100%;padding: 15px;}
div#multiformpopup .multiformpopup-search form .multiformpopup-fields-wrp .multiformpopup-fields {float: left;width: calc(100% / 3 - 10px);margin: 0 5px;}
div#multiformpopup .multiformpopup-search form .multiformpopup-fields-wrp .multiformpopup-fields input {display: inline-block;width: 100%;padding: 10px 15px;height: 45px;background: #fff;color: #495057;box-shadow: unset; border-radius: 8px;}
div#multiformpopup .multiformpopup-search form .multiformpopup-fields-wrp .multiformpopup-btn-wrp {float: left;width: 100%;}
div#multiformpopup .multiformpopup-search form .multiformpopup-fields-wrp .multiformpopup-btn-wrp input {float: left;padding: 10px 25px;border: 1px solid;margin: 10px 5px 0;cursor: pointer; border-radius: 8px; font-weight: 500;}
div#multiformpopup .multiformpopup-search form .multiformpopup-fields-wrp .multiformpopup-btn-wrp .multiformpopup-search-btn {background: #007bff;border-color: #007bff;color: #fff;}
div#multiformpopup .multiformpopup-search form .multiformpopup-fields-wrp .multiformpopup-btn-wrp .multiformpopup-search-btn:hover {background: #0056b3;border-color: #0056b3;color: #fff;}
div#multiformpopup .multiformpopup-search form .multiformpopup-fields-wrp .multiformpopup-btn-wrp .multiformpopup-reset-btn {background: #6c757d;color: #fff;}
div#multiformpopup .multiformpopup-search form .multiformpopup-fields-wrp .multiformpopup-btn-wrp .multiformpopup-reset-btn:hover {background: #5a6268;border-color: #545b62;color: #fff;}
div#multiformpopup #multiformpopup-records-wrp {float: left;width: 100%; padding: 20px;}
div#multiformpopup #multiformpopup-records-wrp #multiformpopup-records .multiformpopup-records-desc {text-align: center;padding: 50px 15px;color: #6c757d; font-size: 18px;}
div#multiformpopup div.jsst-multiformpopup-header {width:100%; font-size:21px;float:left;padding: 20px; font-weight: bold;line-height: initial;display: flex;margin-bottom: 15px;}
div#multiformpopup div.jsst-multiformpopup-header .multiformpopup-header-text{font-size:21px;}
div#multiformpopup div.multiformpopup-header-close-img {width: 28px;height: 28px;cursor: pointer;background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%234b5563" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"%3e%3cline x1="18" y1="6" x2="6" y2="18"%3e%3c/line%3e%3cline x1="6" y1="6" x2="18" y2="18"%3e%3c/line%3e%3c/svg%3e') !important;background-repeat: no-repeat !important;background-position: center center !important;background-size: contain !important;transition: transform 0.3s ease-in-out;margin-left: auto;}
div#multiformpopup div.multiformpopup-header-close-img:hover {transform: rotate(90deg);}
div#multiformpopup #records{float: left;width: 100%;padding: 0 20px 20px;}
div#multiformpopup div.js-ticket-table-wrp{float: left;width: 100%;padding: 0;}
div#multiformpopup div.js-ticket-table-body div.js-ticket-multiform-row:hover {box-shadow: 0px 4px 15px rgba(0,0,0,0.1); background-color: #f8f9fa; transform: translateY(-2px);}
div#multiformpopup div.js-ticket-table-body{float: left;width: 100%;margin: 0px}
div#multiformpopup div.js-ticket-table-body div.js-ticket-multiform-row{float: left;width: 100%;margin: 10px 0;padding: 0 15px;cursor: pointer; border-radius: 8px; transition: all 0.3s ease; background: #fff;}
div#multiformpopup div.js-ticket-table-body div.js-ticket-multiform-row.selected { border-color: #007bff; box-shadow: 0px 4px 15px rgba(0, 123, 255, 0.2);}
div#multiformpopup div.js-ticket-table-body div.js-ticket-multiform-row div.js-ticket-table-body-col{padding: 15px;text-align: left;float: left;width: 100%;line-height: initial;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
div#multiformpopup div.js-ticket-table-body div.js-ticket-multiform-row div.js-ticket-table-body-col:first-child{font-weight: 600;border:none; color: #343a40;}
div#multiformpopup div.js-ticket-table-body div.js-ticket-multiform-row.selected div.js-ticket-table-body-col:first-child{font-weight: 900; color: #007bff;}
div#multiformpopup div.js-ticket-table-body div.js-ticket-multiform-row div.js-ticket-table-body-col:last-child{border-bottom: unset;}
div#multiformpopup div.js-ticket-table-body div.js-multiformpopup-link-wrp{float: left;width: 100%;text-align: center;margin-top: 25px;display: none;}
div#multiformpopup div.js-ticket-table-body div.js-multiformpopup-link-wrp a.js-multiformpopup-link{padding: 15px 40px;min-width: 150px;border-radius: 8px;line-height: initial;background-color: #28a745;color: #ffffff;border: none;display: inline-block;margin-top: 25px;cursor: pointer; transition: background-color 0.3s ease;}
div#multiformpopup div.js-ticket-table-body div.js-multiformpopup-link-wrp a.js-multiformpopup-link:hover { background-color: #218838;}
/*new css*/
form.js-ticket-form div.js-form-wpuser-data-wrapper {float: left;width:100%;padding: 20px;border: 1px solid #b8daff;background-color: #e7f3ff;border-radius: 12px;margin: 0 0px 25px;}
form.js-ticket-form div.js-form-wpuser-data-wrapper input.js-ticket-form-field-input {border: 1px solid #99c6f0 !important;border-radius: 8px !important; padding: 10px 15px;}
#wp-jsticket_message-wrap button{background: #f8f9fa !important;color: #495057 !important; border-radius: 5px; padding: 5px 10px; cursor: pointer;}
#wp-jsticket_message-wrap button:hover { background-color: #e9ecef !important;}
div.js-ticket-search-form-btn-wrp input{flex: 1 1 auto;}
div.js-ticket-search-form-btn-wrp{flex-wrap: wrap;}
div.js-ticket-department-wrapper div.js-ticket-table-body div.js-ticket-data-row{flex-wrap: wrap;}
div.js-ticket-table-heading-wrp div.js-ticket-table-heading-right a.js-ticket-table-add-btn{flex-wrap: wrap;}
.js-ticket-from-field span.js-ticket-sub-fields{min-width: fit-content;}
div.js-ticket-form-btn-wrp a.js-ticket-cancel-button{text-align: center;}
div.js-ticket-form-btn-wrp{flex-wrap: wrap;}
div.js-ticket-table-wrp div.js-ticket-table-header, div.js-ticket-table-body div.js-ticket-data-row{flex-wrap: wrap;}
div.js-ticket-table-heading-wrp{flex-wrap: wrap;gap: 10px;}
div.js-ticket-fields-wrp div.js-ticket-form-field select.js-ticket-field-input{width: 100%;padding: 12px 18px;min-height:52px;height: auto;line-height: 1.5;transition: border-color 0.2s ease, box-shadow 0.2s ease;box-sizing: border-box;height: 100%;}
div.js-ticket-add-form-wrapper select[multiple="multiple"] {height: 52px !important;}
/*Loading css*/
div#jstran_loading, div#js_ai_reply_loading {display: none;z-index: 9999;position: fixed;top: 50%;left: 50%; transform: translate(-50%, -50%);}
div.tk_attachment_value_wrapperform span.tk_attachment_value_text{font-size: 15px;}
.js-ticket-attached-files-wrp{display: flex;align-items: center;gap: 20px;flex-wrap: wrap;margin-bottom: 10px;width: 100%;}
div.jsst-formfield-radio-button-wrap label{cursor: pointer;}
div.js-ticket-signature-radio-box label{cursor: pointer;}

/* widgets */
div.jsst-main-up-wrapper.jsst-widget-main-up-wrapper .js-ticket-head{width: 100%;padding: 15px 20px;display: flex;justify-content: space-between;align-items: center;margin-bottom: 1rem;float: none;font-weight: 700;border-radius: 8px;margin-top: 20px;}
div.jsst-main-up-wrapper.jsst-widget-main-up-wrapper .js-ticket-body-padding{display: flex;align-items: center;flex: 1 1 auto;gap: 1rem;font-weight: 600;}
div.jsst-main-up-wrapper.jsst-widget-main-up-wrapper .js-ticket-body-row-text a{font-weight: 600;}
div.jsst-main-up-wrapper.jsst-widget-main-up-wrapper .js-ticket-body-row{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding: 10px;border-radius: 8px;border: 1px solid #d1d1d1;border-top-color: rgb(209, 209, 209);border-right-color: rgb(209, 209, 209);border-bottom-color: rgb(209, 209, 209);border-left-color: rgb(209, 209, 209);transition: background-color 0.2s ease;min-height: 69px;}
div.jsst-main-up-wrapper.jsst-widget-main-up-wrapper .js-widget-download-right input{display: inline-block;padding: 12px 20px;border-radius: 8px;font-weight: 500;text-decoration: none;transition: background-color 0.2s ease, color 0.2s ease;border: 1px solid transparent;border-top-color: transparent;border-right-color: transparent;border-bottom-color: transparent;border-left-color: transparent;}
div.jsst-main-up-wrapper.jsst-widget-main-up-wrapper .js-widget-download-right .js-ticket-body-row-button{margin: 20px;}
div.jsst-main-up-wrapper.jsst-widget-main-up-wrapper .jsst-main-down-wrapper .js-ticket-body-padding .js-ticket-body-row-downloadicon{width: 47px;height: 47px;display: flex;align-items: center;}
div.jsst-main-up-wrapper.jsst-widget-main-up-wrapper .jsst-main-down-wrapper .js-ticket-body-padding .js-ticket-body-row-downloadicon img{max-width: 100%;max-height: 100%;width: 47px;}
div.jsst-main-up-wrapper.jsst-widget-main-up-wrapper .jsst-main-down-wrapper{display: flex;flex-direction: column;gap:1rem;}
/* ==== Auto Cleanup ==== */
div.jsst-main-up-wrapper .jsst-attachment-purged {display: flex;align-items: flex-start;background-color: #f8f9fa;color: #6c757d;border: 1px dashed #ced4da;padding: 8px 12px;border-radius: 4px;margin-top: 5px;margin-bottom: 5px;font-size: 13px;line-height: 1.4;transition: background-color 0.2s ease;}
div.jsst-main-up-wrapper .jsst-attachment-purged:hover {background-color: #f1f3f5;}
div.jsst-main-up-wrapper .jsst-attachment-purged .jsst-purged-icon {flex-shrink: 0;margin-right: 8px;margin-top: 2px;color: #dc3545;fill: currentColor;width: 16px;height: 16px;}
div.jsst-main-up-wrapper .jsst-attachment-purged span {flex-grow: 1;}
div.jsst-main-up-wrapper .jsst-purged-filename {font-weight: 600;color: #495057;word-break: break-word;}
div.jsst-main-up-wrapper .jsst-purged-reason {font-style: italic;color: #868e96;margin-left: 4px;}
