::root {
	--bs-link-color: #C22026;
}

body {
	background-color: var(--bs-gray-200);
	padding-top: 62px;
	padding-bottom: 35px;
	position: relative;
}

a{text-decoration:none}
h3 {
	margin-bottom: 20px;
}
.reactbtn {
    position: absolute;
    bottom: 40px;
    right: 20px;
    background-color: #007bff;
    color: #fff;
    font-size: 55px;
    border-radius: 50%;
    padding: 0px 15px 12px 15px;
    line-height: 55px;
    transition: background-color 0.3s;
    box-shadow: 2px 2px 6px gray;
}
.reactbtn:hover{
	color: #fff;
	background-color: #0069d9;
}
pre {
	padding-left: 250px!important;
}
label {
	font-weight: normal;
}
input:-webkit-autofill {
    
	transition:0s!important;
	-webkit-transition:0s!important
}
img {
	max-width: 100%;
}
#loadingImg {
	background-image: url(/imgs/load_back.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f3f7fa;
    z-index: 999;
}
.sided-footer #loadingImg {
    left: 18%;
}

.dashboard #toggle-sidebar {
	display: none;
}

.modal-open {
    overflow: auto;
}
::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-track {
    background: #dde0e3; 
}
::-webkit-scrollbar-thumb {
    background: #a7a9ab; 
}
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}
#loading {
    position: fixed;
    top: 53px;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
	color: #C22026;
    background: #f3f7fa;
    z-index: 999;
    padding: 100px 0;
	display: none;
}
#loading > span {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display:  block;
}
.table th, .table td{
	font-size: 14px;
	padding: 5px 10px;
	vertical-align: middle;
}
body.login {
    background-image: url(/imgs/it-services-background-sm1.webp);
	background-size: cover;
	padding: 0;
}
.print-visible{display:none}
.disabled {
    opacity: .5;
    pointer-events: none;
}
.disabled *{
    pointer-events: none!important;
}
.form-group .disabled.lockfield input {
	width: auto;
	padding: 0;
    border: 0;
	display: inline-block;
}
.form-group .disabled.lockfield input[type="date"]::-webkit-inner-spin-button,
.form-group .disabled.lockfield input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}
.mainPage#loginMainPage {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.form-signin {
	width: 375px;
	padding: 35px;
	position: relative;
}
.form-signin:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgb(255 255 255 / 20%);
	border-radius: 10px;
	backdrop-filter: blur(15px);
	border: 2px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0 0 40px rgba(8, 7, 16, 0.6);
}
.form-signin .icon, .form-signin .text-alert, .form-signin .btn-custom {
	position: relative;
	z-index: 2;
}
.form-signin #viewPass {color: #FFF;}
.form-signin .text-alert > a {
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
}
.loginInputs::placeholder {
	color: #fff;
}
.loginInputs:-ms-input-placeholder {
	color: #fff;
}
.loginInputs::-ms-input-placeholder{
	color: #fff;
}
.loginInputs{
	display: block; 
	height: 50px;  
	width: 100%; 
	background-color: rgba(255, 255, 255, 0.05); 
	border-radius: 5px; 
	border: 2px solid #ffffff63; 
	padding: 0 10px; 
	font-size: 14px; 
	font-weight: 300; 
	color: #fff;
}
.loginInputs:hover,
.loginInputs:focus{
	border: 2px solid #fff;
}
.form-signin .form-signin-heading{
	margin-bottom: 20px;
    text-align: center;
	color: #fff;
}
.form-signin .tfa {
    position: absolute;
    left: 40px;
    width: 365px;
}
.form-signin .tfa#partTwo {
    left: 5000px;
}
.loginlogo {
    margin-right: auto;
    margin-left: auto;
    display: block;
    margin-bottom: 50px;
}
div.g-recaptcha {
	position: fixed;
	right: 0;
	bottom: 10px;
}
.form-signin .messages {
    color: #a94442;
    padding: 10px 0;
}
.form-signin .checkbox {
	margin-bottom: 20px;
    text-align: center;
} 
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .btn-link {
    margin-top: 10px;
    display: block;
}
.myMsg{
    font-size: 20px;
    color: green;
    padding: 10px;
    background-color: #cbdecb;
	margin-top:5px;
}
.form-signin .form-footer {
    position: absolute;
    bottom: 58px;
    right: 40px;
    left: 40px;
}
.form-signin .form-footer .btn#delete{margin-left:5px}

.access_denied {
    opacity: .5;
    pointer-events: none;
}
.access_denied * {
    pointer-events: none;
}
.form-signin .alert {
    margin: -25px -2px 0px -2px;
	text-align: center;
	z-index: 1;
    position: absolute;
	top:0;
	width:101.1%;
	left: 0;
	right: 0;
	border-radius: 7px 7px 0 0;
	border: 0px solid;
	border-bottom: 0;
}
.alert-success{background: #dff0d8}
.alert-danger{background: #f2dede}
.alert-info{background: #d9edf7}
.alert-medium{
	color: #FF9800;
    background-color: #FFE0B2;
    border-color: #FFCC80;
	text-shadow: 0 1px 0 rgba(255,255,255,.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05);
}
#loginPage .qrcode {
	max-width: 150px;
	border: 5px solid #FFF;
	display: block;
	margin: 0 auto 15px;
}
#loginPage ol.info {
	color: #FFF;
	padding-left: 20px;
	margin-top: 20px;
}
#loginPage .btn-custom {
    -webkit-transition: .3s;
    width: 100%;
    background-color: #c22026;
    color: #fff;
    padding: 15px 0;
    font-size: 18px;
    font-weight: 600;
    border-radius: 5px;
    cursor: pointer;
}
#loginPage .btn-custom:hover{
    background-color: #851418;
}
#loginPage .btn-custom.disabled {
	border-color: transparent;
}
#viewPass {
	color: #2C6DFB;
	font-size: 14px;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}
.appImgs {
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    width: 100px;
}
.pass-msg {
    position: absolute;
	right: -20px;
	top: 50%;
	transform: translateY(-50%);
}
.small.alert {
	padding: 5px 10px;
}
#toggle-sidebar span {
    height: 3px;
    width: 20px;
    display: block;
    background: #F3F7FA;
    position: absolute;
	transition: .3s;
	-webkit-transition: .3s;
}

#toggle-sidebar span:nth-child(1){top:5px}
#toggle-sidebar span:nth-child(2){top:12px}
#toggle-sidebar span:nth-child(3){top:19px}
#toggle-sidebar.cross span{background:#f3f7fa}
#toggle-sidebar.cross span:nth-child(2){height:0}
#toggle-sidebar.cross span:nth-child(1){transform: rotate(135deg);-webkit-transform: rotate(135deg);top:10px}
#toggle-sidebar.cross span:nth-child(3){transform: rotate(-135deg);-webkit-transform: rotate(-135deg);top:10px}
.sidebar, .main-content {
	transition: .3s;
	-webkit-transition: .3s;
}
#clientHours .hours > input {
    //width: 60px;
}
#clientHours .hours.remote {color: #A01111;}
#clientHours .hours.physical {color: #113579;}
#clientHours .hours.general {color: #09421D;}

.client-hours .hours-box {
	text-align: center;
	max-width: 150px;
	flex-grow: 1;
	margin-bottom: 0;
}
.client-hours .hours-box .number {
	font-size: 30px;
	font-weight: 900;
}

.hours-table .remote {
	color: #842029;
	font-weight: bold;
	text-align: center;
	background: #F2DEDE;
	border-color: #E0C2C3;
}
.hours-table .physical {
	color: #055160;
	font-weight: bold;
	text-align: center;
	background: #D9EDF7;
	border-color: #BDD6E0;
}
.hours-table .sum {
	color: #0f5132;
	font-weight: bold;
	text-align: center;
	background: #DFF0D8;
	border-color: #BADBCC;
}

.hours-table .year-row {
    text-align: center;
    font-weight: bold;
    background: #f7f7f7;
}

.results-title {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 20px 0;
}

