:root { 

    --accent-color: #f15922; 
    --white-color: #fff; 
    --black-color: #000; 
    --grey-color: #ebeaea; 
   }


body {
font-family: "Lato", sans-serif;
  color: var(--black-color);
  margin:0px;
  padding:0px;
  background:#f4f4f4;
}

a{text-decoration:none;}

td {vertical-align:middle;}

table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
    text-align: left !important;
}



td a{text-decoration:none;color: var(--accent-color);}

.login{width:100%;float:left;background: var(--accent-color);height:100vh;color: var(--black-color);}

.login_content{width:100%;float:left;text-align:center;}

.login_top_content{width:100%;float:left;background:var(--white-color);border:#eb8d6b solid 3px;border-radius:20px;-webkit-box-shadow: 0px 3px 17px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 17px 0px rgba(0,0,0,0.75);
box-shadow: 0px 3px 17px 0px rgba(0,0,0,0.75);}

.login_top_content figure{width:100%;float:left;margin-bottom:0px;}

.login_top_content figure img{width:100%;border-radius:20px;}

.login_right_content{width:100%;float:left;text-align:center;text-align:center;}

.login_mid_content figure{width:100%;text-align:center;display:inline-block;margin-bottom:15px;}

.login_mid_content figure img{width:100%;}

.login_mid_content{width:60%;display:inline-block;padding:20px;margin-top:30px;}

.login_field{width:100%;float:left;height:45px;margin-bottom:15px;font-size:13px;border:var(--accent-color) solid 1px;padding-left:40px;}

.login_field:focus{    background-color:none;
    border:var(--accent-color) solid 1px;box-shadow:none;}

.login_mid_content a{float:left;text-decoration:none;color: var(--black-color);margin-top:10px;}

.login_mid_content a i{margin-left:10px;font-size:15px;}

.login_mid_content a:hover{color:var(--accent-color);}

.login_mid_content button{float:right;background:var(--accent-color);color:var(--white-color);border:none;padding:10px 30px;border-radius:10px;}

.login_mid_content button:hover{background:#f87a4d;}

.login_mid_content button i{margin-left:10px;font-size:13px;}

.user_bg{background:url(../xelgs/user.png) no-repeat 10px 10px !important;}

.user_bg:focus{background:url(../xelgs/user.png) no-repeat 10px 10px !important;}

.key_bg{background:url(../xelgs/key.png) no-repeat 10px 10px !important;}

.key_bg:focus{background:url(../xelgs/key.png) no-repeat 10px 10px !important;}

header{width:100%;float:left;background:var(--grey-color);padding:10px 0px;}

.logo{float:left;width:243px;}

.logo img{width:100%;}

.my_account{float:right;margin-top:10px;}

.dropdown_bg{background: var(--accent-color) !important;border:none !important;padding:10px 15px;}

.dropdown_bg i{margin-right:5px;}

section.menu{width:100%;float:left;background: var(--accent-color) !important;}

.nav_content{width:100%;float:left;}

.nav-link{border-right:var(--white-color) solid 1px;padding:0px 20px !important;color:var(--white-color)!important;line-height:18px !important;}

.nav_padding{padding:14px 0px;background: var(--accent-color) !important;}

.nav_first_padding{padding-left:0px !important;}

.nav_lastborder{border-right:none !important;}

.navbar-brand{display:none;}

section.mid_section{width:100%;float:left;padding:30px 0px;}

.dashboard_left_content{width:100%;float:left;}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color:#fff; 
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-button i{margin-right:10px;}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border:none !important;
    margin-bottom:30px;

}

.filter_bg_button{background: var(--grey-color) !important;padding:14px 15px 16px !important;text-decoration:none;border-top-left-radius:8px !important;border-top-right-radius:8px !important;color: var(--black-color) !important;}

