/* common styles */

.display-none {
    display: none;
}

.display-block {
    display: block;
}

.display-inline {
    display: inline;
}

.display-inline-block {
    display: inline-block;
}

.display-table {
    display: table;
}

.display-table-cell {
    display: table-cell;
}

.display-flex {
    display: flex;
}

.float-none {
    float: none;
}

.overflow-hidden {
    overflow: hidden;
}

.visibility-hidden {
    visibility: hidden;
}

.vertical-align-middle {
    vertical-align: middle;
}

.vertical-align-middle-i {
    vertical-align: middle !important;
}

.position-relative {
    position: relative;
}


/* messages */

.floating-message-container {
    position: fixed;
    top: 15px;
    z-index: 200000;
    text-align: center;
    width: 100%;
    overflow: hidden;
}

.floating-alert {
    background: #fafafa;
    padding: 4px 8px;
    border-radius: 5px;
    display: inline-block;
    margin: 0 0 15px 0;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.050);
    box-shadow: 0 6px 12px rgba(0,0,0,.050);
}

.floating-alert.floating-alert-danger {
    color: #fafafa;
    background-color: #960000;
    border: 1px solid #740000;
}

.floating-alert.floating-alert-warning {
    color: #fafafa;
    background-color: #969600;
    border: 1px solid #747400;
}

.floating-alert.floating-alert-success {
    color: #fafafa;
    background-color: #009600;
    border: 1px solid #007400;
}

.font-size-9 {
    font-size: 9px;
}

.font-size-10 {
    font-size: 10px;
}

.font-size-11 {
    font-size: 11px;
}

.font-size-12 {
    font-size: 12px;
}

.font-size-13 {
    font-size: 13px;
}

.font-size-14 {
    font-size: 14px;
}