.chosen-container-multi .chosen-choices {
    resize: vertical;
	overflow-y: auto;
}
.invoice .drop-box {
	font-size: 12px;
    background: #F6F6F6;
    border: 1px dashed #BD1D25;
	border-radius: 0.25rem 0 0 0.25rem;
	padding: 5px 10px;
	display: flex;
	align-items: center;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 0;
}
.invoice .btn-custom {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
#add_invoice {
	display: flex;
	justify-content: end;
    position: relative;
}
#add_invoice input#invoice {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
}
#add_invoice .btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.plugins td.invoice {
    position: relative;
	max-width: 300px;
}
.pageHeaderFullWidth{
    background-color: #2E3C46;
	color: #FFF;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 9;
}
.pageHeader.row.align-items-center{
	margin: 0;
}
.pageHeaderFullWidth .container-fluid{
    padding: 5px 0;
}
.main-content {
    padding: 25px;
}
.login .pageHeaderFullWidth{
	display: none;

}
.header-logo #toggle-sidebar {
    width: 26px;
    height: 26px;
	margin-right: 20px;
	position: relative;
	border: 0!important;
}
.logo {
    width: 180px;
	display: inline-block;
}
.pageHeader .page-title {
    font-weight: lighter;
}
.pageHeader .page-title small {
    color: #D3D3D3;
}
.js-dropdown-header {
	border: 1px solid #CED4DA;
	padding: 6px 10px 6px 14px;
}
.js-dropdown-header:not(:hover) .js-selected-text.selected {
	color: #212529;
}
.js-dropdown-header > .js-selected-text > span {
	white-space: nowrap;
}
.table-pagination .js-dropdown-header:not(:hover) {
	background: #FFF;
}
.userTitle .trigger {
    color: #FFF;
    font-size: 14px;
    text-decoration: none;
}
.userTitle #Menu {
    padding: 0;
	top: 35px;
    background: #2f3c46;
}
.userTitle .dropdown > ul.dropdown-menu > li > span {
	display: block;
	cursor: pointer;
}
.userTitle .dropdown > ul.dropdown-menu > li > a {
    color: #FFF;
	padding: 10px 26px;
    border-bottom: 1px solid #333;
}

.client-button {
	display: flex;
	justify-content: flex-end;
	margin-top: -35px;
}

.tableResults .label {
    float: right;
    margin-bottom: 0;
}
.eset .service h4 {font-weight: 400; color:#007077}
.acronis .service h4 {font-weight: 400; color:#17234B}
.panda .service h4 {font-weight: 400; color:#2568BF}
.gfi .service h4 {font-weight: 400; color:#1072B3}
.backup .service h4 {font-weight: 400; color:#0E5C9A}
.office .service h4 {font-weight: 400; color:#EB3C00}
.ssl .service h4 {font-weight: 400; color:#869D3F}
.dyndns .service h4 {font-weight: 400; color:#717171}
.watchguard .service h4 {font-weight: 400; color:#175091}
.veeam .service h4 {font-weight: 400; color:#01B335}
.vmware .service h4 {font-weight: 400; color:#676465}
.trend .service h4 {font-weight: 400; color:#D71921}
.acyba .service h4 {font-weight: 400; color:#3AABA1}
.cloud .service h4 {font-weight: 400; color:#79B8E6}
.megasoft .service h4 {font-weight: 400; color:#082558}

.toDoList .service {
	color: #2F3C46;
	float: right;
}
.toDoList .name {
	font-weight: 500;
}

.clients-filter .bs-select-dropdown .js-dropdown-header {
	display: none!important;
}
.clients-filter .bs-select-dropdown .dropdown-menu {
	width: 280px;
	position: relative!important;
	transform: none!important;
}
.bs-select-dropdown .dropdown-menu {
	width: 100%;
}
.bs-select-dropdown .dropdown-menu .dropdown-item {
	font-size: 14px;
    border-radius: 5px;
    margin: 2px 0;
	white-space: normal;
}
.bs-select-dropdown .dropdown-menu .dropdown-item.active > i:before {
    content: "\f14a";
}

.renewal-details .label {
    position: absolute;
    right: 30px;
}
.renewal-details .form-buttons {
    top: 25px;
    right: 30px;
}
.renewal-details h3 {
    margin: 0 0 10px!important;
}
.renewal-details .userID {
    text-align: right;
    margin-top: 5px;
}
.renewal-details .lockfield {
    display: inline-block;
    text-align: right;
}
.renewal-details .lockfield input {
    text-align: right;
    font-weight: bold;
}

.logOutBottomFullWidth{
	padding: 20px 0;
}
.footer{
	padding: 0 20px;
	background-color: #DFDFDF;
	width: 100%;
	position: fixed;
    bottom: 0;
	z-index: 9;
}
.footer .breadcrumb {
	margin-bottom: 0;
	padding: 5px 0;
}

.table .name .fa {
	font-size: 16px;
	position: relative;
	top: -3px;
}
.user-online .fa {
    color: #65BB65;
}
.user-offline .fa {
	color: #B9B9B9;
}

.sidebar .export {
    padding-left: 20px;
}
.openFilter {
    position: fixed;
    right: 20px;
    top: 70px;
    background: #C22026;
    color: #FFF;
    padding: 10px 20px;
	border-radius: 4px;
    z-index: 9;
}
.openFilter:hover {
	color: #C22026;
	background: #DDD;
}
.modal-fullscreen .modal-content {
    width: 100%;
    margin: 0;
    height: 100%;
    border-radius: 0;
}
.modal-fullscreen .modal-body {
    border-bottom: 0;
}
.modal-fullscreen {
    padding: 0!important;
}
#serviceFilter > div {
    margin-left: -5px;
    margin-right: -5px;
}
#serviceFilter > div > div {
    padding: 0 5px;
}
#serviceFilter label {
    font-weight: bold;
	display: block;
}
#Tables .table th:nth-child(1),#Tables .table td:nth-child(1) {border-right:0}
#Tables .table th:nth-child(2), #Tables .table td:nth-child(2) {border-left:0}
#Tables .table th {
    background: #F3F7FA;
}

#Tables .table tr:hover {
    background: #F3F7FA;
}
#Tables .table td {
    padding: 2px 3px;
    border-color: transparent;
}

#Tables .table .btn {
	text-align: left;
	padding: 10px 15px;
}


.mainOptions {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-gap: 10px;
}

.card {
    background: #FFF;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -2px rgb(0 0 0 / 10%);
	overflow: hidden;
}
.mainOptions .card-top-img{
	position: absolute;
    top: 75px;
    left: 50%;
    transform: translateX(-50%);
	transition: all 0.3s;
}
.mainOptions .card .card-body{
	position: absolute;
    bottom: -60px;
    left: 0;
    right: 0;
    min-height: 200px;
	transition: all 0.3s;
}
.mainOptions .card .card-body .card-text,
.mainOptions .card .card-body .card-footer{
    opacity: 0;
	transition: all 0.3s;
}
.mainOptions .card:hover .card-body{
	bottom: 0px;
	transition: all 0.3s;
}
.mainOptions .card:hover .card-top-img{
	top:20px;
}
.mainOptions .card p.card-text.opacity-0,
.mainOptions .card: div.card-footer.opacity-0{
	transition: all 0.3s;
	opacity: 0;
}
.mainOptions .card:hover p.card-text.opacity-0,
.mainOptions .card:hover div.card-footer.opacity-0{
	opacity: 1!important;
}
.mainOptions .cart:hover .card-body{
	bottom: -10px;
}
.website-entry {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 20px;
}
.website-main {
    grid-column: span 4;
}
.website-domains {
    grid-column: span 4;
}
.website-plugins {
    grid-column: span 6;
}
.website-ssl {
	grid-column: span 2;
}
.website-nav {
    position: absolute;
    right: 10px;
    top: -35px;
    border-color: transparent;
}
#SiteDetails .tab-content {
	margin-top: 10px;
}
#SiteDetails .form-add-things {
	margin-top: 0;
}
.nav-tabs .nav-link {line-height: 18px;}
.domains_table .domain.primary td.domain > .name {
	color: #0D6EFD;
	font-weight: bold;
}

.website-credentials .user-auth input.form-control {
	border-radius: .375rem 0 0 .375rem;
}

.mainOptions .Expiring, .mainOptions .Latest {
	grid-column: span 2;
}

.Expiring .chart {margin: -50px 0;}

.Expiring .showtable {
    border: 0;
}
.Expiring .showtable tr {
    border: 0;
    border-bottom: 1px solid #DDD;
}

.Clients .pagination {
    margin-top: 15px;
}
.Clients .pagination li a {
    width: 35px;
    border-radius: 0;
    border-top: 0;
    margin-left: -1px;
}
.Clients .pagination li:nth-child(-n+4) a {
    border-top: 1px solid #DDD;
}

.MoreInputBtn { font-size: 12px; }
.MoreInputBtn i {
    border: 1px solid #DDD;
    background: #FFF;
    color: #333;
    font-size: 10px;
    padding: 4px;
}
.MoreInputBtn  i:before {
    opacity: 1;
}
.MoreInputBtn .collapsed i:before {
    opacity: 0;
}
.nav-tabs > li > a:not(.btn) {
    color: #333;
}
.sidebar {
	width: 12%;
	float: left;
	background-color: #2E3C46;
	position: fixed;
	top: 53px;
	bottom: 0;
	padding: 20px 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
    overflow-y: auto;
	transform: translateX(-100%);
	transition: .8s;
}
.sidebar.opened {
	transform: translateX(0);
}

.sidebar.services ul.nav li > a{
	min-height:45px;
	padding-right: 0;
}
.sidebar li > a{
	color:#F3F7FA;
}
.sidebar li > a:hover,
.sidebar li > a:focus {
	color: #333;
	outline: none;
}
.sidebar .nav li > a {
    display: flex;
    align-items: center;
    grid-gap: 10px;
}
.sidebar .nav li > a .fa-chevron-right {
    position: absolute;
    right: 20px;
    transition: .3s;
}
.sidebar .nav li > a:not(.collapsed) .fa-chevron-right {
    transform: rotate(90deg);
}
.sidebar .panel-collapse {
    padding-left: 0;
}
.sidebar .panel-collapse a {
    padding: 10px 20px 10px 35px;
}
.sidebar .nav li > a:hover {
    background: #FFF;
}
.sidebar .nav li .panel-collapse > li {
    border-bottom: 0;
    border-top: 1px solid #5A5A5A;
}


.table-search .checkDate {
	width: 45px;
	flex: none;
}

.copy-txt {
    color: #2C6DFB;
}

.clientsPage .closeDiv.closed #toggle-sidebar.cross span{
	background-color: #13191d;
}

#ClientTickets .searchBox {
    right: unset;
    left: 0;
    top: -50px;
}
#ClientTickets div.tickets {
    margin-top: 80px;
}
#ClientTickets .tickets > h1 > span {
    max-width: 500px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    top: 7px;
}
.searchBox .filter {
	font-size: 12px;
    border: 0;
    background: #fff;
	border-bottom: 1px solid #DDD;
    width: 100%;
    padding: 10px 15px 10px 15px;
    text-align: left;
    outline: none;
}
.searchBox i {
    color: #5a5a5a;
    position: absolute;
    top: 13px;
    right: 25px;
}
.searchBox.text-danger .filter {
    border-color: #a94442;
}
.searchBox.text-danger  > * {
    color: #a94442;
}
.no-results{
	display: none;
	width: max-content;
    margin: 75px auto 0;
}
.sidebar .btn-second {
    margin: 20px 0 0 20px;
}
.sidebar h3 {
    padding: 0 20px;
    margin: 0 0 10px;
}
.sidebar .panel {
    background: initial;
    border: initial;
    border-radius: 0;
}
.sidebar .nav li {
    border-bottom: 1px solid #5a5a5a;
	margin: 0;
}
.sidebar .nav li > a {
	font-size: 14px;
    border: 0;
    margin: 0;
    border-radius: 0;
	transition: .3s;
	-webkit-transition: .3s;
}
.sidebar .nav li > a.active {
    color: #505050;
    background: #f3f7fa;
}

.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:focus, 
.nav-tabs>li.active>a:hover {
	border: 1px solid #2C3D46;
}
#results .tab-content {
    border-top: 0;
}
.tab-pane h1 {
    margin: 0;   
}

.form-horizontal .email-fail {
    position: absolute;
    font-size: 10px;
}
.form-buttons .btn.custom-success-v1:hover{
    color: #fff;
    background: #218838;
    border: 0px solid #218838;
    padding: 8px 12px;
    border-radius: 0;
}
.form-buttons .btn.custom-success-v1{
    color: #fff;
    background: #28a745;
    border: 0px solid #28a745;
    padding: 8px 12px;
    border-radius: 0;
}
.hiddenButtons{
	display: none;
    position: absolute;
    top: 34px;
    right: 0;
    text-align: right;
    z-index: 2;
}
.form-buttons .btn-second, .form-buttons .btn-back {
	min-width: 200px;
    border-radius: 0;
}
.btn-second, .btn-back {
    border: 1px solid #d8d8d8;
    margin-bottom: -1px;
    background: #fff;
    text-align: left;
    padding: 8px 12px;
}
.btn-second:hover, .btn-back:hover, .btn-plain:hover {
	border-color: #C9C9C9;
}
.btn-plain {
	border-color: #CED4DA;
	display: flex;
	align-items: center;
}
.hiddenButtons > .btn.btn-second:hover{
	color: #fff;
    background: #298756;
	border: 1px solid #298756;
}
.hiddenButtons > .btn.btn-back:hover {
	color: #fff;
	background: #d9534f;
	border: 1px solid #d9534f;
}
.hiddenButtons > .btn > .fa-plus,
.hiddenButtons > .btn > .fa-save{
	color: #298756;
}
.hiddenButtons > .btn > .fa-times {
	color: #d9534f;
}
.hiddenButtons > .btn:hover > i {
	color: #FFF;
}
.toggleDisplay {
	float: right;
    width: 34px;
    height: 34px;
    border: 1px solid #298756;
    text-align: center;
    padding-top: 7px;
    color: #298756;
    cursor: pointer;
}
.toggleDisplay:hover{
	border-left-color: #f3f7fa;
	color: #fff;
	background-color: #298756;
}
.toggleDisplay > i{
	font-size: 17px;
}
.services-select {
	grid-gap: 20px;
	justify-content: center;
}
.services-select img {
    height: 50px;
}

.hidden {
	display: none;
}
.services h2,
.services h3{
	text-align: center;
}
.tab-pane .inputs, .entriesTable {
	position: relative;
}
.form-group {
    margin-bottom: 20px;
}
.tab-pane .inputs h3, .entriesTable h3 {
	margin-bottom: 0;
}
.moreActions a:not(:last-child) {
    border-right: 1px solid #CECECE;
}
.special-hours i {
    border: 1px solid #DDD;
    background: #FFF;
    color: #333;
    font-size: 10px;
    margin-right: 0;
    border-radius: 4px;
    height: 25px;
    width: 25px;
    text-align: center;
    line-height: 25px;
    transition: .3s;
}
.special-hours i:hover {
    border-color: #C22026;
}
.special-hours a i:before {
    opacity: 1;
}
.special-hours a.collapsed i:before {
    opacity: 0;
}
.renew-cycle .select-cycle, .custom-checkbox {
    display:  inline-block;
    position:  relative;
}
.renew-cycle .select-cycle{
	width: 65px;
	text-align: center;
}
input.check-lg {
    height: 25px;
    width: 25px;
}
input.check-md {
	height: 18px;
	width: 18px;
}
.entriesTable .tab-content {
    border-top: 1px solid #c3c3c3;
}
.renew-cycle .select-cycle input:hover + .check-cycle, 
.custom-checkbox input:hover + .check-span {
	border-color: #C22026
}
.form-add-things .task-type {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 3px;
}

.entriesTable #loadingImg {
    background-position: 50% 100px;
}

