.case-button {
    position: fixed;
    z-index: 1000;
    opacity: 0.7;
    font-size: 20px;
    right: 160px;
    height: 60px;
    color: white;
    background: linear-gradient(60deg,#757575,#8e8e8e);
    padding: 10px 20px;
    bottom: -15px;
    text-decoration: none;
    box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.18), 0 -3px 7px -5px rgba(70, 70, 70, 0.47);
    transition: all 300ms cubic-bezier(0.550, 0.085, 0.680, 0.530);
}

.case-button:hover {
    color: #fff;
    background: linear-gradient(60deg,#53a999,#53a797);
 }

/* Case modal styles*/

#case_modal .modal-body {
    max-height: none;
}

#case_modal_dialog {
    width:650px;
    padding: 0;
}

#case_modal .modal_title {
    margin-bottom: 25px;
}

#case_modal label{
    font-weight: normal;
    font-size:14px;
}

#case_modal .form-control {
    width: 100%;
}

textarea.textarea-unresizable {
    resize: none;
}

#sku_modal .modal-dialog,
#order_modal .modal-dialog,
#shipment_modal .modal-dialog,
#reimbursement_modal .modal-dialog {
    width: 600px;
}

.no-border {
    border: 0;
}
.modal .modal-dialog.no-padding {
    padding: 0;
}

#case_modal .has-error .form-control {
    background: rgba(169, 68, 66, 0.05);
}
/* Buttons styles*/

#case_low_button,
#case_normal_button,
#case_high_button {
    background-color: #F9F9F9;
    border: none;
    color: #6D6D6D;
    padding: 6px 2px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 2px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
}

#case_low_button {
    width: 48px;
}

#case_low_button:hover {
    color: #5CAF67;
}

#case_low_button:active {
    color: #5CAF67;
}

#case_low_button.selected {
    color: #ffffff;
    background: #5CAF67;
    box-shadow:0px 1px 10px 0px #5CAF67;
}

#case_low_button:focus {
    color: #ffffff;
    background: #5CAF67;
    box-shadow:0px 1px 10px 0px #5CAF67;
}

#case_normal_button {
    width: 68px;
}
#case_normal_button:hover {
    color: #4A90E2;
}
#case_normal_button.selected {
    color: #ffffff;
    background-color: #4A90E2;
    box-shadow: 0px 1px 10px 0px #4A90E2;
}

#case_normal_button:active {
    color: #4A90E2;
}

#case_normal_button:focus {
    color: #ffffff;
    background: #4A90E2;
    box-shadow: 0px 1px 10px 0px #4A90E2;
}

#case_high_button {
    width: 48px;
}
#case_high_button:hover {
    color: #ED9090;
}

#case_high_button:active {
    color: #ED9090;
}

#case_high_button.selected {
    color: #ffffff;
    background: #ED9090;
    box-shadow: 0px 1px 10px 0px #ed9090;
}

#case_high_button:focus {
    color: #ffffff;
    background: #ED9090;
    box-shadow: 0px 1px 10px 0px #ed9090;
}

.case_info {
    margin-top: 5px;
    height: 23px;
    color: #bbb;
    line-height: 24px;
    font-size: 20px
}

#cancel_case {
    margin-right: 15px;
    border: none;
    background-color: #f0f0f0;
    width: 163px;
    box-shadow: 0 2px 2px -1px #a9a9a99e;
}

#cancel_case:hover {
    background-color:#eae7e7;
}

#save_case_save {
    width: 163px;
}

/* Dollar sign */

.wrapper_reimbursement_amount {
    position: relative;
}

.wrapper_reimbursement_amount::after {
    position: absolute;
    font-family: FontAwesome;
    content: "\f155";
    left: 10px;
    top: 2px;
    font-size: 20px;
    color: #ccc;
}
#reimbursement_amount,
#expected_reimbursement_amount {
    padding-left: 30px;
}

/* Blocks alignment*/

#reimbursement_amount_info,
#reimbursement_amount_div {
    padding-top: 10px;
}

#report_link_div,
#report_link_info {
    padding-top: 10px;
}

#text_request_div {
    text-align: right;
}

#text_request_div .btn {
    margin-top: 10px;
}

/* Select styles */

.select-style {
    position: relative;
    border-right: 1px solid #ccc;
    overflow: hidden;
    margin-bottom: 5px;
    width: auto;
}
.select-style::after {
    content: "\f078";
    font-family: FontAwesome;
    right:10px;
    position:absolute;
    top:7px;
    pointer-events: none;
}
#report_type_id_div .select-style select {
    padding: 5px 8px;
    width: 110%;
    border: 1px solid #ccc;
    box-shadow: none;
    background: #fff;
    background-image: none;
    -webkit-appearance: none;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.select-style select:focus {
    outline: none;
}
/* Sku(-s) input modal*/

#open_sku_modal:hover {
    background-color: #eae7e7;
}

#sku_modal .form-control {
    width: 100%;
}

