.sidebar-form {
    border: none !important;
}

.sidebar{
    overflow-y: auto !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* Misc */

.btn-float-right-row .btn {
    margin-left: 6px;
    float: right;
}

.btn-link.danger:hover{
    color: #C03321;
    text-decoration: underline;
    background-color: transparent;    
}

.btn-link.danger {
    color: #C03321;
    background-color: transparent;
    text-decoration: none;
}

.environment-label {
    padding-left: 100px;
    color: white;
    text-decoration: underline;
    font-size: 30px;
    font-weight: bold;
}

.subrow-table {
    font-size: x-small;
}

/* login page */

.login-page {
    background: url(/images/boxed-bg.jpg) !important;
}

/* Alert */

.alert {
    margin: 15px;
}

.alert-default {
    background-color: #ecf0f5;
}

/* box */

.box-overview li a {
    padding: 5px 15px;
}

.start-overview {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.overview-col {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}

/* Search */

.result-size .badge {
    display: block;
}

.list-group-item.active .badge {
    background-color: #fff;
    color: #337ab7;
}

.search-section-extended {
    background-color: #eee;
    padding: 15px;
    border: thin solid #d2d6de;
    border-top: 0;
}

/* clickable table */

tr.clickable-tr:hover {
    color: darkorange;
    cursor: pointer;
}
.clickable-tr tbody tr {
    cursor: pointer;
}

/* main header*/

.navbar.navbar-static-top {
    min-height: 50px;
}

/* main footer */
footer.main-footer {
    color: lightgray;
    background-color: #79867d;
}

div.tooltip > .tooltip-inner {
    background-color: #264348;
}

div.box.half-box {
    width: 48%;
    margin-top: 1%;
}

[draggable] {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    /*user-select: none;*/
    /* Required to make elements draggable in old WebKit */
    -khtml-user-drag: element;
    -webkit-user-drag: element;
    cursor: move;
}

.column.over {
    border: 2px dashed #000;
}



li.choice-li.active {
    background-color: #F0F4C3;
    color: black;
}

span.field-validation-valid {
    display: none;
}

span.field-validation-error {
    color: red;
}

.validation-summary-errors ul {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0;
    color: red;
}

#mailOverview .btn-grid-actions, #mailOverview .btn-grid-exports,
#mailInquiry .btn-grid-actions, #mailInquiry .btn-grid-exports {
    display: none;
}

.treeview-menu li a {
    white-space: normal;
}

th span.table-header-search-column-text {
    padding-left: 8px;
}
tr td span.extended-info {
    font-size: x-small;
    display: table;
}


.top-actions{
    margin-top: 5px;
}
.top-actions > .btn{
    margin-left:10px;
}

/*
    Particpiant overview:
*/

.search-submit-container{
    margin-top:25px;
    margin-bottom:25px;
}
.search-submit-container .btn {
    min-width: 120px;
    border-radius:0px;
}

#reset-search{
    margin-right:30px;
}

#search-result-list-participant #search-result-table_filter {
    display: none;
}

#search-result-list-participant td {
    padding: 5px;
    
}

#search-result-list-participant table .btn {
    padding: 2px 4px;
}

.dialog-container {
    position: relative;
    width: 20px;
}

.dialog-container .btn{
    width:25px;
}

.dialog-container .btn-wide {
    width: 100px;
}

.show-hidden.btn.btn-primary.open{
    background-color:black;
    border-color:black;
}

.sorting, .sorting_desc, .sorting_asc{
    padding-left:20px !important;
}