.horizontal-checks label {
    float: left;
    margin: 0;
    padding-top: 5px;
}
#newHours .numbers {
    border: 1px solid #a4adb7;
    width: 70px;
    height: 50px;
    font-size: 30px;
    outline: none;
    text-align: center;
    vertical-align: bottom;
    margin-left: 5px;
    border-radius: 4px;
}
#newHours  {
	border: 1px solid #C22026;
	padding: 20px;
	position: relative;
    right: -110%;
    transition: .5s linear .1s;
    -webkit-transition: .5s linear .1s;
}
#newHours.open{right: 15px};
#newHours h4{color:#C22026}

.section:not(:last-child) {
	margin-bottom: 20px;
}
.section .section-header {
    border: 1px solid #A4ADB7;
	border-radius: 4px;
    padding: 5px;
    font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.section .form-control:hover {
    border-color: #A4ADB7;
}
.section .custom-checkbox {
	margin-bottom: 10px;
}
.section .custom-checkbox .check-span {
    position: relative;
    top: 0;
}
.section .fa {
    opacity: 1!important;
}
.section .task-description {
   min-height: 50px;
   height: auto;
}
.section .terms {
    border: 1px solid #A4ADB7;
    border-radius: 4px;
    padding: 20px 20px 10px;
}
.section .task-type label {
    padding: 0;
}
.section label {
    padding-top: 6px!important;
    margin-bottom: 0;
}

.comments label,.edit-form .renew-cycle label{
    padding-right: 0;
}
.comments .col-sm-9 {

}
.view-only form .btn#edit {
    z-index: 9;
    position: relative;
}
a {color: #2f3c46;}
a:hover, a:focus {
	color: #2f3c46;
	outline: none;
}
.breadcrumb > li > a {color: #2E3C46;}

.btn-custom {
	background: #C22026;
	color: #FFF;
	transition: .3s;
	-webkit-transition: .3s;
}
.btn-custom:hover, .btn-custom:focus {
	outline: 0;
	background: #DDD;
	color: #C22026;
}
.btn-link {
	color: #333;
    text-decoration: none;
	padding: 0 0 5px;
	position: relative;
}
.btn-link:hover, .btn-link:focus, .btn-link:active {
	color: #424649;
	outline: none;
}
.btn-link:after {
	content: '';
    height: 2px;
    background: #212529;
    position: absolute;
    bottom: 0px;
    left: 2px;
    right: -2px;
}
.btn-link:hover:after {
	background: #424649;
}

.showTables{
	overflow-y: visible;
    overflow-x: auto;
}

#offcanvas {
	background-color: #2E3C46;
}
#offcanvas .offcanvas-title {
	color: #C9C9C9;
}
#offcanvas .nav-item > .nav-link {
	color: #C9C9C9;
    font-size: 20px;
    font-weight: 600;
	line-height: 20px;
    padding: 15px;
	border-top: 1px solid #2E3C46;
    border-radius: 0.375rem;
    position: relative;
}
#offcanvas .nav-item > .nav-link:hover, #offcanvas .nav-item > .nav-link.active,
#offcanvas .submenu > li > a:hover, #offcanvas .submenu > li > a.active {
    background: #36444D;
}
#offcanvas .nav-link > .fa:not(.toggle) {
	margin-right: 10px;
}
#offcanvas .nav-link > .toggle {
    position: absolute;
    right: 10px;
    top: 15px;
    transition: .3s;
}
#offcanvas .nav-link.collapsed > .toggle {
    transform: rotate(-90deg);
}
#offcanvas .submenu > li > a {
    color: #C9C9C9;
	border-top: 1px solid #2E3C46;
	border-radius: 0.375rem;
    padding: 6px 8px 6px 45px;
	display: block;
}

