.test-class{color:red}.test-match{color:green}:root{--dblu:#171535;--dlblu:#23214b;--blu:#2f2c53;--lblu:#fff;--wht:#fff;--drk:#000;--red:#e65a5a;--green:#00635c;--select-border:#777;--select-focus:blue;--select-arrow:var(--select-border)}.modal,.modal.fade.in{top:60px!important}.mywrapper{background-color:#efefef;overflow:hidden overlay;padding:15px;max-height:calc(-70px + 100vh);top:0;position:absolute!important;height:90vh!important;bottom:0!important}.mywrapper .w-100{width:100%!important}.mywrapper .h-100{height:100%!important}.mymodal .d-flex,.mywrapper .d-flex{display:flex}.mymodal .align-items-center,.mywrapper .align-items-center{align-items:center!important}.mywrapper .align-items-start{align-items:start!important}.mywrapper .justify-content-between,.mywrapper .justify-contents-spacebetween{justify-content:space-between}.mywrapper .flex-column{flex-direction:column!important}.mymodal .flex-wrap,.mywrapper .flex-wrap{flex-wrap:wrap!important}.mywrapper .text-right{text-align:right!important}.mywrapper .text-center{text-align:center!important}.mywrapper .small{font-size:11px}.mywrapper .mx-1{margin-left:1rem!important;margin-right:1rem!important}.mywrapper .mt-2{margin-top:2rem!important}.mywrapper .mb-2{margin-bottom:2rem!important}.mywrapper .mb-1{margin-bottom:1rem!important}.mywrapper .ticket p,.mywrapper .ticket span{margin:0!important;letter-spacing:0!important}.mywrapper .mb-0{margin-bottom:0!important}.mywrapper .m-0{margin:0!important}.mywrapper .pb-1{padding-bottom:1rem!important}.mywrapper .pt-3{padding-top:3rem!important}.mywrapper .pr-2{padding-right:2rem!important}.mywrapper .p-2{padding:2rem!important}.mywrapper .p-0{padding:0rem!important}.mywrapper ul{margin:0;padding:0}.mywrapper ul.dropdown-menu{width:100%;min-width:unset}.mywrapper ul li{list-style-type:none;line-height:18px}.mywrapper iframe{width:100%;height:100%}.mywrapper .btn-group .dropdown-menu{display:none!important}.mywrapper .btn{font-size:13px}.mywrapper h2{font-size:22px}.mywrapper .panel .table td,.mywrapper .panel .table th{border:0}.dark_mode .mywrapper .text-danger,.mywrapper .text-danger{color:#f05050!important}.mywrapper img{position:relative}.mywrapper .tabs{width:100%;height:auto;margin:0 auto}.mywrapper .tabs .tabs-list{list-style:none;margin:0;padding:0;position:relative}.mywrapper .tabs .tabs-list li{width:auto;float:left;margin:2px 5px 2px 0;padding:5px 9px;text-align:left;border-radius:3px;background:#efefef}.mywrapper .tabs .tabs-list li a{text-decoration:none}.mywrapper .tabs .tab{display:none;max-height:300px;height:auto;border-radius:3px;padding:15px 0 0;color:#2f4f4f;clear:both}.mywrapper .tabs .tab p{line-height:20px;letter-spacing:1px}.mywrapper .tabs .tab.active,.mywrapper .tabs .tabs-list li.active{display:block!important}.mywrapper .tabs .tabs-list li.active{font-weight:300;background:#ccc;color:#000!important}.fadeInLeft{animation:1s ease-in-out 0s 1 normal none running fadeInLeft,0s ease 1s 1 normal forwards running fadeOut}.mywrapper .panel .btn.dropdown-toggle{padding:2px 5px}.mywrapper .panel-heading i{margin:0}.ticket .panel{border-radius:4px}.ticket .panel.panel-default{margin-bottom:0;height:100%}.ticket .panel-body{padding:15px!important}.ticket .opentickets{border-bottom:1px solid #efefef;display:flex;padding:10px 0}.ticket .opentickets a{width:100%}.ticket .ticketthump,.ticket .ticketthump img{width:50px;height:50px}.ticket .opentickets:last-child{border:0!important}.ticket .ticketthump{min-width:50px;border-radius:4px;overflow:hidden;float:left;background:#efefef;border:1px solid #ccc}.ticket .ticketslist{float:left;margin-left:10px;flex-direction:column;justify-content:center}.ticket .ticketslist p{margin:0;color:#000;font-size:16px!important}.ticket .ticketdetails-thump-list .ticketdetails-thump{border-radius:4px;overflow:hidden;float:left;background:#efefef;display:flex;align-items:center;justify-content:center}.ticket .ticketdetails-thump-list .ticketdetails-thump img{width:100px;height:100px}.ticket input#images{display:none}.ticket .btn-upload{margin:10px;background:#efefef}.ticket #ticketupdatesortablethump{list-style-type:none;margin:0;padding:0}.ticket .form-horizontal .control-label{text-align:left;font-weight:400;font-size:13px;margin-bottom:5px;text-transform:uppercase}.ticket .form-group input{line-height:45px;display:inline-block;font-size:14px;padding:0 30px}.ticket .ticketdetails ul li{border-bottom:1px solid #ccc;padding:15px 0;font-size:13px}.ticket .ticketdetails ul li:last-child{border-bottom:0!important}.ticket .ticketdetails ul li span{display:block;font-size:16px;line-height:30px;color:#000}.ticket .ticketcard{border-style:solid;border-width:1px;border-color:#e2e2e2;border-radius:5px;background-color:#fff;box-shadow:rgba(0,0,0,.05) 0 1px 10px 2px;box-sizing:border-box;color:#4f4f52;display:flex;align-items:center}.ticket .ticketcard .ticketstatus p{margin:0}.ticket-status-circle{border-radius:100%;border:1px solid #a5a5a6;background:12px center no-repeat #fff;display:flex;align-items:center;justify-content:center}.ticket-status-dot{height:15px;width:15px;border-radius:100%;position:relative}.ticket-status-dot-closed{background-color:#a5a5a6}.ticket-status-dot-open{background-color:#fbb03b}.ticket-status-dot-resolved{background-color:#7fafd0}.ticket-status-dot-pending{background-color:#73b680}.mywrapper .ticket .tabs .tab{max-height:unset}.mywrapper .ticket .tabs .tabs-list li{margin:0;border-radius:0;padding:0!important}.mywrapper .ticket .tabs .tabs-list li a{text-decoration:none;padding:5px 30px;display:inline-block}.mywrapper .ticket .tabs .tabs-list li.active{position:relative;background:#38354a;color:#fff!important;padding:0!important}.mywrapper .ticket .tabs .tabs-list li.active a,.mywrapper .ticket .tabs .tabs-list li.active a span{color:#fff!important}.mywrapper .ticket .tabs .tabs-list li.active .marker{height:30px;width:30px;left:50%;bottom:-30px;transform:translateX(-50%);position:absolute;overflow:hidden}.mywrapper .ticket .timeline{display:flex;width:auto;position:relative!important;padding-left:4rem!important;color:#000!important;flex-direction:column!important}.mywrapper .ticket .timeline .ticketupdate-btn{display:block;padding:0;font-size:16px;font-weight:700;border:0!important}.mywrapper .ticket .timeline-container{position:relative}.mywrapper .ticket .timeline-icon{position:absolute;border-radius:50%;text-align:center;background:#efefef;z-index:1}.mywrapper .ticket .timeline-icon i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#000}.mywrapper .ticket .timeline-body{background-color:#fff;border-radius:4px;border:1px solid #ccc}.mywrapper .ticket p{font-size:14px}.mywrapper a.btn,.mywrapper a.btn:hover{transition:.3s}.mywrapper .btn-cancel,.mywrapper .btn-danger,.mywrapper .btn-info,.mywrapper .btn-primary,.mywrapper .btn-success{transition:.5s ease-out;color:#fff;border:0!important}.mywrapper .btn-primary{background:linear-gradient(to right,#5446ac 50%,#7266ba 50%) right bottom/200% 100%}.mywrapper .btn-cancel,.mywrapper .btn-danger{background:linear-gradient(to right,#e44964 50%,#ee6078 50%) right bottom/200% 100%}.mywrapper .btn-success{background:linear-gradient(to right,#05836a 50%,#1ab394 50%) right bottom/200% 100%}.mywrapper .btn-info{background:linear-gradient(to right,#007da8 50%,#11a7db 50%) right bottom/200% 100%}a[class^=elem]{position:relative;display:inline-block}.mywrapper .panel .table td{text-align:left}article{box-sizing:border-box;padding:10px;color:#222;background:#fff}article ul{margin:0}article p,article ul li{line-height:1.5;margin:0}article p{text-align:justify}.btn-primary{background-color:#00f}.hbox>aside{transition:.3s}.input-group{display:block;position:relative}.d-contents{display:contents!important}.btn-test-css{background-color:#0091ea!important;color:#fff!important;padding:10px 20px!important;border-radius:5px!important;border:none!important;cursor:pointer!important;font-size:80px!important}.ticket .ticketcard{margin:10px 0!important}.ticket .ticketcard.m-0{margin:0!important}.mywrapper .panel-title{display:flex;flex-direction:row;justify-content:space-between;align-items:start;overflow:auto hidden}.mywrapper .panel-heading .pull-right{margin-left:0;margin-right:4px;display:flex;align-items:center}.mywrapper .panel-heading .pull-right .btn{margin-right:4px}.mywrapper .panel-heading .pull-right .btn:last-child{margin-right:0}.mywrapper .col-xs-12{width:100%;float:left}.mywrapper{left:0;width:100%}.scrollable{overflow:visible}.navbar-collapse.collapse{display:none!important}.mywrapper .ticket .panel-title{display:flex;flex-flow:wrap;line-height:20px}.mywrapper .ticket .panel-heading .pull-right a span{display:none}.ticket .ticketdetails-thump-list .ticketdetails-thump{width:97px;height:97px;margin-right:3px;margin-bottom:3px}.select2-container--default .select2-selection--single .select2-selection__rendered{padding:0 20px!important}.ticket .ticketslist{margin-top:10px}.mywrapper .ticket .timeline{margin:0!important}.mywrapper .ticket .timeline-icon{left:-48px;top:30px;width:30px;height:30px}.mywrapper .ticket .timeline-body{padding:10px;margin:10px 0}.mywrapper .ticket .timeline-container{margin-bottom:0}.ticket .ticketslist,.ticket .ticketupdatelist{display:block;height:auto;padding:0}.ticket-status-circle{height:20px;width:20px;min-width:unset}.mywrapper .panel-body{padding:0;width:100%}.mywrapper .panel-heading{padding:5px}.ticket .ticketcard{height:62px;padding:10px}.ticket .ticketcard .ticketstatus{float:left;margin-left:0}.mywrapper .mx-2{margin-left:2rem!important;margin-right:2rem!important}.mywrapper h1{line-height:40px;margin:0!important}.mywrapper .tabs .tab h3{border-bottom:3px solid #6495ed;letter-spacing:1px;font-weight:400;padding:5px}.mywrapper .ticket h1{font-weight:400}@media (min-width:768px){.used_css_test{background-color:#007bff;color:#fff;font-size:100px}}@media screen and (max-width:1199px){.ticket .ticketcard{margin:10px 0!important}.ticket .ticketcard.m-0{margin:0!important}}@media screen and (max-width:992px){.mywrapper .panel-title{display:flex;flex-direction:row;justify-content:space-between;align-items:start;overflow:auto hidden}.mywrapper .panel-heading .pull-right{margin-left:0;margin-right:4px;display:flex;align-items:center}.mywrapper .panel-heading .pull-right .btn{margin-right:4px}.mywrapper .panel-heading .pull-right .btn:last-child{margin-right:0}}@media screen and (max-width:767px){.mywrapper .col-xs-12{width:100%;float:left}.mywrapper{left:0;width:100%}.scrollable{overflow:visible}.navbar-collapse.collapse{display:none!important}.mywrapper .ticket .panel-title{display:flex;flex-flow:wrap;line-height:20px}.mywrapper .ticket .panel-heading .pull-right a span{display:none}.ticket .ticketdetails-thump-list .ticketdetails-thump{width:97px;height:97px;margin-right:3px;margin-bottom:3px}}@media screen and (max-width:575px){.ticket .ticketslist{margin-top:10px}.mywrapper .ticket .timeline{margin:0!important}.mywrapper .ticket .timeline-icon{left:-48px;top:30px;width:30px;height:30px}.mywrapper .ticket .timeline-body{padding:10px;margin:10px 0}.mywrapper .ticket .timeline-container{margin-bottom:0}.ticket .ticketslist,.ticket .ticketupdatelist{display:block;height:auto;padding:0}.ticket-status-circle{height:20px;width:20px;min-width:unset}}@media screen and (max-width:440px){.mywrapper .col-xs-12{width:100%;float:left}.mywrapper .panel-body{padding:0;width:100%}.mywrapper .panel-heading{padding:5px}.mywrapper .panel-title{display:flex;flex-direction:row;justify-content:space-between;align-items:start;overflow:auto hidden}}@media screen and (max-width:375px){.ticket .ticketcard{height:62px;padding:10px;margin:5px 0}.ticket .ticketcard .ticketstatus{margin-left:0}}@media screen and (max-width:575px){.select2-container--default .select2-selection--single .select2-selection__rendered{padding:0 20px!important}}.modal-backdrop{z-index:1030}.modal-backdrop.fade.in{top:0;z-index:1;opacity:.8;transition:opacity .15s linear}.mywrapper a:focus,.mywrapper a:hover{outline:0;cursor:pointer}.ticket .opentickets:hover .ticketslist p{color:#cb284c}.ticket .opentickets:hover .ticketthump{border:1px solid #ff9c9c}.mywrapper .btn-info:hover{background-position:left bottom!important}.mywrapper button:focus,.mywrapper input:focus,.mywrapper select:focus,.mywrapper textarea:focus{outline:0!important;box-shadow:none!important;border:1px solid #ccc!important}@media only screen and (max-width:680px){.responsive-table,.responsive-table tbody,.responsive-table td,.responsive-table th,.responsive-table thead,.responsive-table tr{display:block}.responsive-table tbody{max-height:350px;overflow:overlay}.responsive-table td{border:none;position:relative;padding-left:33%!important;text-align:left!important}.responsive-table tbody tr{margin:5px 0}}div.dataTables_wrapper div.dataTables_paginate{display:block}input[type=date]{height:35px;margin:0 auto;width:100%;font-size:13px;font-weight:400;text-transform:none;outline:0;border:1px solid #efefef;border-radius:3px;color:#fff;box-shadow:none}.modal-backdrop.fade.show{z-index:4;opacity:.8;transition:opacity .15s linear}.navbar-fixed-top-xs{z-index:1030}@media screen and (max-width:767px){.mywrapper .ticket:hover .panel-heading .pull-right a span{display:block}.navbar-fixed-top-xs{position:relative}}