main > .container {
    padding:10px 15px 20px;
}

@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 98%;
    }
}
.footer {
    background-color: #f5f5f5;
    font-size: .9em;
    height: 60px;
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    content: '';
    left: 3px;
    display: inline-block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    margin: 4px 4px 2px 4px;
    background: transparent;
}

a.asc:after {
    border-bottom: solid 7px #212529;
    border-top-width: 0;
}

a.desc:after {
    border-top: solid 7px #212529;
    border-bottom-width: 0;
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding-top: 7px;
    color: rgba(255, 255, 255, 0.5);
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 0;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.75);
}

.nav > li > form > button.logout:focus {
    outline: none;
}
.container .container-fluid{padding-left:0;padding-right:0}

select[readonly].select2-hidden-accessible + .select2-container {
  pointer-events: none;
  touch-action: none;

  .select2-selection {
    background: #eee;
    box-shadow: none;
  }

  .select2-selection__arrow,
  .select2-selection__clear {
    display: none;
}
}
.interviewer-info{color:#07078c;font-weight:700;font-size:80%}
.interviewer-info b{color:#bb2d3b}
.grid-view .select2-container--krajee-bs5 .select2-selection--multiple .select2-search--inline .select2-search__field{margin:0.5rem 0.5rem 0 0.5rem}
.dp-none{display:none}
.text-right{text-align:end}

/* Menu alignment */
.layout-horizontal .main-navbar ul {
    gap: 1.7rem;
}

.layout-horizontal .main-navbar ul .menu-link {
    font-size: 15px;
}

header .main-navbar .container {max-width: 100%; width: 100%;}
.layout-horizontal .main-navbar ul .menu-link span {vertical-align: middle; margin-right: 5px;}

.layout-horizontal .main-navbar ul > .menu-item:last-child .subsubmenu{
    right: 100% !important; left: inherit !important;
}
.layout-horizontal .main-navbar .submenu .submenu-group,.layout-horizontal .main-navbar .subsubmenu{padding:0}
.layout-horizontal .main-navbar .submenu .submenu-group .submenu-item a{padding:.35rem 2rem .35rem .6rem}
.layout-horizontal .main-navbar .subsubmenu{max-height:70vh;overflow-y:auto;scrollbar-width:thin}
/* Let's get this party started */
::-webkit-scrollbar {
    width:4px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
/* ::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}​ */

/* End */
form .select2-container .select2-selection--multiple .select2-selection__rendered{padding-top:6px}
.select2-container--krajee-bs5 .select2-selection--multiple .select2-search--inline{vertical-align:top}
.select2-container--krajee-bs5 .select2-selection--multiple .select2-search--inline .select2-search__field{margin-top:0;margin-bottom:0}