.info-dialog {
    display: none;
    position: absolute;
    background-color: whitesmoke;
    color:black;
    min-width: 300px;
    min-height: 100px;
    width: 300px;
    z-index: 4;
    margin-top: -10px;
    padding: 6px;
    border-radius: 5px;
    border: 2px solid black;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.info-dialog1 {
    display: none;
    position: absolute;
    background-color: whitesmoke;
    color: black;
    min-width: 300px;
    min-height: 100px;
    width: 450px;
    z-index: 4;
    margin-top: -10px;
    padding: 6px;
    border-radius: 5px;
    border: 2px solid black;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.info-dialog2{
    display: none;
    position: absolute;
    background-color: whitesmoke;
    color: black;
    min-width: 300px;
    min-height: 100px;
    width: 700px;
    z-index: 4;
    margin-top: -10px;
    padding: 6px;
    border-radius: 5px;
    border: 2px solid black;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.showMailMessage{
    margin-right:10px !important;
}

.notes {
    right: 20px;
    top: 10px;
}
.disabilities {
    right: 20px;
    top:10px;
}
.more-disabilities{
    display:none;
}

.more-column-filter{
    display: none;
}

.show-more-filter:hover{
    cursor:pointer;
}
.more-column-filter-staff{
    display: none;
}

.filter-header {
    border-style: solid;
    border-width: 0.5px;
    border-color: #31749B;
    font-size: 14px;
    padding:7px 10px;
}   
    .filter-header a {
        font-size: 14px;
        color: #31749B !important;
    }

#filter-arrow {
    color: #31749B !important;
        
    font-size: 20px;
    transform: rotate(0deg);
}
    #filter-arrow.open {
        transform: rotate(-90deg);
    }

.filter-arrow {
    color: #31749B !important;

    font-size: 20px;
    transform: rotate(0deg);
}
.filter-arrow.open {
    transform: rotate(-90deg);
}
    
.filter-box {
    margin-top: -1px;
    border-style: solid;
    border-width: 0.5px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.filter-box label{
    cursor: pointer;
}
.filter-box h4 {
    font-size:14px;
}

.footer-modal{
    margin-top: 20px;
}

.group-actions{
    margin-top: 20px;
}
.group-actions a{
    margin-right: 20px;
}

/* Staff/Overview */
#search-result-list-staff td {
    padding: 5px;
}

#search-result-list-staff #search-result-table_filter {
    display: none;
}

#search-result-list-staff table .btn {
    padding: 2px 4px;
}

#search-result-list-staff .info-dialog{
    width:300px;
    min-width:300px;
}

.tempnotes{
    right: 20px;
    top:10px;
}
/* Staff/Details */

#staff-message-list_wrapper .paging_simple_numbers{
    display: none;
}
#staff-message-list_wrapper .dataTables_info{
    display: none;
}
#staff-message-list_wrapper .dataTables_filter{
    display: none;
}
#staff-message-list_wrapper .dataTables_length{
    display: none;
}

.browser-search a{
    margin-right: 20px;
}

/*Participant/Details*/
.participant-header h1 {
    float: left;
}
.participant-header .place-button {
    margin-top: 25px;
    margin-left: 300px;
}

.participant-info{
    margin-top:20px;
}

.details-wrapper{
    margin-left:25px;
    padding-bottom:30px;
    max-width: 1400px;
}

.details-wrapper-anpassad {
    margin-left: 5px;
    max-width: 100%;
    padding-bottom: 10px;
}
.details-wrapper span{
    margin-left:3px;
}
.details-wrapper .btn  {
    border-radius: 0px;
    width: 140px;
    background-image:none;
}

.details-wrapper .btn-danger {
    background-color: #fff !important;
    color: #c03321;
    border-color: #c03321;
    background-image:none;
    text-shadow:none;
}
.details-wrapper .btn-link{
    width:auto;
}
.participant-info-action{
    margin-top:10px;
}
.exam-information{
    margin-top:10px;
}
.exam-placement{
    margin-top:10px;
}
.participant-notes{
    margin-top:15px;
}
.exam-placement-action{
    margin-top:8px;
}
.disabilities-wrapper {
    margin-top: 10px;
}

.add-disability{
    margin-top:8px;
}

/*Participant/Edit*/
.edit-actions{
    margin-top:20px;
    padding-bottom:50px;
}
.status-exam{
    margin-top:20px;
}
.edit-email {
    margin-top:10px;
}
/*edit group*/
/*examsite details*/
.examsite-info-action{
    margin-top:20px;
    margin-bottom:20px;
}
.examsite-information{
    line-height:1.6;
}
.examsite-information div {
    margin-bottom: 10px;
}