/* Client view */
.overview .client-hours {
    margin-top: -40px;
	margin-right: 15px;
}
.overview th, .overview td {
    display: table-cell!important;
    float: unset!important;
}
.overview .task {width: 34%;}
.overview #Services .nav-tabs li > a {border-left: 0!important;}
.overview #Services .nav-tabs li img {height: 20px;;filter: grayscale(1);}
.overview #Services .nav-tabs li.active img {filter: none;}
.overview #Account .form-control {
    border-width: 0 0 1px 0;
    border-radius: 0;
    box-shadow: none;
}

.modal-xlg{width:98%}
#addClientModal .inputs {
	padding-right: 70px;
	position: relative;
}
#addClientModal .form-buttons {
    top: 20px;
    right: 20px;
	z-index: 1;
}
#addClientModal .form-add-things {
    background: transparent;
}
#addClientModal .alert-success {
    width: 50%;
    margin: -30px auto 30px;
}
.alerts {
    width: 500px;
    margin: 0 auto;
    position: absolute;
    top: 65px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

table, form{
	font-size:16px!important;
	
}
table{
	width: 100%;
	margin-bottom: 0;
}
form {
	margin-bottom: 0;
}
.form-horizontal .form-group {
    margin-left: unset;
    margin-right: unset;
	min-height: 34px;
	position: relative;
}
.custom-list .filtering {
    background: #13191D;
	position: sticky;
    top: 0;
    z-index: 2;
	padding: 5px;
}
.custom-list .filterList {
    outline: 0;
    width: 100%;
    border: 0;
    background: #f3f7fa;
	font-size: 12px;
    height: 34px;
    padding: 6px 12px;
}
textarea {
	max-width: 100%;
	max-height: 350px;
	min-width: 100%;
	min-height: 34px;
}

span.highlighted {
    background: #f3f7fa;
    color: #2e3c46;
    padding: 1px 2px;
}

.user-groups td { padding: 5px; }
.user-groups tr:not(:last-child) { border-bottom: 1px solid #DDD; }

.new-client {
    position: absolute;
    top: 0;
    right: 15px;
    left: 15px;
    display: none;
}
#subsClients a.client {
    position: absolute;
    right: -20px;
    top: 10px;
	z-index: 9;
}
#NewClient input[name=client_hours] {
    font-size: 20px;
    height: 39px;
    width: 55px;
    text-align: center;
    color: #3c763d;
}

.form-add-things {
    background: #FFF;
    margin-top: 10px;
    padding: 30px 20px;
	border-radius: 0.375rem;
}
.form-add-things h4 {
    margin-top: 0;
}
input.renew-months {
    width: 80px;
}
#EditEntry .message {
    position: absolute;
    top: 35px;
    left: 50%;
}
.renew-actions {
    background: #FFF;
    padding: 20px;
    margin-top: 10px;
    text-decoration: none;
	position: relative;
}
.renew-actions a#newRenew {
    position: absolute;
    right: 20px;
    top: 10px;
	z-index: 1;
}
.renew-actions > .h4 > i {
	font-size: 14px;
}
.renew-actions > .h4:not(.collapsed) > i:before {
	content: "\f068";
}
.renew-actions #Renew {
    padding-top: 10px;
    border-top: 1px solid #DDD;
    margin-top: 10px;
}
.renewal-details {
    display: flex;
    grid-gap: 20px;
}
.renewal-details > div {
    padding: 0;
}


.sec_image {
    position: relative;
}
.img-error {
    color: #a94442;
    position: absolute;
	bottom: -15px;
    display: none;
    font-size: 11px;
}
.AddNewImg .img-error {
	bottom: 15px;
}
.sec-images {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 5px;
    max-height: 150px;
    overflow: visible;
    overflow-x: auto;
}
.sec-images > .item {
	cursor: pointer;
    border: 1px solid #DDD;
    padding: 5px;
	position: relative;
}
.sec-images #removeImg {
    position: absolute;
    right: -1px;
    top: -1px;
    background: #d9534f;
    color: #FFF;
    padding: 4px;
    text-align: center;
    display: block;
	border-radius: 0.375rem;
}

#lightbox {
    position: fixed;
    display: none;
	top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.9);
	opacity: 0;
    transition: opacity .3s;
	-webkit-transition: opacity .3s;
    z-index: 10;
}
#lightbox.open {
	display: block;
	opacity: 1;
}
.lightbox-content {
    position: relative;
	padding: 100px;
}
#lightbox .close {
    color: #FFF;
    font-size: 46px;
    position: absolute;
    top: 20px;
    right: 25px;
    opacity: 1;
}
.lightbox-img {
	background: #FFF;
    max-width: 100%;
	display: block;
	margin: 0 auto;
}
.lightbox-text {
    color: #FFF;
    text-align: center;
    margin-top: 10px;
}
.lightbox-title {
    margin: 0;
}

.password.alert-info {
    margin: 5px 0 10px;
    padding: 6px 12px;
    width: auto;
	float: left;
}
.activate input {
    width: 28px;
    height: 28px;
    z-index: 2;
    position: relative;
    opacity: 0;
}
.activate > input:hover {
	cursor: pointer;
}
.active-slider {
    background: #C22026;
    width: 60px;
    height: 31px;
    display: block;
    border-radius: 34px;
    padding: 3px;
    position: absolute;
    top: 23px;
    transition: .3s;
    -webkit-transition: .3s;
	box-shadow: inset 1px 1px 5px -1px #787878;
}
.active-slider .fa {
    color: #FFF;
    font-size: 25px;
    box-shadow: inset 1px 1px 5px -1px #9b9b9b;
    border: 1px solid #fff;
	height: 25px;
    width: 25px;
    display: block;
    background-color: #fff;
    border-radius: 50%;
	transition: .3s;
}
.activate input[value="0"]:checked + .active-slider {
    background: #eaedef;
}
.activate input[value="0"]:checked + .active-slider .fa {
    transform: translateX(30px);
    -webkit-transform: translateX(30px);
}
.free-service {
    position: relative;
    bottom: 10px;
    left: 10px;
	display: none;
}
.activate input[value="1"]:checked + input + span + .free-service {display: unset;}
table.user-group td {
    padding: 5px;
    border-bottom: 1px solid #DDD;
}
.result:hover {
    background: #f3f7fa;
}
#view_logs tr.result:hover {
    background: transparent;
}
#view_logs tr.result td {
    padding: 0;
}
#view_logs tr.result td a {
	display: block;
	padding: 12px 10px;
    position: relative;
    transition: .5s;
    -webkit-transition: .5s;
    left: 0;
}
#view_logs tr.result td:hover a {
    left: 5px;
}

.tableResults th, .tableResults td {
	padding: 6.2px 10px;
	min-height: 40px;
	min-width: 150px;
}

.table .tools {
	white-space: nowrap;
}
.phones_table .contact .phone {
	white-space: nowrap;
}

.tableFunctions th {
    cursor: pointer;
}
.tableResults .no-entries {
	color: #C22026;
	text-align: center;
	background: #FFF;
}

td.dataTables_empty {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #DDD;
}
#filterResults .filter-sum span{color:#C22026}

.modal-dialog #step_2 {
    display: none;
}

.calcForm {
    background: #F6F6F6;
    padding: 20px;
    border-radius: 10px;
}
.calcForm .results {
	color: #8B8B8B;
	font-size: 14px;
}
.calcForm .results input {
	color: #8B8B8B;
	width: 50px;
	background: transparent;
	border: 0;
	pointer-events: none;
}

.admin-options h3 {margin: 0 0 10px}
.admin-options h3 > a {text-decoration:none}
.admin-options .aa {width: 10%!important;}
.admin-options .date { width:16%;}
.admin-options .name { width:37%;}
.admin-options .tools a {margin: 0 2px;}
.admin-options .tools {width: 15%;}
.admin-options .group {width: 20%;}
.admin-options .description {width: 70%;}
.admin-options { margin-top: 80px;}
.admin-options td{vertical-align:middle}

.check-duplicate {
    position: absolute;
}