.font-size-15 {
    font-size: 15px;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-17 {
    font-size: 17px;
}

.font-size-18 {
    font-size: 18px;
}

.font-size-19 {
    font-size: 19px;
}

.font-size-20 {
    font-size: 20px;
}

.font-size-21 {
    font-size: 21px;
}

.font-size-22 {
    font-size: 22px;
}

.font-size-23 {
    font-size: 23px;
}

.font-size-24 {
    font-size: 24px;
}

.font-size-25 {
    font-size: 25px;
}

.font-size-30 {
    font-size: 30px;
}

.font-size-40 {
    font-size: 40px;
}

.font-size-50 {
    font-size: 50px;
}

.font-size-60 {
    font-size: 60px;
}

.font-size-70 {
    font-size: 70px;
}

.font-size-80 {
    font-size: 80px;
}

.font-size-90 {
    font-size: 90px;
}

.font-size-100 {
    font-size: 100px;
}

.font-style-italic {
    font-style: italic;
}

.line-height-11 {
    line-height: 11px;
}

.line-height-20 {
    line-height: 20px;
}

.line-height-25 {
    line-height: 25px;
}

.line-height-30 {
    line-height: 30px;
}

.line-height-normal {
    line-height: normal;
}

.font-weight-normal {
    font-weight: normal;
}

.font-weight-bold {
    font-weight: bold;
}

.font-weight-100 {
    font-weight: 100;
}

.font-weight-200 {
    font-weight: 200;
}
.font-weight-300 { font-weight: 300; }
.font-weight-400 { font-weight: 400; }
.font-weight-500 { font-weight: 500; }
.font-weight-600 { font-weight: 600; }
.font-weight-700 { font-weight: 700; }
.font-weight-800 { font-weight: 800; }
.font-weight-900 { font-weight: 900; }
.letter-spacing--1 { letter-spacing: -1px; }
.margin-0 { margin: 0; }
.margin-top--15 { margin-top: -15px; }
.margin-top--40 { margin-top: -40px; }
.margin-0 { margin: 0; }
.margin-10 { margin: 10px; }
.margin-top-0 { margin-top: 0px; }
.margin-top-0-i { margin-top: 0 !important; }
.margin-top-1 { margin-top: 1px; }
.margin-top-2 { margin-top: 2px; }
.margin-top-3 { margin-top: 3px; }
.margin-top-4 { margin-top: 4px; }
.margin-top-5 { margin-top: 5px; }
.margin-top-7 { margin-top: 7px; }
.margin-top-8 { margin-top: 8px; }
.margin-top-9 { margin-top: 9px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-15 { margin-top: 15px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-23 { margin-top: 23px; }
.margin-top-24 { margin-top: 24px; }
.margin-top-25 { margin-top: 25px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-50 { margin-top: 50px; }
.margin-right-auto { margin-right: auto; }
.margin-right-1 { margin-right: 1px; }
.margin-right-2 { margin-right: 2px; }
.margin-right-3 { margin-right: 3px; }
.margin-right-4 { margin-right: 4px; }

.margin-right-0 {
    margin-right: 0px;
}

.margin-right-5 {
    margin-right: 5px;
}

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

.margin-right-15 {
    margin-right: 15px;
}

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

.margin-right-30 {
    margin-right: 30px;
}

.margin-right-40 {
    margin-right: 40px;
}

.margin-right-50 {
    margin-right: 50px;
}

.margin-bottom-0 {
    margin-bottom: 0px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-6 {
    margin-bottom: 6px;
}

.margin-bottom-7 {
    margin-bottom: 7px;
}

.margin-bottom-8 {
    margin-bottom: 8px;
}

.margin-bottom-9 {
    margin-bottom: 9px;
}

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

.margin-bottom-15 {
    margin-bottom: 15px;
}

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

.margin-bottom-25 {
    margin-bottom: 25px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-35 {
    margin-bottom: 35px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.margin-bottom-45 {
    margin-bottom: 45px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.margin-left-auto {
    margin-left: auto;
}

.margin-left-0 {
    margin-left: 0px;
}

.margin-left-5 {
    margin-left: 5px;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-left-15 {
    margin-left: 15px;
}

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

.padding-0 {
    padding: 0px;
}

.padding-5 {
    padding: 5px;
}

.padding-15 {
    padding: 15px;
}

.padding-top-5 {
    padding-top: 5px;
}

.padding-top-6 {
    padding-top: 6px;
}

.padding-top-7 {
    padding-top: 7px;
}

.padding-top-8 {
    padding-top: 8px;
}

.padding-top-9 {
    padding-top: 9px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-15 {
    padding-top: 15px;
}

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

.padding-top-25 {
    padding-top: 25px;
}

.padding-top-30 {
    padding-top: 30px;
}

.padding-top-35 {
    padding-top: 35px;
}

.padding-top-40 {
    padding-top: 40px;
}

.padding-top-45 {
    padding-top: 45px;
}

.padding-top-50 {
    padding-top: 50px;
}

.padding-right-0 {
    padding-right: 0px;
}

.padding-right-5 {
    padding-right: 5px;
}

.padding-right-10 {
    padding-right: 10px;
}

.padding-right-15 {
    padding-right: 15px;
}

.padding-right-20 {
    padding-right: 20px;
}

.padding-right-30 {
    padding-right: 30px;
}

.padding-right-35 {
    padding-right: 35px;
}

.padding-right-40 {
    padding-right: 40px;
}

.padding-bottom-0 {
    padding-bottom: 0px;
}

.padding-bottom-5 {
    padding-bottom: 5px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-bottom-15 {
    padding-bottom: 15px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.padding-bottom-30 {
    padding-bottom: 30px;
}

.padding-bottom-40 {
    padding-bottom: 40px;
}

.padding-bottom-50 {
    padding-bottom: 50px;
}

.padding-left-0 {
    padding-left: 0px;
}
.padding-left-5 { padding-left: 5px; }
.padding-left-10 { padding-left: 10px; }
.padding-left-15 { padding-left: 15px; }
.padding-left-20 { padding-left: 20px; }
.padding-left-30 { padding-left: 30px; }
.padding-left-40 { padding-left: 40px; }
.color-000000 { color: #000000; }
.color-337ab7 { color: #337ab7; }
.color-999999 { color: #999999; }
.color-cc0000 { color: #cc0000; }
.color-ffffff { color: #ffffff; }
.background-337ab7 { background: #337ab7; }
.background-f5f5f5 { background: #f5f5f5; }
.text-align-left { text-align: left; }
.text-align-center { text-align: center; }
.text-align-right { text-align: right; }
.text-decoration-underline { text-decoration: underline; }
.text-decoration-underline-on-hover:hover { text-decoration: underline; }
.white-space-normal { white-space: normal; }

.white-space-nowrap {
    white-space: nowrap;
}

.word-break-break-word {
    word-break: break-word;
}

.clear-both {
    clear: both;
}

.width-auto {
    width: auto;
}

.width-10 {
    width: 10px;
}

.width-10-i {
    width: 10px !important;
}

.width-20 {
    width: 20px;
}

.width-20-i {
    width: 20px !important;
}

.width-30 {
    width: 30px;
}

.width-30-i {
    width: 30px !important;
}

.width-40 {
    width: 40px;
}

.width-40-i {
    width: 40px !important;
}

.width-45 {
    width: 45px;
}

.width-45-i {
    width: 45px !important;
}

.width-50 {
    width: 50px;
}

.width-50p {
    width: 50%;
}

.width-50-i {
    width: 50px !important;
}

.width-60 {
    width: 60px;
}

.width-60-i {
    width: 60px !important;
}

.width-80 {
    width: 80px;
}

.width-100 {
    width: 100px;
}

.width-100p {
    width: 100%;
}

.width-100p-i {
    width: 100% !important;
}

.width-110 {
    width: 110px;
}

.width-120 {
    width: 120px;
}

.width-130 {
    width: 130px;
}

.width-140 {
    width: 140px;
}

.width-150 {
    width: 150px;
}

.width-200 {
    width: 200px;
}

.width-300 {
    width: 300px;
}

.width-400 {
    width: 400px;
}

.width-500 {
    width: 500px;
}

.width-600 {
    width: 600px;
}

.width-700 {
    width: 700px;
}

.height-0 {
    height: 0px;
}

.height-50 {
    height: 50px;
}

.height-60 {
    height: 60px;
}

.height-70 {
    height: 70px;
}

.height-80 {
    height: 80px;
}

.height-90 {
    height: 90px;
}

.height-100 {
    height: 100px;
}

.height-100p {
    height: 100%;
}

.height-200 {
    height: 200px;
}

.height-400 {
    height: 400px;
}

.min-width-40 {
    min-width: 40px;
}

.min-height-100 {
    min-height: 100px;
}

.min-height-200 {
    min-height: 200px;
}

.max-width-300 {
    max-width: 300px;
}

.max-width-100p {
    max-width: 100%;
}

.max-height-100p {
    max-height: 100%;
}

.border-radius-5 {
    border-radius: 5px;
}

.border-1-solid-dddddd {
    border: 1px solid #ddd;
}

.border-top-none {
    border-top: none;
}

.border-top-none-i {
    border-top: none !important;
}

.border-bottom-none-i {
    border-bottom: none !important;
}

.border-bottom-0 {
    border-bottom: none;
}

.border-none {
    border: none;
}

.opacity-0-5 {
    opacity: 0.5
}

.font-monospaced {
    font-family: "Lucida Console", Monaco, "Courier New", Courier, monospace;
}