input.disabled {
    border: none;
    background: transparent;
}

button.hidden {
    visibility: hidden;
}

.speech-bubble {
	position: relative;
	background: #a1a1a1;
	border-radius: 40px;
        padding: 10px 25px;
        color: #fff;
}

.speech-bubble:after {
	content: '';
	position: absolute;
	right: 2px;
	top: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-left-color: #a1a1a1;
	border-right: 0;
	border-bottom: 0;
	margin-top: -10px;
	margin-right: -20px;
}

.speech-bubble-revert {
	position: relative;
	background: #ddd;
	border-radius: 40px;
        padding: 10px 25px;
        color: #000;
}

.speech-bubble-revert:after {
	content: '';
	position: absolute;
	left: 2px;
	top: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-right-color: #ddd;
	border-left: 0;
	border-bottom: 0;
	margin-top: -10px;
	margin-left: -20px;
}

a.clickable, a.clickable:hover {
    color: #333;
    text-decoration: none;
}

.alert-heading {
    display: none;
}

#system-message-container {
     width: 100%;   
}

#system-message-container .alert {
    border: none;
    border-radius: 0;
    margin-bottom: 10px;
    background: grey;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
}

#system-message-container .alert.alert-success {
    background: green;
}

#system-message-container .close {
    color: #fff !important;
    text-shadow: none !important;
    opacity: 1 !important;
    cursor: pointer !important;
}

h4 a {
    color: #333 !important;
}

table.table td {
    white-space: collapse !important;
}


@media screen and (max-width: 991px) {
    .navbar.default-layout .navbar-brand-wrapper {
        width: 140px !important;
    }
    
    .navbar.default-layout .navbar-menu-wrapper {
        width: calc(100% - 140px) !important;
      }
}

@media screen and (max-width: 768px) {
    table.table td {
        height: fit-content !important;
    }
    td.buttons {
        display: inline-block !important;
        height: fit-content !important;
        padding-bottom: 10px !important;
        text-align: center !important;
        width: 100% !important;
    }
}


i.has_flag.flag {
    color: #ff6258;
    cursor: pointer;
}

i.has_flag.no_flag {
    opacity: 0.05;
    cursor: pointer;
}