.showTables th a {
    color: #333;
    text-decoration: none;
}

#EditTicket .special-hours a:not(.collapsed) + #Special {
    display: block!important;
}
.showTables th a i {
    font-size: 14px;
}
.clientsTable .showTables {
    min-height: 335px;
}
.clientsTable ul {
    list-style-type:  none;
    padding: 0;
}
.clientsTable ul li {
    padding: 10px;
    border-bottom: 1px solid #ececec;
}
.clientsTable ul li .icons {
    float: right;
}
.clientsTable ul li .icons i {
    color: #656565;
	font-size: 20px;
}
.showTables .price {
    color: #3c763d;
    float: right;
}
.tasks.horizontal-checks h4 {
    border-bottom: 1px solid #DDD;
    padding-bottom: 10px;
    margin-top: 0;
}
.horizontal-checks.tasks .task-type:not(:last-child) {
    margin-bottom: 5px;
}
.tasks.horizontal-checks .task-type label {
    width: 70%;
}
textarea.form-control.task-desc {
	height: 150px;
    min-height: 150px;
    min-width: 100%;
    max-width: 100%;
    max-height: 250px;
}
textarea.form-control.comments {
	height: 50px;
    min-height: 50px;
    min-width: 100%;
    max-width: 100%;
    max-height: 100px;
}

.tableResults .btn.disabled, .tableResults .btn:disabled {
	opacity: 0.3;
	filter: grayscale(1);
}

.client-details {
    display: grid;    
    grid-template-columns: 5fr 3fr 3fr;
    grid-gap: 20px;
}

.view-only .form-buttons {
	display: none;
	opacity: 0;
}
.view-only .form-group input, .view-only .js-dropdown-header, .view-only .form-group textarea {
    background: #F7F7F7;
    pointer-events: none;
}
.client-bottom {
    display: grid;
    grid-template-columns: 4fr 1.5fr 1fr;
    grid-gap: 20px;
	align-items: flex-start;
    margin-top: 10px;
}
.client-details-page.view-only .client-bottom {
    align-items: stretch;
}
.client-side {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    margin-top: 10px;
}
.client-services {
    background: #FFF;
    padding: 15px;
    cursor: pointer;
	border-radius: 0.375rem;
    transition: .5s;
}

.client-services .services-wrapper {
	display: flex;
	grid-gap: 20px;
	align-items: center;
	justify-content: space-between;
}
.client-services .number {
    color: #2C6DFB;
    font-size: 40px;
	font-weight: 100;
	line-height: 40px;
	display: block;
}
.client-services p {
	color: #2F3C46;
	text-transform: uppercase;
	margin-bottom: 0;
}
.client-services a {
	color: #6E767D;
}
.client-side .client-changes {
	background: #FFF;
	grid-column: span 2;
}
.deleted-entry {
    text-align: center;
	width: 50%;
    margin: 0 auto;
}
.deleted-entry > h3 {
	margin-top: 30px!important;
	margin-bottom: 30px!important;
}
.special-hours .text-warning {
    font-size: 10px;
}
.totalHours:not(.text-danger) {
    color: #757575;
}
.totalHours input {
    border: 0;
    background: transparent;
    width: 50%;
    text-align: left;
}
.totalHours label {
    font-weight: lighter;
    padding-left: 10px;
}
.totalHours.text-danger  input {
    color: #a94442;
}

.dropdown li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-menu>li>a.theme {
    padding: 10px!important;
	opacity: .6;
}
.dropdown .theme.active {
    opacity: 1;
}
.form-horizontal .control-label {
	margin-bottom: 7px;
}
.createDate {
	color: #666;
}
.createDate input {
	color: #666;
	border: 0;
	padding: 0;
	pointer-events: none;
}
input.copy-txt:focus {
	background: #CADAFE;
}
.BottomButtons .fas {
    font-size: unset;
}
.results_div .tickets > div {
    padding: 12px 10px;
    float: left;
}
.results_div .tickets {
    width: 100%;
    float: left;
}


.export-wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 5px;
	background: #F4F4F4;
}

.exp_chart {
    background: #FFF;
	padding: 10px 0;
	position: relative;
}
.exp_chart #chart_div {
    margin: -55px 0 -40px -40px;
	height: 300px;
}
.exp_chart .explanation {
    padding: 0 20px;
}
/* Expiring subscriptions */
.Expiration .modal-body {
    min-height: 350px;
	max-height: 600px;
    overflow: auto;
}
.service table {
    width: 100%;
	margin-bottom: 40px;
}
.service h3 {
    margin-bottom: 0;
}
table tbody tr.edit {
    cursor: pointer;
}

/* Clients */
.remaining-hours {
    font-size: 50px;
    min-width: 170px;
    padding-right: 30px;
	margin: 0;
	position: relative;
	z-index: 8;
}
.remaining-hours #sumHours {
    background: transparent;
    border: 0;
    width: 120px;
    pointer-events: none;
}
.remaining-hours > small {
    font-size: 35%;
}
.remaining-hours > .addHours {
    position: absolute;
    bottom: -5px;
    right: -5px;
    font-size: 25px;
}

.select2 {
  position: relative;
  overflow: hidden;
  display: block;
  margin: auto;
  width: 330px;
  height: 100%;
  border-bottom: 0px;
  border-radius: 3px;
  font-size: 12px;
  box-shadow: 0px 1em 2em -1.5em rgba(0, 0, 0, 0.5);
}
.select2 i.toggle {
  position: absolute;
  z-index: 4;
  right: 1.5em;
  top: 1.6em;
  color: #ccc;
}
.select2 .title,
.select2 .placeholder {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 1.5em 2em;
  background: white;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.select2 > label > input {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  cursor: pointer;
}
.select2 > label > input:checked {
  z-index: 2;
}
.select2 > label > input:checked ~ i.toggle.icon-plus {
  display: none;
}
.select2 > label > input:checked ~ i.toggle.icon-minus {
  display: block;
}
.select2 > label > input:not(:checked) ~ i.toggle.icon-minus {
  display: none;
}
.select2 > label > input:not(:checked) ~ i.toggle.icon-plus {
  display: block;
}
.select2 > label > input:not(:checked) ~ label.option input:not(:checked) ~ .title {
  display: none !important;
}
.select2 > label > input:disabled {
  cursor: no-drop;
}
.select2 label > span.placeholder {
  position: relative;
  z-index: 0;
  display: inline-block;
  width: 100%;
  color: #999;
  border-top: 0px;
}
.select2 label.option {
  display: block;
  overflow: hidden;
  z-index: 1;
  width: 100%;
  transition: all 1s ease-out;
}
.select2 label.option span.title {
  position: relative;
  z-index: 2;
  transition: background .3s ease-out;
}
.select2 label.option span.title i.icon {
  padding-right: 8px;
  color: #92a8d1;
}
.select2 label.option span.title:hover {
  color: #fff;
  background: rgba(146, 168, 209, 0.5);
  box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.select2 label.option input {
  display: none;
}
.select2 label.option input:checked ~ span.title {
  position: absolute;
  display: block;
  z-index: 1;
  top: 0px;
  font-size: 12px;
  background: #fff;
  border-top: 0px;
  box-shadow: none;
  color: inherit;
  width: 100%;
}
.select2 label.option input:disabled ~ span.title {
  background: #f9f9f9 !important;
  color: #aaa;
}
.select2 label.option input:disabled ~ span.title:hover {
  color: #aaa;
  background: none;
  cursor: no-drop;
}
.my-account-edit {
	position: relative;
}
/* Tickets */
#Results h1 {
    display: inline-block;
}
#filter .entriesTable .tab-pane {
    margin-top: 0px;
    top: -11px;
}
#fServices .dataTables_wrapper .row:first-child,
#fTickets .dataTables_wrapper .row:first-child{
	float: right;
}
#fServices .dataTables_wrapper .row:first-child .table-search,
#fTickets .dataTables_wrapper .row:first-child .table-search{
	float: right;
    margin-right: 15px;
}
#fServices .dataTables_wrapper .row:first-child .table-search .dataTables_filter,
#fTickets .dataTables_wrapper .row:first-child .table-search .dataTables_filter{
	padding: 5px 0;
}
.entriesTable .scrolling {
	position: relative;
}
.showtable {   
	overflow: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 180px);
}
.entriesTable {
	margin-top: 10px;
}
.chosen-container-single > .chosen-single > abbr.search-choice-close {
	top: 10px;
}

#ClientTickets .showtable {
	margin-top: 110px;
}

.chosen-group .chosen-container {
    width: auto!important;
}
.chosen-group .chosen-single {
    color: transparent;
    background: #2c6dfb;
    border-color: #2c6dfb;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 30px;
    padding: 0;
}
.chosen-group .chosen-container:not(.chosen-width-drop) .chosen-single b {
    background: url(chosen-sprite-white.png) no-repeat 0 6px!important;
}
.chosen-group .chosen-drop {
	width: 200px;
	left: auto;
	right: 0;
}