.edit-group-footer{
    margin-top:100px;
}
.area-code-wrapper{
    margin-top:100px;
}
.change-actions > button{
    margin-top:22px;
}


/*room details*/

.room-info-action {
    margin-top: 20px;
    margin-bottom: 20px;
}
.max{
    max-width: 1500px;
}

.external-content{
    margin-top: 20px;
    padding-bottom: 60px;
}

.main-footer.external{
    position: fixed;
    width: 100%;
    bottom: 0;
    margin-left: 0 !important;
}


.external-alert > .alert{
    margin:15px 0 !important;
}

#interval-btn{
    padding: 0;
}

.group-section{
    margin-top:15px;
}
.interval-section{
    margin-top: 22px;
}

.group-wrapper{
    max-width: 1500px;
}

.edit-interval{
    margin-top: 30px;
}

.mapping-row{
    margin-bottom: 12px;
}

.limited-width{
    max-width: 1400px;
}

/*Placeringsvyn deltagare*/

.placement-buttons{
    margin-top: 26px;
}
.placement-buttons > div{
    margin-bottom: 16px;
}
.placement-buttons > div > button{
    min-width: 180px;
}

.place-icon{
    font-size: 16px;
}
.place-icon.to-right{
    margin-left: 10px;
}
.place-icon.to-left{
    margin-right: 10px;
}

.search-box button{
    width: 45%;
   
}
.search-box a{
    width: 45%;

}
.search-container-placement{
    max-width: 800px;
}
.result-container-placement {
    max-width: 1200px;
}
.action-container {
    margin-top: 25px;
    margin-bottom: 25px;
}
.action-container button {
    width: 100%;
}

.btn.placement{
    width:35px;
}

.location-container{
    max-width: 700px;
}
.location-action button{
    width: 45%;
}
.location-action a{
    width: 45%;
}
.location-action{
    margin-top: 20px;
}

/*staff placment*/
#staff-participation-list-table .btn{
    padding: 2px 4px;
}

.header-container{
    max-width: 800px;
}

.small-label label{
    font-size: small;
}

.visible-columns-room{
    margin-top: 20px;
}
.visible-columns-examsite{
    margin-top: 20px;
}

/*certificitate*/
#search-result-list-cert {
    display: none;
}

.margin-top{
    margin-top: 20px;
}

.inviation-message-link{
    margin-right: 10px;
}

.sticky-alert{
    position: sticky;
    position: -webkit-sticky;
    z-index: 10;
    top: 60px;
}

#provtillfalle-select{
    display: inline !important;
    width: 200px;
}

#provtillfalle-form{
    display: inline !important;
}

.provtillfalle-options label{
    color: white;
    font-size: 18px;
}

.btn-danger {
    background-color: #fff !important;
    color: #c03321;
    border-color: #c03321;
    background-image:none;
    text-shadow:none;
}

.btn-default {
    background-color: #fff;
    color: #31749B;
    border-color: #31749B;
    background-image: none;
}

.btn-primary {
    background-color: #31749B;
    border-color: #367fa9;
    background-image:none;
}

.alert-success {
    background-image:none;
    text-shadow:none;
}

.alert-danger {
    background-image: none;
    text-shadow: none;
}

.alert-warning {
    background-image: none;
    text-shadow: none;
}

.alert-info {
    background-image: none;
    text-shadow: none;
}

.edibase-toolbar {
    background-color: #ecf0f5;
    padding: 2px;
    text-align: right;
    margin-bottom: 10px;
}

    .edibase-toolbar a:hover {
        text-decoration: none;
    }

.provstalle-info {
    max-height: 200px;
    padding: 10px;
    overflow-y: auto;
    background-color: #f4f4f4;
}

.provstalle-info p {
    margin:0px;
}

.box-fixedHeight {
    height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}

.btnOKwidth {
    width: 70px;
}

.formControlMarginTop {
    margin-top:10px;
}