.filter_padding{padding:15px;width:100%;border:#ccc solid 1px;border-top:none;overflow:auto;}

.filter_padding p{width:100%;color: var(--black-color);margin-bottom:8px;}

.filter_padding a{width:100%;color: var(--black-color);margin-bottom:8px;border-bottom:#ccc solid 1px;float:left;text-decoration:none;padding-bottom:10px;}

.filter_padding a:last-child{margin-bottom:0px;padding-bottom:0px;border-bottom:none;}

.filter_padding a i{float:right;margin-top:4px;}

.filter_padding a:hover{color: var(--accent-color);}

.dashboard_right_content{width:100%;float:left;background:#fff;border:#ccc solid 1px;padding:25px 30px 60px;}

.dashboard_headding{width:100%;float:left;border-bottom:#ccc solid 1px;padding-bottom:15px;}

.dashboard_headding h1{float:left;margin-top:8px;margin-bottom:0px;font-size:25px;color:var(--accent-color);}

.dashboard_headding a{float:right;background:var(--accent-color);color: var(--white-color);text-decoration:none;padding:10px 15px;border-radius:10px;}

.dashboard_headding a i{margin-right:5px;}

.breadcrumb_content{width:100%;float:left;}

.breadcrumb_content ul{float:left;margin:10px 0px 0px 0px;padding:0px;}

.breadcrumb_content ul li{float:left;list-style:none;margin-right:8px;font-size:15px;color: var(--black-color);}

.breadcrumb_content ul li a{float:left;font-size:15px;color: var(--accent-color);text-decoration:none;}

.dashboard_project{width:100%;float:left;margin-top:20px;}

.dashboard_project_content{width:100%;float:left;background:#f6f6f6;border-radius:10px;padding:20px;border:#ccc solid 1px;margin-bottom:30px;}

.dashboard_project_content i{float:right;font-size:45px;color:#969696;}

.dashboard_project_content h2{width:100%;float:left;margin-top:-28px;margin-bottom:0px;font-size:45px;font-weight:bold;color:var(--accent-color);}
.dashboard_project_content h3{width:100%;float:left;margin-top:5px;margin-bottom:0px;font-size:15px;border-bottom:var(--accent-color) solid 1px;padding-bottom:10px;}

.recent_support{width:100%;float:left;border:#ccc solid 1px;border-top:var(--accent-color) solid 3px;border-radius:10px;}

.recent_support h2{width:100%;float:left;margin-top:0px;margin-bottom:0px;border-bottom:#ccc solid 1px;font-size:22px;padding:15px 20px;font-weight:bold;}

.recent_link{width:100%;float:left;padding:15px 20px;border-bottom:#ccc solid 1px;}

.recent_link:last-child{border-bottom:none;}

.recent_link a{float:left;text-decoration:none;color: var(--black-color);margin-right:10px;}

.recent_link a:hover{color:var(--accent-color);}

footer{width:100%;float:left;background:#2c2c2c;padding:25px 0px;margin-top:30px;}

footer p{width:100%;float:left;text-align:center;color: var(--white-color);margin-bottom:0px;}

.fillter_list{width:100%;float:left;    background: var(--accent-color) !important;text-align:center;margin-top:20px;padding: 10px 15px;    border-radius: 10px;    color: var(--white-color);text-decoration:none;display:none;}

.fillter_list i{margin-right:5px;}

.fixed_menu{width:100%;float:left;}

.manage_ticket {
    width: 100%;
    float: left;
    border: #ccc solid 1px;
    border-top: var(--accent-color) solid 3px;
    border-radius: 10px;
    margin-top:30px;
}

.manage_ticket h2{
    width: 100%;
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    border-bottom: #ccc solid 1px;
    font-size: 22px;
    padding: 15px 20px;
    font-weight: bold;
}

.manage_datatable{width:100%;float:left;padding: 15px 20px;}

.active>.page-link, .page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--accent-color) !important;
    border-color: var(--accent-color) !important;
}



.create_ticket {
    width: 100%;
    float: left;
    border: #ccc solid 1px;
    border-top: var(--accent-color) solid 3px;
    border-radius: 10px;
    margin-top:30px;
}

.create_ticket h2{
    width: 100%;
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    border-bottom: #ccc solid 1px;
    font-size: 22px;
    padding: 15px 20px;
    font-weight: bold;
}

.create_ticket_content{width:100%;float:left;padding: 15px 20px;}

.create_ticket_height{height:40px;}

.create_color{color:var(--accent-color) !important;font-weight:bold;}

.create_plus{float:right;background: var(--accent-color) !important;color: var(--white-color);padding:7px 15px;border-radius: 10px;margin-top:31px;}

.create_plus i{margin-right:5px;}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #dee2e6 !important;
    border-radius: 4px;
}

.delet_button{width:40px;height:40px;background:#ff0000;color: var(--white-color);float:right;border:none;border-radius:5px;}

.create_button{width:100%;float:left;text-align:center;margin-top:30px;padding-bottom:20px;}

.create_button button{display:inline-block;width:127px;background: var(--accent-color) !important;
    color: var(--white-color);border:none;    padding: 10px 15px;border-radius:10px;margin-right:5px;}

.edit_bg{
    float: right;
    background: var(--accent-color);
    color: var(--white-color);
    text-decoration: none;
    padding:5px 15px;
    border-radius: 10px;
}

.ticket_subject{width:100%;float:left;margin-top:30px;}

.ticket_subject h2{width:100%;float:left;margin-top:0px;margin-bottom:5px;font-size:22px;color: var(--accent-color);font-weight:bold;}

.ticket_subject p{width:100%;float:left;margin-top:0px;margin-bottom:0px;font-size:15px;}

.view_ticket {
    width: 100%;
    float: left;
    border: #ccc solid 1px;
    border-top: var(--accent-color) solid 3px;
    border-radius: 10px;
    margin-top: 30px;
}

.view_ticket h2 {
float: left;
    margin-top: 0px;
    margin-bottom: 0px;
  font-size: 22px;
    padding: 15px 20px;
    font-weight: bold;
}


.view_ticket h3 {
float:right;
    margin-top: 0px;
    margin-bottom: 0px;
  font-size: 22px;
    padding: 15px 20px;
    font-weight: bold;
}

.view_ticket h3 font{color:var(--accent-color) !important;}

.view_ticket span{float:right;margin-top:17px;margin-right:19px;}

.ticket_user{width:100%;float:left;padding:30px 20px 15px;border-top: #ccc solid 1px;}

.ticket_user h2 {
float: left;

    margin-top: 10px;
    margin-left:10px;
    margin-bottom:10px;
  font-size:18px;
    padding: 0px 0px !important;
    font-weight: bold;
}

.ticket_user figure{float:left;margin-bottom:0px;width:40px;}

.ticket_user figure img{width:100%;}



.ticket_user a{width:100%;float:left;text-decoration:none;color:var(--accent-color);margin-bottom:10px;}

.ticket_cyber{width:100%;float:left; padding: 15px 20px;border-top: #ccc solid 1px;}

.ticket_cyber h2 {
float: left;

    margin-top: 10px;
    margin-left:10px;
    margin-bottom:10px;
  font-size:18px;
    padding: 0px 0px !important;
    font-weight: bold;
}

.ticket_cyber figure{float:left;margin-bottom:0px;width:40px;}

.ticket_cyber figure img{width:100%;}

.ticket_cyber p{width:100%;float:left;margin-bottom:20px;}

.ticket_link{width:100%;float:left;background:#ccc;padding:10px;background: var(--accent-color);color:#fff !important;margin-top:30px !important;border-radius:10px !important;}

.ticket_link:hover{background:#f87a4d;}

.track_ticket{width:100%;float:left;background:#ccc;padding:10px;background:#a03108;color:#fff !important;margin-top:10px !important;border-radius:10px !important;}

.track_ticket:hover{background:#f87a4d;}

.products_services{width:100%;float:left;margin-top:30px;}

.products_services_list{
    width: 100%;
    float: left;
    border: #ccc solid 1px;
    border-top: var(--accent-color) solid 3px;
    border-radius: 10px;
    margin-bottom:30px;
}

.products_services_list_content{width:100%;float:left;padding: 15px 20px;border-bottom: #ccc solid 1px;}

.products_services_list_content h2{
   float: left;
    margin-top:10px;
    margin-bottom: 0px;
   font-size: 22px;
   font-weight: bold;
}

.products_services_list_content a{float:right;background: var(--accent-color);padding:5px 15px;border-radius:5px;color:#fff;margin-top:8px;}

.products_add_services{width:100%;float:left;padding: 15px 20px;
    border-bottom: #ccc solid 1px;}

.products_add_services:last-child{border-bottom:none;}

.products_add_services p{
    float: left;
    margin-bottom:0px;
    text-decoration: none;
    color: var(--black-color);
    margin-right: 10px;
}

.products_add_services span{float:right;margin-top:2px;}

.products_add_services a{float:left;color: var(--accent-color);margin-top:4px;}

.recent_news{width:100%;float:left;border-bottom: #ccc solid 1px;}

.recent_news h2{
    width:auto;
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    border-bottom:none;
    font-size: 22px;
    font-weight: bold;
}

.recent_news a{
    float: right;
    background: var(--accent-color);
    padding: 5px 15px;
    border-radius: 5px;
    color: #fff;
    margin-top:11px;
    margin-right:15px;
}

.page_content{
    width: 100%;
    float: left;
    background: #fff;
    border: #ccc solid 1px;
    text-align:center;
    padding: 25px 30px 60px;
}

.page_content h1{width:100%;float:left;font-size:28.5em;color:var(--accent-color);}

.page_content p{width:100%;float:left;font-size:3.5em;color:var(--accent-color);}

.error_message{width:100%;float:left;font-size:15px;color:#ff0000;color:#ff0000;margin-bottom:10px;}

.error_message i{margin-left:5px;}

.editor_content{width:100%;float:left;margin-top:20px;background:#fff;}

.editor_submit{width:100%;float:left;margin-top:20px;text-align:center;}

.editor_submit button{
    display: inline-block;
    width: 127px;
    background: var(--accent-color) !important;
    color: var(--white-color);
    border: none;
    padding: 10px 15px;
    border-radius: 10px;
    margin-right: 5px;
}

.note-editor.note-airframe.fullscreen, .note-editor.note-frame.fullscreen {
    left: 0;
    position: fixed;
    top: 0;
    background: #fff;
    width: 100% !important;
    z-index: 99999999999;
}

.note-editor .note-toolbar .note-dropdown-menu, .note-popover .popover-content .note-dropdown-menu {
    min-width: 226px !important;
    height: 208px;
    overflow: scroll;
    overflow-x: hidden;
}

.news_detail{width:100%;float:left;padding: 15px 20px;}

.news_detail_content{width:100%;float:left;border:#ccc solid 1px;}

.news_detail_content figure{width:100%;float:left;margin-bottom:0px;}

.news_detail_content figure img{width:100%;}

.news_detail_content h6{width:100%;float:left;margin-top:10px;margin-bottom:10px;font-size:22px;color:#000;font-weight:bold;padding:0px 20px;}

.news_detail_content p{width:100%;float:left;font-size:14px;color:#000;padding:0px 20px;}