/*HomePage tiles*/
p.tw-mb-0.tw-text-3xl.tw-font-bold {
    word-break: break-word;
}
/*Tablet Title*/
@media (max-width: 1024px){
    span.tw-text-xs.sm\:tw-text-xl.xl\:tw-text-2xl {
        max-width:300px;
    }
}

.tw-max-w-\[60px\] {
    max-width: 60px !important;
    width: 4vw;
}

/*Dashboard hide all time*/
.subtitle {
    display: none;
}

/*Authlinks*/

.auth-user-links {
    margin-left: -11px;
    font-size: 18px !important;
}

/*buttons hotfix*/
div.field-container .btn + .btn {
    margin-top: 0rem;
}

/*file upload hotfix*/

span.btn.btn-success.fileinput-button {
    position: relative !important;
    overflow: hidden !important;
}

.timeline{
	position: relative;
}

/*Line*/
.timeline>li::before {
    content: '';
    position: absolute;
    width: 1px;
    background-color: #12539361;
    top: 0;
    bottom: 0;
    left: -28px;
}

/*Circle*/
.timeline>li::after {
    text-align: center;
    padding-top: 0px;
    z-index: 10;
    content: counter(item);
    position: absolute;
    width: 30px;
    height: 30px;
    border: 3px solid white;
    background-color: #125393;
    border-radius: 50%;
    top: 0;
    left: -43px;
    color: white;
    font-size: 12px;
    margin-top: 30px;
}

/*Content*/
.timeline>li {
    counter-increment: item;
    padding: 0px;
    margin-left: 0px;
    min-height: 35px;
    position: relative;
    background-color: white;
    list-style: none;
    padding-top: 30px;
    margin: -10px 0;
}
.timeline>li:nth-last-child(1)::before{
	width: 0px;
}

li.timeline-item:first-child {
    padding: 0;
    margin: 30px 0 0 0;
}

li.timeline-item:first-child::after {
    margin: 0px;
}

button.btn.dropdown-toggle.btn-secondary {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.DnnModule .btn-secondary:hover, .btn-info:hover {
    background-color: #004b8e !important;
}

.DnnModule .tw-py-20 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

button.btn.dropdown-toggle.btn-outline-secondary:hover {
    color: white;
}

/*required*/

label.required:after {
    content: "*";
    color: red;
    font-size: 20px;
    font-weight: bold;
}

/*Loading Animation*/

.common-loading-container {
    min-height: 185px  !important;
    position: relative !important;
}

.common-loading-text {
    left: 44.5% !important;
}

.fileinput-button i.fas.fa-plus {
    display: none;
}

.form-root .fileupload-root .fileinput-button {
    background: #004b8e;
}

/*fix :disabled color*/
.form-control[type="text"]:disabled, .form-control[type="email"]:disabled, .form-control[type="url"]:disabled, .form-control[type="password"]:disabled, .form-control[type="number"]:disabled, .form-control[type="date"]:disabled, .form-control[type="datetime-local"]:disabled, .form-control[type="month"]:disabled, .form-control[type="search"]:disabled, .form-control[type="tel"]:disabled, .form-control[type="time"]:disabled, .form-control[type="week"]:disabled, textarea.form-control:disabled, select.form-select:disabled {
   
    background-color: #f0f2f1 !important;
   
}

/*fix margin on main cards in contentpain*/

div#dnn_ContentPane .form-root.card {
    margin-bottom: 30px;
}


/*Card grid container*/
.card.grid-container {
    padding: 15px;
}


/*Form title*/
.form-titlebar h2{
    font-size: 24px;
    color: #125393;
    margin-top: -20px;
    border-bottom: solid red 1px;
    border-color: #EEF0F0;
    padding-bottom: 8px;
}

/*h1*/

h1{
    color: #125393;
    font-weight: bold;
}

small.h1-support {
    color: #004990;
    top: -10px;
    position: relative;
    font-size: 21px;
    font-style: italic;
}

/*tabs*/
a.tabLink.nav-link.active {
    color: #ffffff;
    background: #125393;
    font-weight: bold;
}

a.tabLink.nav-link {
    color: #125393;
    font-weight: bold;
    border-color: #e9ecef #e9ecef #dee2e6;
    isolation: isolate;
}

.required label:after, legend.required:after {
    display: none;
}

.menu-icon{
    width: 100%;
    max-height: 280px;
    padding: 20px 0;
    background: #1253932e;
    filter: invert(23%) sepia(88%) saturate(1069%) hue-rotate(185deg) brightness(96%) contrast(95%);
    border-radius: 30px 30px 0 0;
}

.btn-group-sm>.btn, .btn-sm {
    padding: .25rem .5rem !important;
    font-size: .875rem!important;
    border-radius: .2rem !important;
}

.nav-item.disabled a {
    color: gray;
    background: lightgray;
}

body .md\:tw-flex-row, body .lg\:tw-flex-row {
    justify-content: center !important;
}

@media (max-width: 860px) {
  .logos {
      display: none;
  }
}
/*Aicixx*/
@media (max-width: 576px) {
    .col-sm-12 {
        flex: 0 0 auto !important;
        width: 100% !important;
    }
}