/* Heading Styling */

h1 {
    color: orange
}

h2 {
    color: orange;
}

h3 {
    color: skyblue;
}

a {
    color: skyblue;
}

a:hover {
        color: orange
}

/* Breadcrumb Styling */
ul.breadcrumb {
    color: white;
}

ul.breadcrumb li {
    color: white !important;
}

ul.breadcrumb a {
    color: white;
    font-weight: 700;
}

ul.breadcrumb a:hover {
    color: black;
    font-weight: 700;
}

.breadcrumb>li+li:before {
    content: "> ";
    padding: 0 5px;
    color: white !important;
}

.breadcrumb > .active::before {
    color: white !important
}

/* Search Styling */ 
.panel-body span {
    color: white !important;
}

.panel-body {
    color: white !important;
}

/* Case Syling */ 

div#EntityFormPanel {
    background-color: black; 
    border: 1px solid skyblue;
    border-radius: 10px; 
}



.crmEntityFormView .tab-title {
    visibility: hidden
}


.tab-column label {
    color: white;
}

div#EntityFormControl_259a5bf03efbef11bae27c1e5202ef6c_EntityFormView {
    margin-top: -70px;
}

input#ticketnumber {
    background: none !important;
    border: 1px solid skyblue;
    border-radius: 10px;
    color: white;
    padding-left: 5px;
}



input#modifiedon_datepicker_description {
        background: none !important;
    border: 1px solid skyblue;
    border-radius: 10px;
    color: white;
    padding-left: 5px;
}

input#createdon_datepicker_description {
    background: none !important;
    border: 1px solid skyblue;
    border-radius: 10px;
    color: white;
    padding-left: 5px;
}

select#subjectid {
    border: 1px solid skyblue;
    border-radius: 10px;
}

.form-action-container-left {
    padding: 10px;
}

input#customerid_name {
    background: none !important;
    border: 1px solid skyblue;
    border-radius: 10px;
    color: white;
    padding-left: 5px;
}

input#primarycontactid_name {
    background: none !important;
    border: 1px solid skyblue;
    border-radius: 10px;
    color: white;
    padding-left: 5px;
}

div#MessagePanel {
    background-color: black !important;
    border: 1px solid red;
    border-radius: 10px;
}

span#MessageLabel {
    color: orange !important
}

span.fa.fa-exclamation-triangle {
    color: red !important
}

.alert-info {
    background-color: black;
    border: 1px solid skyblue;
    border-radius: 10px;
    color: #000;
}

input#btnCloseMessage {
        background-color: red;
    color: white;
}

select#casetypecode {
border: 1px solid skyblue;
border-radius: 10px
}

select#prioritycode {
border: 1px solid skyblue;
border-radius: 10px
}


textarea#description {
border: 1px solid skyblue;
border-radius: 10px
}

.text-muted {
color: white;
padding-left: 10px
}

.crmEntityFormView .actions {
    border-top: 0px solid #e5e5e5;
    margin: 20px 18px;
    margin-top: -70px !important;
    padding: 19px 0 0 0;
}

input#InsertButton {
    background: linear-gradient(135deg, #309dd8, #7c55a3, #f37021);
    color: white;
    border: none;
    padding: px px;
    font-size: 16px;
    border-radius: 5px;
    text-transform: uppercase;
    transition: 0.3s ease-in-out;
    margin: 12px;
}

/* */

.navbar-static-top.navbar .navbar-collapse a {
    color: orange !important;
   }


.view-grid.table-responsive a {
    color: #f37021
}

.view-grid.table-responsive  {
    color: white;
}

button.btn.btn-default.btn-xs.aria-exp {
    background-color: black;
    color: skyblue;
    border: 1px solid skyblue
}

ul.dropdown-menu {
    background-color: black !important;
    color: skyblue;
    border: 1px solid skyblue
}

.entity-timeline div:nth-of-type(even).note
 {
    background-color: black !Important;
}

a.details-link {
    color: skyblue !important;
}

.notes p {
    color: white;
}

.note {
    color: white;
}

h5 {
    color: white;
}

a.selected-view.dropdown-toggle {
    background-color: black
}

.nav > .open > a:focus {
    background-color: black !important;
}

.nav > li > a:hover {
    background-color: black !important;
}

.dropdown-menu a {
    color: skyblue !important
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    background-color: black !important;
    border-color: skyblue !important;
}


.btn-toolbar {
    visibility: hidden;
}



.panel-body {
    background-color: black !important;
    border: 1px solid skyblue;
    border-radius: 10px
}