.actions {
	display: inline-block;
	position: relative;
	z-index: 8;
}
.nav.nav-pills {
    grid-gap: 10px;
}
.nav-pills .nav-link {
    color: #2f3c46;
    background: #e2e5e9;
}

#ClientInfo .dataTables_wrapper {
	margin-top: 0;
}


#Services_wrapper {
	overflow: visible;
}
.clients-filter {
	width: 300px;
	position: absolute;
	top: 40px;
	right: 0;
	background: #FFF;
	padding: 10px;
	border: 1px solid #DDD;
	border-radius: 5px;
}
.clients-filter .chosen-container {
	font-weight: 400;
	margin-bottom: 15px;
}
.clients-filter .chosen-choices {
	border: 0;
}
.clients-filter .chosen-drop {
	position: relative;
	border: 0;
	box-shadow: none;
	clip-path: unset;
}
.clients-filter .chosen-results li.active-result:before {
	content: "\f0c8";
	font-weight: 400;
	font-family: "Font Awesome 6 Free";
	margin-right: 5px;
}
.clients-filter .chosen-results li.result-selected:before {
	content: "\f14a";
	font-weight: 900;
	font-family: "Font Awesome 6 Free";
	margin-right: 5px;
}

.viewSerial > a {
	color: #2C6DFB;
}
.popover .copy-txt {
	color: #2C6DFB;
	cursor: pointer;
}
.popover .copy-txt, .popover .msg {
	font-size: 12px;
	display: block;
}

.dataTables_wrapper {
	overflow: hidden;
	overflow-y: auto;
	max-height: calc(100vh - 180px);
}
.dataTables_filter {
	position: absolute;
	top: -50px;
	right: 0;
}
.dataTables_filter > label:after {
	content: "\f002";
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    position: absolute;
    right: 10px;
    top: 9px;
}
.dataTables_filter label {
    display: block;
}
span.highlight {
	background-color: #F1C40F;
}	
.tableFixHead thead th {
	background: linear-gradient(to top, #2E3C46 2px, #E9ECEF 2px);
	position: sticky;
    top: 0;
    z-index: 1;
}
.modal .tableFixHead thead th, 
#filter .tableFixHead thead th {
    background: linear-gradient(to top, #2E3C46 2px, #FFF 2px);
}
.tableFixHead table  {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 0;
}
.tableFixHead th {
	height: 42px;
}
.tableFixHead .topline{
	background-color: white;
}
.tableResults tr.editing {
    background: #e2e5e9;
}
.table th .fa,
.table th:not(.active) .fa-sort {
    color: #C1C1C1;
    -webkit-background-clip: text;
}
.table .sorting_asc .fa-sort,
.table .sort_ASC.active .fa-sort {
    background: -webkit-linear-gradient(#2c6dfb 8px, #a4b9f3 8px,#a4b9f3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.table .sorting_desc .fa-sort,
.table .sort_DESC.active .fa-sort {
    background: -webkit-linear-gradient(#a4b9f3 8px, #2c6dfb 8px, #2c6dfb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.tableResults tr {
	position: relative;
}
.tableResults tr .badge {
	position: absolute;
	left: 60px;
}

.tickets tr:not(:last-child), #history tr.topline:not(:last-child){
    border-bottom: 1px solid #DDD;
}
tr.result.nocharge {
    background: #B7E6A3;
}
.ticketsTable {
    margin-top: 30px;
    height: 250px;
    overflow-y: visible;
    overflow-x: auto;
}
.tickets .head {
    position: absolute;
    top: 0;
    right: 15px;
    left: 0;
    z-index: 1;
    background: #EEE;
}
table span.balance{float: right; color: #fff; padding: 2px 5px; text-transform: lowercase;border-radius: 2px;}
span.balance.zeroH{background-color: #C22026;}
span.balance.positiveH{background-color: green;}
span.balance.negativeH{background-color: #A94442;}
input#searchHours {
	background-color: #fff;
    border-radius: 14px;
    height: 14px;
    margin-top: 2px;
    box-shadow: -1px -1px 1px 0px #ddd inset;
}
input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
    border: none;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background: #C22026;
    margin-top: -1px;
    box-shadow: 1px 1px 2px 1px #ddd;
}
.tickets td.task{padding-right:12px;position:relative}
.tickets td{text-transform:uppercase}

.clientsIndex .table {margin:0}
.search-tickets {
    margin-top: 15px;
}
.tickets .task a {
    position: absolute;
    right: 3px;
    top: 0px;
}
.tickets .task .expand {
    display: block;
    transition: .3s;
    -webkit-transition: .5s;    
}
.tickets .task span > i {
    position: absolute;
    right: 5px;
    top: 0;
    color: #2F3C46;
    cursor: pointer;
    font-size: 16px;
}
.result .aa i {
    font-size: 12px;
    margin-left: 5px;
}
.tableResults .aa > .text-info {
    font-weight: bold;
    padding-left: 5px;
}

.pagination-select {
    list-style-type:  none;
    border: 1px solid #DDD;
    background: #FFF;
    padding: 0;
    width: 45px;
    margin: -1px 0 0 5px;
}
.pagination {
    margin: 0;
}
.pagination-options {
    margin-top: 20px;
}
.pagination-selected {
    padding: 6px;
    border: 1px solid #DDD;
    background: #FFF;
    margin: -8px 0 0 5px;
    width: 45px;
    display: block;
}
.pagination-selected:after {
    content: "\f107";
    font-family: 'Font Awesome 5 free';
    font-weight: 900;
    position: absolute;
    right: 6px;
}
.pagination-select li:not(:last-child) {
    border-bottom: 1px solid #DDD;
}.pagination-options a {
    text-decoration: none;
}
.pagination-options a:hover,.pagination-options a.active {
    background: #EEE;
}
.pagination-select a {
    background: #FFF;
    display: block;
    padding: 6px;
}
.text-warning {
    color: #C97B31;
}
ul.breadcrumb {
    background: transparent;
    padding: 0;
	margin-bottom: 5px;
}
ul.breadcrumb > li:last-child a {
    color: #777;
    pointer-events: none;
}


.dropdown-menu.open {
	display: block;
}

/* To do list */
a.trigger-todo {
	color: #FFF;
    font-size: 20px;
    margin-left: 15px;
	margin-right: 20px;
	position: relative;
}
a.trigger-todo #items {
	font-size: 16px;
    position: absolute;
    right: 0px;
    top: -1px;
    border-radius: 50%;
    min-width: 27px;
    height: 20px;
    color: #2e3c46;
    font-weight: bold;
    text-align: center;
}
a.trigger-todo i{
	font-size: 30px;
}
.toDoList {
    width: 300px;
	padding: 0!important;
}
.toDoList h3 {
    margin: 0 0 10px;
    color: #fff;
}
.toDoList form {
    margin-bottom: 0;
    background: #FFF;
}
.toDoList #newElement {
    font-size: 14px;
	color:#333;
    height: 35px;
    padding: 5px 10px;
    border: 0;
    width: 85%;
    float:left;
	outline: none;
}
.toDoList #newItem {
    font-size: 16px;
    height: 35px;
    color: #FFF;
    text-align: center;
    width: 15%;
    background: #337ab7;
	border:0;
    padding: 10px;
    display: inline-block;
}

.toDoList #newItem.disabled {
    opacity: .8;
    pointer-events: none;
}
.toDoList #toDoItems {
    list-style-type:  none;
    padding: 0;
	margin: 0;
    background: #f3f7fa;
}
.toDoList .header {
    background: #2F3C46;
    padding: 20px;
}
.toDoList .services {
    max-height: 500px;
    overflow: auto;
}
.toDoList #toDoItems .services > span {
    background: #c55b5b;
    color: #FFF;
    display: block;
    padding: 5px 10px;
    border-bottom: 1px solid #DDD;
}
.toDoList #toDoItems .services li > a {
	color: #333;
	text-decoration: none;
}
.toDoList #toDoItems li {
	color: #333;
	min-height: 40px;
    line-height: 20px;
    padding: 10px 15px;
    border-bottom: 1px solid #DDD;
    background: #f3f7fa;
    border-left: 5px solid transparent;
    position: relative;
    cursor: pointer;
}
.toDoList #toDoItems .notes li{border-left-color:#337ab7}
.toDoList #toDoItems .services li{border-left-color:#c55b5b}
.toDoList .remove {
    position: absolute;
    right: 10px;
    top: 13px;
}
.toDoList #toDoItems .notes li.checked {
    text-decoration: line-through;
    background: #d3d8dc;
    filter: grayscale(1);
}
.toDoList #toDoItems .notes li.checked:before {
    font-family: Font Awesome\ 5 Free;
    content: "\f00c";
    font-weight: 900;
    padding-right: 5px;
}
.toDoList #toDoItems .pull-right {
    font-weight: bold;
    color: #337AB7;
}
.toDoList #toDoItems li span.name {
    width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.toDoList #toDoItems li span:last-child {
    margin-top: -5px;
    display: block;
}
.toDoList #toDoItems .success {
	display: none;
    color: #5bc5ad;
    padding: 5px;
    font-size: 16px;
}

