/*
This is custom stylesheet. define all the custom css here only
*/
/* 
    Created on : 21 Aug, 2021, 10:57:47 AM
    Author     : spsoni
*/
.button-column {
    width: 150px !important;
}

select,
input[type="text"],
input[type="password"],
input[type="email"] {
    width: 300px !important;
}

.form-label {
    line-height: calc(1.5em + 0.75rem + 2px);
}

.grid-header-actions a {
    background-color: #78B1D2;
    padding: 5px;
    border: 1px solid gray;
    text-decoration: none;
    color: white;
    margin-left: 10px;
}

.grid-header-actions a:hover {
    text-decoration: none;
}

.grid-header-actions .action-buttons {
    text-align: right;
}

.module-name {
    color: red;
}

input[type="submit"] {
    background-color: #78B1D2;
    padding: 5px;
    border: 1px solid gray;
    text-decoration: none;
    color: white;
    margin-left: 10px;
}


/* Gridview */
.page-size-dropdown {
    width: 100px !important;
}

.grid-view table.items th:first-child {
    width: 50px !important;
}

.grid-view table.items th:last-child {
    min-width: 100px !important;
}

.grid-view .filters input,
.grid-view .filters select {
    width: 100% !important;
    border: 1px solid #ccc;
}


/* Datepicker */
.ui-datepicker-title select {
    width: auto !important;
}

.hasDatepicker {
    padding-right: 20px;
    background: url('../images/calender_icon.png') no-repeat right;
    background-size: 15px;

}

/* Breadcrumbs */
div.breadcrumbs {
    margin-top: 10px !important;
}

/* Select2 */
.select2-container {
    min-width: 200px;
}

/*dashboard*/
.dashboard .card {
    margin-bottom: 30px;
}

.dashboard .card-header {
    font-weight: bolder;
}

.dashboard .card-item {
    padding: 10px;
    margin: 5px;
    border: 1px solid gray;
    text-decoration: none;
    display: inline;
}

/* Account Lookup */
.service-item {
    background-color: orange;
    padding: 10px;
}

.service-item span {    
    margin-right: 5px;
}