.panel {
    margin-bottom: 21px;
    background-color: black;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.knowledge-article-keywords span {
    color: white
}

.panel-heading {
    visibility: hidden
}

button.btn.btn-default.search-clear {
    background-color: skyblue;
    color: white;
    border: 1px solid skyblue;
    border-radius: 10px;
    margin-right: 5px
}


.entitylist {
    background-color: black;
    border: 1px solid skyblue;
    border-radius: 10px;
}



a.btn.btn-primary.pull-right.action.create-action {
    background: linear-gradient(135deg, #309dd8, #7c55a3, #f37021);
    color: white; /* Ensures text visibility */
    border: none; /* Removes default border */
    padding: px px; /* Adjust padding */
    font-size: 16px; /* Adjust font size */
    border-radius: 5px; /* Optional: Rounds corners */
    text-transform: uppercase; /* Optional: Styles text */
    transition: 0.3s ease-in-out; /* Smooth hover effect */
    margin: 12px;
}


input.query.form-control {
    border-radius: 10px !important;
    border: 1px solid skyblue !important;
    margin-top: 10px;
    padding: 10px 20px
}

button.btn.btn-default.btn-hg {
    visibility:hidden
}


button.btn.btn-deffault.search-apply {
    background-color: skyblue;
    color: white;
    border: 1px solid skyblue;
    border-radius: 10px;
    margin-left: 5px
}



input.form-control.subject.case-deflection {
    border-radius: 10px !important;
    border: 1px solid skyblue !important 
}


.bg-transparent-fixed{
    background-color: rgba(0, 0, 0, 0.7);
    margin-bottom: 20px;
}


li.list-group-item {
    background-color: black;
    border: 1px solid skyblue;
    font-weight: 500;
    margin-bottom: 10px;
}

.title {
    color: white
}

.title:hover {
    color: skyblue
}

.page-header {
    background-color: black;
    border: 1px solid;
    border-radius: 10px;
}

.page-header h1 {
    color: orange;
    padding:20px;
    text-align: center
}

div#mainContent {
    background-color: black;
    border-radius: 10px;
    padding: 40px;
    margin-left: 0px;
    margin-right: 0px;
}

div#mainContent p {
    color: white;
    }

a.list-group-item {
    background-color: black;
    border: 1px solid skyblue;
    margin-top: 10px;
    color: white;
    font-weight: 500
}


.copyrightname {
    color: #f37021 !important;
}


.card-wrapper {
    background-color: none;
backdrop-filter: blur(10px); /* Glassmorphism effect */
border: 0px solid;
border-radius: 20px;
margin-top: 40px;
margin-bottom: 116px;
}

.custom-card {
background-color: black;
border-radius: 15px;
padding: 100px;
margin: 30px 10px;
text-align: center;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; /* Smooth transition */
}

.custom-card:hover {
transform: scale(1.05); /* Slight enlargement */
box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.2); /* Enhance shadow for effect */
}


.custom-card h3 {
font-size: 40px;
font-weight: bold;
color: orange;
padding-bottom: 20px
}

.custom-card p {
font-size: 28px;
color: skyblue;
}

.custom-card .btn {
margin-top: 10px;
border: 1px solid;
border-radius: 10px;
width: 250px
}


.custom-card .btn {
background: linear-gradient(135deg, #309dd8, #7c55a3, #f37021);
color: white; /* Ensures text visibility */
border: none; /* Removes default border */
padding: 10px 20px; /* Adjust padding */
font-size: 16px; /* Adjust font size */
border-radius: 5px; /* Optional: Rounds corners */
text-transform: uppercase; /* Optional: Styles text */
transition: 0.3s ease-in-out; /* Smooth hover effect */
}

.custom-card .btn:hover {
  background: linear-gradient(135deg, #f37021, #7c55a3, #309dd8); /* Reverse gradient on hover */
transform: scale(1.05); /* Slight zoom effect */
}



/* Background */

body {
    background: linear-gradient(135deg, #309dd8, #7c55a3, #f37021);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh; /* Ensures full height coverage */
}



.navbar.navbar-inverse.navbar-static-top {
    background-color: black
}

.navbar-static-top.navbar .menu-bar > .navbar-nav > .divider-vertical {
    display: none
}



nav.navbar-right.menu-bar.xrm-entity.xrm-editable-adx_weblinkset {
    color: orange;
    padding-top: 10px
}

a.dropdown-toggle {
     color: orange;
    padding-top: 10px
}

span.username {
    color: lightblue
}



#content_form {
    margin-bottom: 5px;
}

.open>.dropdown-menu{
    background-color: var(--portalThemeColor4, #ffffff);
}
.open>.dropdown-menu>li>a{
    color: var(--portalThemeOnColor9, #1276CE);
}


.open .dropdown-menu > li > a:hover,.dropdown-menu > .active > a:hover{
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, #1276CE);
    text-decoration: Underline;

}
.dropdown-menu>.active>a{
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, #1276CE);
    text-decoration: Underline;

}
.open .dropdown-menu>.active>a:focus{
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, #1276CE);
    text-decoration: Underline;

}

footer .footer-bottom {
    background-color: black;
    visibility: hidden;
}