/* Security */
.security-details {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
	margin-bottom: 10px;
}
.security-details-more {
	display: grid;
	grid-template-columns: 2fr 2fr 1fr;
	grid-gap: 20px;
}
table.material td input {
    border: 0;
    padding: 8px;
    width: 100%;
}
table.material td{padding:0!important;text-align:center} 
.security .company{width:11%}
.security .name{width:15%}
.security .code,.security .city{width:11%}
.security .phone{width:10%}
.security .email{width:18%}
#securityClients a.client {
	position: absolute;
    right: -25px;
    top: 0px;
    z-index: 3;
    padding: 10px;
    border: 1px solid #9bcc9b;
    border-radius: 3px;
	color:#28a745;
}
#securityClients a.client:hover{
	background-color: #28a745;
	border: 1px solid #28a745;
	color:#FFF;
	-webkit-transition: all .2s; /* Safari */
    transition: all .2s;
}
input#SecId {
    width: auto;
    display: inline-block;
    background: transparent;
    border: 0;
    box-shadow: none;
    font-size: initial;
    color: #777;
    padding: 0;
}
#PrintSec hr{margin:10px 0}
#PrintSec .form-group.col-md-1 {
    width: 35px;
    padding-right: 0;
}
.btn-danger {
    color: #FFF;
    background: #d9534f;
    box-shadow: none;
    text-shadow: none;
}
.btn-danger:hover {
    //color: #d9534f;
    //background: #DDD;
}
@media print {
	.hidden-print {
		display: none;
	}
}


.services .type{width:12%}
.services .name {width: 51%}
.services .version{width:20%}

.search-tickets h3 {margin-top:0}
.search-tickets input{
	background-color: #FFF;
	width: 40%;
    float: left;
}
.search-tickets .range-text {
	display: block;
}
.search-tickets .range-reset {
	float: left;
	margin-left: 10px;
}
div.disabled{opacity:.5}

/* Modals */
.UpdateModal .modal-dialog, .modal-lg {
    width: 63%;
}

/* Print */
.printFrame {
  position: absolute;
  left: -9999px;
}
.modal-print .modal-body h3 {
    margin-top: 0;
}
.modal-print .form-group {
    margin-bottom: 5px;
    margin-top: 5px;
}
.modal-print label {
    display: inline-block;
    font-weight: 700;
    color: #333;
    margin: 0 5px 0 0;
    width: auto;
}
.modal-print span {
    min-height: 18px;
}
.modal-print .total {
    font-size: 20px;
    background: #f3f7fa;
	padding: 10px;
}
.modal-print .total input {
    font-size: 20px;
    font-weight: bold;
    height: 26px;
}
.tooltip-inner {
    max-width: 500px;
}

.displayHours .sumH > div {
	width: 50%;
    float: left;
    padding: 30px 30px 15px;
}
.displayHours .sumH > div .num {
    font-size: 48px;
    line-height: 50px;
	min-width: 170px;
}
.displayHours .num small {
    font-size: 60%;
}
.client-hours .view-hours {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0px 4px;
    color: #C22026;
	text-decoration: none;
}
.client-hours .add-hours {
	position: absolute;
    right: 0;
    bottom: 0;
    background: #C22026;
    color: #FFF;
    border-radius: 100% 0 0 0px;
}
.client-hours .add-hours > span {
	padding: 17px;
	display: block;
}
.client-hours .add-hours > span > i {
    position: relative;
    top: 4px;
    left: 5px;
    font-size: 20px;
}
#ClientInfo .dataTables_filter {
	top: -50px;
    right: 80px;
}
th.sorting {
    cursor: pointer;
}
#hoursTable h4 {
    margin-bottom: 20px;
}
#hoursTable h4 > span {
    margin-top: 5px;
    color: #C22026;
    display: block;
    font-size: 85%;
	font-weight: bold;
}
#hoursTable table {
    border: 1px solid #DDD;
}
#hoursTable .topLine {
    background: #f3f7fa;
}
#hoursTable input {
    border: 0;
    outline: 0;
	width: 100%;
    pointer-events: none;
}
#hoursTable .edited {
    padding: 0;
}
#hoursTable .edited input {
    padding: 12px 10px;
	border: 1px solid transparent;
}
#hoursTable .edited[data-editable=true] input {
    outline: none;
    border-color: #C22026;
	pointer-events: auto;
}
#hoursTable .edited[data-editable=true] input:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.invalidH, .successH {
    display: none;
    position: absolute;
    right: 15px;
    top: 25px;
}
.saveHours.disabled {
    pointer-events: none;
    opacity: .5;
}
#AddH .clientName {
    color: #C22026;
    font-weight: 700;
	display: block;
    margin-top: 5px;
}
#AddH .numbers {
	width: 70px;
    height: 45px;
    padding: 10px;
    text-align: center;
    font-size: 30px;
    color: #4CAF50;
    border: 1px solid #4CAF50;
    background-color: #f0f0f0;
	float: right;
}
#AddH #AddHours:hover {
    border-color: #C22026;
}
#AddH .operators,#AddH .summary {
    display: inline-block;
    font-size: 20px;
    margin: 0 20px;
}
#AddH .operators a,#AddH .summary i{display:block}
#AddH .operators #add .fa{color:#01960e}
#AddH .operators #remove .fa{color:#960101}
#AddH .hours-summary {
    color: #C22026;
    margin: 10px 0 -12px;
}
#AddService .services a img {
    height: 25px;
}
#AddService .services li a {
    background: transparent!important;
    border: 0;
    opacity: .5;
    transition: .5s;
    -webkit-transition: .5s;
}
#AddService .services li.active a,#AddService .services li a:hover {
    opacity: 1;
}
.statistics-tabs {
	//height: 100%;
	//position: relative;
}
.statistics-tabs > .tab-pane.active {
    z-index: 0;
}
path[d="M880,363L894,370L880,377Z"] {
    fill: #C22026;
}
path[d="M851,377L851,363L837,370Z"] {
    fill: #C22026;
}
#stats_clients .btn-group {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 10;
}
.chart-box {
    background: #FFF;
	border-radius: 0.375rem;
	padding: 20px;
	position: relative;
}
.chart-box .title {
	font-weight: bold;
	float: left;
	position: relative;
	z-index: 2;
}
.chart-box > .chart-wrapper > div > div {
    margin: 0 auto;
}
#filter_chart {
    padding-left: 15px;
	position: relative;
    z-index: 9;
}
.chart-box #filter_services, .chart-box #filter_tickets {
    position: absolute;
    bottom: 15px;
	padding-left: 5px;
	opacity: 0;
	transition: .3s;
	-webkit-transition: .3s;
}
.chart-box #filter_services.active, .chart-box #filter_tickets.active{
	opacity: 1;
	z-index: 8;
}
#filter.tab-pane .chart-box .title {
    margin-bottom: 30px;
}
#filter.tab-pane .chart-box .title.filter-title {
    background-color: gray;
    padding-bottom: 20px;
    color: white;
	margin-bottom: 0;
}
#filter.tab-pane .chart-box .title.filter-title small{
    color: white;
}
#filter #results > h4 {
    font-size: 30px;
    text-align: center;
    color: #C22026;
    padding: 120px;
}
#filter #filter_details > div {
	display: none;
}
#filter #filter_details .text {
    color: #C22026;
    font-weight: bold;
}
#filter_title {
    font-size: 20px;
    padding: 15px;
	margin-top: -35px;
}
#filter #openFilter {
    font-size: 18px;
	position: absolute;
    right: 10px;
    top: 10px;
	display: none;
}
#filter_details {
    position: absolute;
	left: 15px;
	bottom: 10px;
}
.filter-fields.find-results #filter_details {
	bottom: 20px;
}
#results .tablefooter {
	background: #FFF;
}

#filter.tab-pane {
	height: 100%;
}
.filter-fields, .filter-results {
	background: #FFF;
	border-radius: 0.375rem;
    padding: 40px;
	position: relative;
	transition: .5s;
}
.filter-fields.find-results {
    height: 60px;
    padding: 20px;
}
#allFilter {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
	grid-row-gap: 50px;
	transition: .5s;
}
#allFilter label.control-label {
	font-weight: bold;
}
.selectDeltio {
    height: 38px;
    display: flex;
    align-items: center;
	justify-content: center;
    grid-gap: 20px;
}

.chart-box > .btn-link {
    position: absolute;
    right: 15px;
    top: 5px;
    color: #C22026;
}

#filter .box {
    transition: .3s;
}

#filter .box.col-md-8.expand #results {
    height: 600px;
}

#serviceFilter > .row {
    display: flex;
    align-items: baseline;
}

