*{box-sizing:border-box;margin:0;padding:0;outline:0}body,html{margin:0;padding:0;height:100%;line-height:1.2}body{font-family:"Roboto Condensed",sans-serif!important;width:100%;height:100%;overflow:hidden;color:#112d4e}body h1{font-family:"Roboto Condensed",sans-serif!important;font-weight:600;font-size:2em;color:#fff!important;margin-top:20px}body button{background-color:transparent;border:none;margin:3px;text-transform:uppercase;color:#112d4e;padding:3px}body a:focus,body button{cursor:pointer}body button:disabled{background-color:#3f72af;color:#fff}body input,body select,body select option,body textarea{background-color:#fff;font-family:"Roboto Condensed",sans-serif!important;color:#112d4e!important;border-top:none;border-left:none;border-right:none;font-size:14px}body .notif-message{display:inline-flex;justify-content:center}body .notif-message .notif-top-line{gap:10px;align-items:center}select:disabled:hover{background-color:#fff;border-bottom:.01px solid #dcdcdc}input,select,textarea{border-bottom:#dcdcdc solid .5px}.btn{box-shadow:0 4px 8px 0 rgba(0,0,0,.1),0 6px 20px 0 rgba(0,0,0,.05);text-decoration:none;padding:5px;height:30px;flex-direction:row;border:#dcdcdc 1px solid;flex-wrap:wrap}.container{display:flex;flex-direction:row;width:100%;height:100%}.rqrd:after{content:" *";color:red}.user{font-size:10px;text-transform:uppercase}.user>*{flex-basis:100%;display:flex;flex-direction:column;text-decoration:none;justify-content:center}.navigationBar{font-size:13px;text-transform:uppercase}a:link,a:visited{color:#112d4e}a:hover,a:hover span,input[type=radio]:checked+label,input[type=radio]:hover+label{color:#3f72af;cursor:pointer}a.hide{display:none}div.navbar{z-index:4;display:flex;flex-direction:column;width:100%;flex-basis:8%;justify-content:center;box-shadow:0 4px 8px 0 rgba(0,0,0,.1),0 6px 20px 0 rgba(0,0,0,.1);position:relative}div.navbar>*{margin:10px}div.navbar p{font-size:80px;flex-basis:20%;text-align:center;display:flex;flex-direction:column;padding:5px}div.navbar p img{height:100px}div.navbar nav.navigationBar{display:flex;flex-direction:column;flex-basis:80%;font-weight:400;align-items:center;text-align:center}div.navbar nav.navigationBar>*{display:flex;flex-direction:column;text-decoration:none;justify-content:center;box-shadow:0 1px 5px 0 rgba(0,0,0,.1),0 1.5px 5px 0 rgba(0,0,0,.1);width:100%;height:20%;margin:10px;padding:5px}div.navbar nav.navigationBar a.n-active span.material-icons{font-size:35px;color:#3f72af!important}div.navbar nav.navigationBar a.active,div.navbar nav.navigationBar a.n-active{color:#3f72af!important}div.navbar nav.navigationBar a.active span.material-icons{font-size:35px;color:#3f72af!important}.user>*{margin:5px;align-items:center}.user{display:flex;flex-direction:row}.view{display:flex;flex-direction:row}.user span.material-icons{font-size:30px}.header{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;flex-basis:10%;padding:10px 20px;background-color:#112d4e;color:#fff!important;box-shadow:0 4px 8px 0 rgba(0,0,0,.1),0 6px 20px 0 rgba(0,0,0,.1);width:100vw}.header a{color:#fff!important}.header a:hover{color:#fff!important}div.view{flex-basis:60%;justify-content:center;width:100%}.clickable{cursor:pointer}.resTickets{background-color:#63d863;color:#fff}.openTickets{background-color:#ff6961;color:#fff}.pendTickets{background-color:#ffb347;color:#fff}.tableArea{flex-basis:90%;display:flex;flex-direction:column}legend{font-weight:530}#tbl{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}#tbl thead tr{display:flex;flex-direction:row;margin:5px;justify-content:space-evenly!important;text-transform:uppercase!important;border-radius:10px;background-color:#dcdcdc;position:-webkit-sticky;position:sticky;top:0;width:96vw}#tbl thead tr>*{font-size:14px;margin:10px}#tbl thead tr th{display:flex;flex-direction:column;justify-content:center;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;width:100px;text-align:center!important}#tbl tbody{display:flex;flex-direction:column;overflow-y:auto;width:96vw}#tbl tbody tr{text-transform:capitalize;border-bottom:solid #dcdcdc .01px;display:flex;flex-direction:row;margin:5px;justify-content:space-evenly!important;box-shadow:0 1px 5px 0 rgba(0,0,0,.05),0 1.5px 5px 0 rgba(0,0,0,.05)}#tbl tbody tr>*{font-size:14px;margin:10px}#tbl tbody tr td{width:100px;overflow:hidden;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;text-align:center;cursor:default;text-overflow:ellipsis}#tbl tbody tr td a{font-weight:530}#tbl tbody tr td,#tbl thead tr th{width:100px}#tbl thead tr th.flex-th{display:flex;flex-direction:row;align-items:center;justify-content:center}#tbl thead tr th.flex-th>*{margin:5px}#tbl thead tr th span.sort{display:flex;flex-direction:column}#tbl thead tr th span.sort a{text-decoration:none;padding:0;font-size:8px;color:#988}span.tooltipArea-date{width:12%}span.tooltipArea-request{width:20%}button.closeBtn span.material-icons{font-size:13px;color:#fff}span.tooltipArea-date span.info-area{display:flex;flex-direction:row}span.info-area>*{margin:3px}span.info-area span.material-icons{font-size:15px}span.clmn{text-transform:capitalize}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.filters{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.filters>*{margin:3px}.filters .dropdown-wrapper{display:flex;flex-direction:row;align-items:center}.filters .dropdown-wrapper>*{margin:3px}.filters .dropdown-wrapper button.reload{height:20px;text-transform:capitalize}.rowCount{display:flex;flex-direction:column}.rowCount>*{margin:5px}.rowCount label{font-size:15px}.rowCount span span{font-weight:530}.pagination{display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-end}.pagination>*{margin:3px}.pagination input{border:none;text-align:right;font-size:15px}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.modal-content{background-color:#fefefe;margin:1% auto;padding:20px;border:1px solid #888;width:25%}.close{cursor:pointer;font-size:30px}label.search{height:30px;width:50%;align-self:center;display:flex;flex-direction:row;align-items:center;border:1px solid #898989;padding:20px 0;border-radius:5px}label.search>*{margin:10px}label.search input{width:100%;align-self:center;border:none;font-size:15px;font-weight:530}.loader{display:flex;justify-content:center;align-items:center}div.ui-datepicker-title{display:flex;align-items:center;flex-direction:row;justify-content:center}table.ui-datepicker-calendar{display:flex;flex-direction:column;border:.01px #dcdcdc solid}table.ui-datepicker-calendar thead{display:flex;align-items:center;flex-direction:row;justify-content:center}table.ui-datepicker-calendar thead tr{display:flex;flex-direction:row}table.ui-datepicker-calendar thead tr>*{padding:10px;flex-basis:100%;margin:3px;text-align:center}table.ui-datepicker-calendar tbody{display:flex;flex-direction:column;align-content:stretch}table.ui-datepicker-calendar tbody>*{flex-basis:100%}table.ui-datepicker-calendar tbody tr{display:flex;flex-direction:row}table.ui-datepicker-calendar tbody tr>*{padding:5px;border:1px solid #000;flex-basis:100%;margin:3px;text-align:center}select.ui-datepicker-month,select.ui-datepicker-year{border:.01px #dcdcdc solid;width:100%;text-align:center}select.ui-datepicker-month option,select.ui-datepicker-year option{text-align:center}a.ui-datepicker-next,a.ui-datepicker-prev{display:none}.ui-datepicker{background-color:#fff;border-collapse:collapse;display:flex;flex-direction:column}.ui-datepicker .ui-state-default{border-radius:2px;border-color:#edebeb!important;padding:0!important;font-size:10px;font-weight:400!important}.ui-datepicker .ui-state-default.ui-state-highlight{border-color:#dcdcdc;background-color:#cff3f8!important;color:#3e9aba!important}.ui-datepicker .ui-state-active{border-color:#dcdcdc;background-color:#cff3f8!important;color:#3e9aba!important}.ui-state-default.ui-state-hover{border-color:#dcdcdc;background-color:#cff3f8!important}.ui-datepicker-close{display:none}.ui-state-default.ui-datepicker-current{float:none!important;font-family:Open Sans,Arial,sans-serif;color:#fff;font-size:10px;font-weight:400;text-align:left;border-width:0!important;border:none;vertical-align:top;margin:0!important;background-color:transparent!important}div.editTktForm{display:flex;flex-direction:column;flex-basis:100%;align-items:center}div.editTktForm>*{margin:8px}div.editTktForm form{width:60%;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;flex-direction:column;box-shadow:0 4px 8px 0 rgba(0,0,0,.1),0 6px 20px 0 rgba(0,0,0,.1);padding:10px;border-radius:10px}div.editTktForm form>*{margin:8px}div.editTktForm form h1{text-align:center;margin:3px}div.editTktForm form input[type=submit]{background-color:#112d4e;color:#fff!important;cursor:pointer;display:flex;justify-content:center;flex-direction:row;align-items:center;align-content:center}div.editTktForm form input,div.editTktForm form textarea{border:solid #dcdcdc .01px;border-radius:3px;padding:10px}div.editTktForm form label{text-transform:uppercase;font-weight:530}div.editTktForm div{display:flex;width:60%;flex-direction:row;justify-content:space-between;align-items:center}div.editTktForm div button{padding:3px}button#backBtn{width:20%;box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 3px 5px 0 rgba(0,0,0,.1)}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.g-disp-2c{display:grid;grid-template-columns:3fr 1fr}.g-disp-3c{display:grid!important;grid-template-columns:4fr 4fr 1fr}.flex-column{display:flex!important;flex-direction:column!important}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.modal-content{background-color:#fff;margin:1% auto;padding:20px;border:1px solid #888;width:80%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.hidden{display:none!important}.ml-20{margin-left:20px}.vw-100{width:100vw}.g-disp-3-imp{display:grid!important;grid-template-columns:1fr 1fr 1fr!important}.tableContainer{height:53vh;overflow-y:auto;overflow-x:hidden}.bottom{display:flex;align-content:space-between}div.view{width:100vw}#ticket_details #tbl tr{width:49.5vw!important}#ticket_details #tbl tbody{width:50vw!important}@media screen and (min-width:100px) and (max-width:1500px){#tbl thead tr th .flex-grow-2{width:105px}#tbl thead tr th .flex-grow{width:80px}#tbl thead tr th .flex-grow-3{width:100px}#tbl thead tr th .flex-shrink-2{width:50px}#tbl tbody tr td .flex-grow-2{width:105px}#tbl tbody tr td .flex-grow{width:80px}#tbl tbody tr td .flex-grow-3{width:100px}#tbl tbody tr td .flex-shrink-2{width:50px}}@media screen and (min-width:100px) and (max-width:1300px){#tbl tbody tr td,#tbl thead tr th,.filters,.page .pageNum ul li{font-size:11px}#tbl thead tr{margin:4px}#tbl thead tr th .flex-grow-2{width:75px}#tbl thead tr th .flex-grow{width:75px}#tbl thead tr th .flex-grow-3{width:110px}#tbl thead tr th .flex-shrink-2{width:60px}#tbl thead tr th .flex-shrink{width:50px}#tbl tbody tr{margin:4px}#tbl tbody tr td .flex-grow-2{width:105px}#tbl tbody tr td .flex-grow{width:80px}#tbl tbody tr td .flex-grow-3{width:100px}#tbl tbody tr td .flex-shrink-2{width:50px}#tbl tbody tr td .flex-shrink{width:50px}}@media screen and (min-width:100px) and (max-width:1024px){div.navbar p span{font-size:15px}div.navbar p{font-size:50px}div.navbar nav.navigationBar>*{padding:10px}div.view{padding-left:5px;padding-right:5px}.flex-grow-2{width:50px}#tbl tbody tr td.flex-grow,#tbl thead tr th.flex-grow{width:30px}#tbl tbody tr td.flex-grow-3,#tbl thead tr th.flex-grow-3{width:90px}#tbl tbody tr td.flex-shrink-2,#tbl thead tr th.flex-shrink-2{width:30px}.filters{margin:3px}}@media screen and (min-width:375px) and (max-width:800px){#tbl tbody tr td,#tbl thead tr th{font-size:10px}#tbl tbody tr td,#tbl thead tr th{width:50px}#tbl tbody tr td.flex-grow,#tbl thead tr th.flex-grow{width:40px}#tbl tbody tr td.flex-shrink,#tbl thead tr th.flex-shrink{width:30px}.boxes div{align-items:center}#tbl tbody tr td,#tbl thead tr th{margin:3px}}@media screen and (min-width:375px) and (max-width:375px){#tbl tbody tr,#tbl thead tr,.filters a{margin:4px}#filterSection{display:block;margin:5px}}@media screen and (min-width:100px) and (max-width:600px){div.navbar{flex-basis:5%!important}div.main{flex-basis:95%!important}div.navbar p{font-size:20px!important}div.navbar p span{font-size:15px!important}div.navbar nav.navigationBar a span.navbar-name{display:none!important}}.mr-20{margin-right:20px}.bg-white{background-color:#fff!important}.ml-20{margin-left:20px}.flex-reverse{display:flex;flex-flow:row-reverse}.m-0{margin:auto}.h-65{height:65px!important}.btn{background:#61b5ff!important;color:#fff!important;padding:20px!important;border-radius:8px!important;font-weight:700!important;height:unset!important;border:none;text-shadow:0 1px 3px #0000008c}.f20{font-size:20px!important}.f50{font-size:50px!important}#history-modal #tbl tbody,#history-modal #tbl thead tr{width:76vw!important}#history-modal label.search{width:100%!important}#history-modal .g-disp-2{width:100%}.flex-column{display:flex;flex-direction:column;width:76vw}.centered{margin:auto;text-align:center;width:100%}#history-modal .fromTo{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:space-evenly;align-items:center}#history-modal .filterSection{width:100%;display:flex;flex-direction:row-reverse;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;margin:15px 0}#history-modal .historyLogs{height:54vh;overflow-x:hidden;overflow-y:auto}#history-modal #page_area{display:flex;flex-direction:row-reverse;margin-left:0;margin-top:-35px}#history-modal .date_picker,#history-modal .select-field{padding:10px 25px;margin-right:20px;border:1px solid #ededed;border-radius:3px;background-color:#f5f5f5}#history-modal .date_picker:hover,#history-modal .select-field:hover{background-color:#fff;cursor:pointer;border-color:#acacac}.mt-20{margin-top:20px}