ng-tracker/src/main/resources/public/css/conference.css

body {
    min-width: 400px;
}

.conference-row .d-flex:hover {
    background-color: #f1f1f1;
    border-radius: .25rem;
}

.conference-row .d-flex:hover .icon-delete {
    visibility: visible;
}

.filter-option-inner-inner {
    color: white;
}

.filter .dropdown {
    margin-bottom: 10px;
}

.conference-row .d-flex .text-decoration {
    text-decoration: none;
    margin: 0;
}

.conference-row .d-flex .text-decoration:nth-child(1) {
    margin-left: 5px;
}

.conference-row .d-flex .icon-delete {
    width: 29px;
    height: 29px;
    margin: auto;
    border: none;
    visibility: hidden;
    background-color: transparent;
}



.conference-row .d-flex {
    margin: 0 15px;
}


.form-group textarea {
    min-height: 206px;
    max-height: 463px;
}

.deadline-list {
    height: 200px;
    padding: 0px;
    overflow-y: scroll;
}

.deadline {
    margin: 0;
    height: 40px;
    min-height: 40px;
}

.deadline-text {
    flex: 1;
}

.member-list {
    height: 200px;
    padding: 0px;
    overflow-y: scroll;
}

.member {
    margin: 0;
    height: 40px;
    max-height: 40px;
}
.member select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    outline: none;
    padding: 0.5rem 1.75em 0.5rem 0.5em;
    display: inline-block;
    background: transparent url("https://cdn3.iconfinder.com/data/icons/faticons/32/arrow-down-01-16.png") no-repeat right 7px center;
    cursor: pointer;
}

.member select:nth-child(4) {
    border-right: 1px solid #ced4da;
}

.member select:hover {
    background-color: #f1f1f1;
}


.member-name {
    padding: .75rem 1.25rem;
    cursor: default;
    outline: none;
    border: none;
    border-right: 1px solid #ced4da;
}

#ping-button[disabled=disabled] {
    background-color: #ced4da;
    border-color: #c2c5c7;
}

#ping-button[disabled=disabled]:hover {
    background-color: #737475 !important;
    border-color: #5d5e5f !important;
}

#take-part[disabled=disabled] {
    background-color: #ced4da;
    border-color: #c2c5c7;
}

#take-part[disabled=disabled]:hover {
    background-color: #737475 !important;
    border-color: #5d5e5f !important;
}


.paper-list {
    height: 200px;
    padding: 0px;
    overflow-y: scroll;
}

.paper {
    margin: 0;
    min-height: 40px;
    height: 40px;
}

.paper-name {
    flex: 1;
}

.paper-name:hover {
    background-color: #f1f1f1;
}

.paper-name span {
    margin: 7px 10px;
    display: inline-block;
}

.paper-name span:nth-child(1) {
    margin: 3px 0px 3px 10px;
    float: left;
}



.icon {
    width: 38px;
    height: 38px;
    padding: 2px;
    cursor: pointer;
}

.icon-delete {
    background-color: #ff7272;
    background-image: url(/img/conference/delete.png);
    background-repeat: round;
    color: transparent !important;
}

.icon-delete:hover {
    background-color: #ff0000 !important;
    transition: background-color .15s ease-in-out;
}

.icon-paper {
    height: 26px;
    width: 26px;
    float: right;
    margin: 5px;
}

.grey-border {
    color: #495057;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#cancel-button {
    position: relative;
    font-size: 1rem;
}

.paper-control button {
    margin: 0 0 10px 10px;
    float: right;
}

.note-1 {
    background-color: #bfffce;
}

.note-2 {
    background-color: #eaffb4;
}

.note-3 {
    background-color: #fff69f;
}

.note-4 {
    background-color: #ff9973;
}

@media (max-width: 1199px) and (min-width: 768px){
    .paper-control {
        display: block!important;
    }
}

@media (max-width: 991px) {

    .dates-panel {
        display: block!important;
    }

    .date {
        margin-bottom: 10px;
    }
}

@media (max-width: 768px) {
    .dashboard-elements {
        display: block!important;
    }

    .dashboard-right {
        margin-bottom: 10px;
    }
}