.chart-box svg {
	width: 100%!important;
}
#viewService, #viewTicket {
    position: relative;
}
#viewService .form-buttons, #viewTicket .form-buttons {
    top: 15px;
    right: 15px;
    display: none;
	z-index: 1;
}
#Subs button#edit {
    display: none;
}
.col-md-4.form-group .col-sm-7 {
    padding: 0 0 0 0px;
}
.form-group.error label {
    color: #A94442;
}
.form-group.error input, .form-group.error .chosen-container .chosen-default {
    background: #F2DEDE;
}
.form-group.error .msg {
    font-size: 85%;
    position: absolute;
    color: #A94442;
}
.mb-5 {
	margin-bottom: 50px;
}

.operator .input-group .guantity-span {
	cursor: not-allowed;
    height: 100%;
    display: inline-block;
    position: relative;
    top: 3px;		
}
.operators .input-group input.quantity-field {
    font-size: 30px;
    max-width: 55px;
    text-align: center;
    border: 1px solid #DDD;
	color: #999;
	pointer-events: none;
	position: relative;
    top: 3px;
}
.operators .input-group .button-minus, .operators .input-group .button-plus{
	width: 45px;
    height: 46px;
    border: 1px solid #DDD;
}
#AddH .operators{
	margin-top: 40px;
    margin-bottom: 25px;
}
#AddH .modal-dialog.modal-content {
    max-width: 520px;
}
#AddH .modal-dialog.modal-content h4, #AddH.modal-dialog.modal-content .text-warning{
    text-align:center;
}
#AddH .modal-dialog.modal-content input.input-sm.date.form-control {
	border-radius: 0px;
    border: 1px solid #c4c4c4;
	padding-right:3px;
}
.add_new_hours{
	color: green;
    font-size: 12px;
}
.view_new_hours {
    text-align: right;
    color: green;
}
.add_hours_results{
	text-align: right; 
	max-width: 155px; 
	display: inline-block; 
	color: #4CAF50; 
	padding-right: 5px;
}
.noBorderInput{
	border: 0;
    text-align: center;
	margin-top: 5px;
}
.totalhouruse{
	position: absolute;
    top: 0px;
    right: 3px;
}
.totalhoursum{
	position: absolute;
    top: 0px;
    left: 3px;
}
.remoteH .totalhoursum {
	top: 3px;
	left: 6px;
}
.physicalH .totalhouruse {
	top: 3px;
	right: 6px;
}
.totalhourClear{
    font-size: 55px;
}
.displayHours{
	margin-bottom: -15px;
}

.flex-parent {
	display: flex;
	flex-wrap: wrap;
}
.desktopFooter .bottom-info{
	display: flex;
    flex-direction: row;
    justify-content: flex-end;
	align-items: center;
	grid-gap: 30px;
	height: 100%;
}
.bottom-info .user-online .fa {
	font-size: 15px;
	margin-right: 2px;
	margin-left: 10px;
}
/* RESPONSIVE DESIGN */


@media (max-width: 1440px) {
	.UpdateModal .modal-dialog{width:85%}
	.container{width:100%}
	.home.mainPage{padding-top:50px}
	.selectOption .icon i{font-size:8em}
	#Subscriptions .col-lg-6{width:100%}
	#AllSubs .col-lg-6{width:100%}
	#chart_div svg{margin-left:-48px}
	.Expiring h4{margin:0 0 15px}
	#Tickets .entriesTable h3{margin-top:-15px}
	.Expiring .explanation{padding-left:0}
	form .invoice_checkbox > .collapse{margin-top:5px}
	.exp_chart .explanation{display:none}
	#AddService .services a img{height:20px}
	.col-left {padding-right:5px}
	.col-right{padding-left:5px}
	.col-middle{padding-left:5px;padding-right:5px}
	form#UpdateSec .form-group.col-md-3, #NewEntry .form-group.col-md-3 {width:33.33333%}
	form#UpdateSec .form-group.col-md-6, #NewEntry .form-group.col-md-6 {width:66.66666%}
	#SecurityC.security .name{width:12%}
}

@media (min-width: 768px) and (max-width: 991px) {
	#NewTicket .invoice_checkbox{margin-bottom:70px}	
}
@media (min-width: 992px) and (max-width: 1199px) {
	#NewTicket .invoice_checkbox{margin-bottom:50px}
	.tableResults .select{width:4%}
	.tableResults .tools{width:10%}
	table.software .name{width:55%}
	.tableResults .date{width:11%}
	.tableResults .aa{width:7%}
	#SubsBackup.tableResults .username{width:14%}
	#SubsBackup.tableResults .name{width:26%}
	.tableResults .account{width:17%}
	.tableResults .client{width:38%}
	#SubsSsl.tableResults .name{width:35%}
	.form-horizontal .col-md-4{width:50%}
	.services .dynacc,.services .account,.services .ssldomain{width:24%}
	.services .dynname, .Office.services .client{width:29%}
	.services .name{width:53%}
	.tickets .select{width:5%}
	.tickets .number{width:9%}
	.tickets .time{width:11%}
	.tickets .hours {width:10%}
	.tickets .remote{width:11%}
	.tickets .comment{width:26%}
	.tickets .date{width:10%}
	.client-hours{min-width:150px;padding:10px;height:149px}
	.client-hours > .current-hours{display:block;line-height:50px}
	.tickets td{display:table-cell}
	.exp_chart #chart_div{transform:scale(0.8);-webkit-transform:scale(0.8);margin-left:-22px;margin-top:-75px;margin-bottom:-65px}
	.col-left {padding-right:5px}
	.col-right{padding-left:5px}
	.col-middle{padding-left:5px;padding-right:5px}
	.tools button{margin:5px 0;font-size:14px}
}
@media (min-width: 1600px) {
	.col-left {padding-right:5px}
	.col-right{padding-left:5px}
	.col-middle{padding-left:5px;padding-right:5px}
	#SecurityC.security .name{width:13%}
	.mainOptions .col-sm-3{width:20%}
	.mainOptions .col-sm-6{width:60%}
	.mainOptions {grid-template-columns: repeat(6, 1fr);}
}
@media (min-width: 1920px) {
	.home.mainpage {width:90%}
}
@media (max-width: 980px) {
	.mainOptions .Expiring {
		grid-column: span 2;
	}
	.mainOptions .card {
		padding: 10px 10px 0!important;
	}
	.mainOptions .card.h-100.disabled {
		display: none;
	}
	.mainOptions .card .card-body .card-text {
		display: none;
	}
	.mainOptions .card-top-img {
		position: unset;
		transform: none;
	}
	.mainOptions .card .card-body {
		position: unset;
		min-height: 0;
	}
	.mainOptions .card .card-body .card-footer {
		opacity: 1!important;
	}
}
@media (max-width: 767px) {
	.mainOptions {
		grid-template-columns: repeat(3, 1fr);
	}
	.mainOptions .Expiring {
		grid-column: span 3;
	}
}
@media (max-width: 620px) {
	.mainOptions {
		grid-template-columns: repeat(2, 1fr);
	}
	.mainOptions .Expiring {
		grid-column: span 2;
	}
}

.requiredfield{
	color:red;
}

/*modal εκτυπωσης*/
.modal-print .main-container{
	padding:0;
}
.modal-print{
	
}
.modal-print .print-logo, .modal-print .company-item{
	width:50%; float:left;
}
.modal-print .print-logo{}

.modal-print .company-item > div{
	float:right;
	text-align:right;
}
.modal-print .print-header {
    border-bottom: 1px solid gray;
    display: flex;
    padding: 0 0 5px 0;
    margin: 0 0 10px 0;
}
.modal-print .basic_items_title{
	padding: 5px 15px;
    color: #fff;
    text-align: center;
    background: black;
    margin: 0 15px 15px 15px;
    font-weight: bold;
}
.modal-print .basic_items{
    margin: -15px 15px 0 15px;
}
.modal-print .blue_title{
	padding: 5px 15px;
    color: #fff;
    text-align: center;
    background: black;
    margin: 0 15px 15px 15px;
    font-weight: bold;
}
.modal-print .zones-table .blue_title,
.modal-print .phones-table .blue_title,
.modal-print .works-table .blue_title{
	margin: 0 0 0 0;
}
.modal-print .zon-phon-work .works-table{
	width:50%;
}
.modal-print .zon-phon-work{width:auto!important;}
.modal-print .security-parts {
    margin: 0 0 15px 0;
}
.modal-print .security-parts > div{
    margin: 0 0 15px 0;
}
.modal-print .zon-phon-work .col-md-3 .row.zones,
.modal-print .zon-phon-work .col-md-3 .row.phones,
.modal-print .zon-phon-work .col-md-3 .row.tasks{
	margin: 0 0 0 0;
}
.modal-print .print-header .print-logo > img{
	margin: 0 0 0 0;
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.5));
}
.closeSidebar {
    position: absolute;
    top: 0;
    right: 0;
}
.topServiceLogo{
	max-height: 25px;
    margin-top: -5px;
    border-right: 2px solid gray;
    padding-right: 10px;
    margin-right: 10px;
}