#sku_modal_title {
    margin-bottom: 10px;
}

#sku_modal_input {
    margin-bottom: 10px;
}

#sku_tags {
    min-height:50px;
    height: auto;
}

.sku_tag {
    display: inline-block;
    background-color: #f0f0f0;
    padding: 5px 10px;
    margin-bottom: 5px;
    margin-right: 5px;
    width: auto;
    transition: all 0.1s linear;
    word-break: break-all;
}

.sku_tag:hover {
    background-color: #ccc;
    cursor:pointer;
}
.sku_tag .close_tag {
    font-weight: bold;
    display: inline-block;
    transform: scale(1.2);
    margin-left: 5px;
}
.sku_tag .close_tag:hover {
    color: white;
}
.sku_btn_group {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sku_btn_group button {
    padding: 10px;
}

#cancel_sku_modal {
    margin-right: 10px;
    border: none;
    color: #32b0ec;
    width: 150px;
}

#save_sku {
    width: 150px;
}

/* Order(-s) input modal*/

#open_order_modal,
#open_reimbursement_modal,
#open_shipment_modal,
#open_sku_modal {
    background-color: #f0f0f0;
    width: 100%;
}

#open_order_modal:hover {
    background-color: #eae7e7;
}

#order_modal .form-control {
    width: 100%;
}

#order_modal_title {
    margin-bottom: 10px;
}

#order_modal_input {
    margin-bottom: 10px;
}

#order_tags {
    min-height:50px;
    height: auto;
}

.order_tag {
    display: inline-block;
    background-color: #f0f0f0;
    padding: 5px 10px;
    margin-bottom: 5px;
    margin-right: 5px;
    width: auto;
    transition: all 0.1s linear;
    word-break: break-all;
}

.order_tag:hover {
    background-color: #ccc;
    cursor:pointer;
}
.order_tag .close_tag {
    font-weight: bold;
    display: inline-block;
    transform: scale(1.2);
    margin-left: 5px;
}
.order_tag .close_tag:hover {
    color: white;
}
.order_btn_group {
    display: flex;
    align-items: center;
    justify-content: center;
}

.order_btn_group button {
    padding: 10px;
}

#cancel_order_modal {
    margin-right: 10px;
    border: none;
    color: #32b0ec;
    width: 150px;
}

#save_order {
    width: 150px;
}
/* Reimbursement_id input modal*/

#open_reimbursement_modal:hover {
    background-color: #eae7e7;
}

#reimbursement_modal .form-control {
    width: 100%;
}

#reimbursement_modal_title {
    margin-bottom: 10px;
}

#reimbursement_modal_input {
    margin-bottom: 10px;
}

#reimbursement_tags {
    min-height:50px;
    height: auto;
}

.reimbursement_tag {
    display: inline-block;
    background-color: #f0f0f0;
    padding: 5px 10px;
    margin-bottom: 5px;
    margin-right: 5px;
    width: auto;
    transition: all 0.1s linear;
    word-break: break-all;
}

.reimbursement_tag:hover {
    background-color: #ccc;
    cursor:pointer;
}
.reimbursement_tag .close_tag {
    font-weight: bold;
    display: inline-block;
    transform: scale(1.2);
    margin-left: 5px;
}
.reimbursement_tag .close_tag:hover {
    color: white;
}
.reimbursement_btn_group {
    display: flex;
    align-items: center;
    justify-content: center;
}

.reimbursement_btn_group button {
    padding: 10px;
}

#cancel_reimbursement_modal {
    margin-right: 10px;
    border: none;
    color: #32b0ec;
    width: 150px;
}

#save_reimbursement {
    width: 150px;
}
/* Shipment_id input modal*/


#open_shipment_modal:hover {
    background-color: #eae7e7;
}

#shipment_modal .form-control {
    width: 100%;
}

#shipment_modal_title {
    margin-bottom: 10px;
}

#shipment_modal_input {
    margin-bottom: 10px;
}

#shipment_tags {
    min-height:50px;
    height: auto;
}

.shipment_tag {
    display: inline-block;
    background-color: #f0f0f0;
    padding: 5px 10px;
    margin-bottom: 5px;
    margin-right: 5px;
    width: auto;
    transition: all 0.1s linear;
    word-break: break-all;
}

.shipment_tag:hover {
    background-color: #ccc;
    cursor:pointer;
}
.shipment_tag .close_tag {
    font-weight: bold;
    display: inline-block;
    transform: scale(1.2);
    margin-left: 5px;
}
.shipment_tag .close_tag:hover {
    color: white;
}
.shipment_btn_group {
    display: flex;
    align-items: center;
    justify-content: center;
}

.shipment_btn_group button {
    padding: 10px;
}

#cancel_shipment_modal {
    margin-right: 10px;
    border: none;
    color: #32b0ec;
    width: 150px;
}

#save_shipment {
    width: 150px;
}
.report-tooltip {
    font-size: 1.3em;
    font-weight: 700;
}