body {
    background-image: url('../img/Support_Portal_Login - v4.jpg');
    background-size:     cover;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: center top;   
}

.btn {
    font-weight: 700!important;
    border-radius: 20px!important;
}

.mui-textfield > input, .mui-textfield > textarea {
	font-size: 14px!important;
}

.custom-login-panel{
	margin-top: 120px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 10px 0px, rgba(0, 0, 0, 0.19) 0px 6px 10px 0px !important;
	border-radius: 0 !important;
}

.skin-blue .main-header .logo {
    background-color: #fff!important;
    color: #0a0a0a!important;
    border-bottom: 0 solid transparent!important;
}

.skin-blue .main-header .navbar {
    background-color: #fafafa!important;
}

.skin-blue .main-header .navbar .sidebar-toggle {
    color: #0a0a0a!important;
}

.skin-blue .main-header .navbar .nav > li > a:hover, .skin-blue .main-header .navbar .nav > li > a:active, .skin-blue .main-header .navbar .nav > li > a:focus, .skin-blue .main-header .navbar .nav .open > a, .skin-blue .main-header .navbar .nav .open > a:hover, .skin-blue .main-header .navbar .nav .open > a:focus, .skin-blue .main-header .navbar .nav > .active > a {
    background: rgba(0,0,0,0.1);
    color: #0a0a0a !important;
}

.skin-blue .main-header .navbar .nav > li > a {
    color: #0a0a0a!important;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: #367fa9;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
    color: #333333;
    background: rgba(0,0,0,0.1);
        background-color: rgba(0, 0, 0, 0.1);
}


.tikcet-show-body .row .col-md-6 div label, .tikcet-show-body .row .col-md-12 div label {
    font-size: 13px!important;
    color: #000!important;
    margin-bottom: 0px!important;
    font-weight: 900 !important;
}

.tikcet-show-body .row .col-md-6 div span, .tikcet-show-body .row .col-md-12 div span {
    font-size: 15px!important;
    color: #000!important;
}

.tikcet-show-body .row {
    margin-bottom: 15px!important;
}

.form-control {
    border-radius: 10px!important;
}

.icon-green {
    color: #70ad47!important;
    margin-top: 15px!important;
    float: right!important;
}

.icon-yellow {
    color: #ffc000!important;
    margin-top: 15px!important;
    float: right!important;   
}

.active-timeline-div {
    color: #000 !important;
}

.inactive-timeline-div {
    color: #aaa !important;
}

.timelines-div .row {
    margin-bottom: 15px;
}

.edit-case-textarea { resize: horizontal; max-width: 400px; min-width: 200px; }

/*for datatables*/
.table > thead > tr > th {
    border-bottom: 2px solid #d9d9d9!important;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 1px solid #d9d9d9!important;
}
/*for datatables end*/

/*for page body wrapper background*/
.content-wrapper {
    background-color: #d6dce5!important;
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #fff!important;
    border-color: #d9d9d9!important;
}

#recent-ticket-table tbody tr td .label, #tickets-table tbody tr td .label{
    min-width: 200px !important;
    display: inline-block !important;
    min-height: 30px !important;
    padding-top: 9px;
    border-radius: 25px;
    font-size: 12px!important;
}

#recent-ticket-table.dataTable.no-footer {
    border-bottom: 0px solid #111;
}

#recent-ticket-table {
    margin-bottom: 0px!important;
}

/*for tooltip blinking*/
svg > g > g:last-child { pointer-events: none }