@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');

html,
body {
    font-family: Calibri;
    color: #53606B;
    font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Raleway;
    font-weight: bold;
    color: #C0D11E;
    border-bottom: 1px solid #f0f3f6;
}

.sidebar-menu {
    font-family: Raleway
}

.dataImageInput-image {
    padding-top: 5px;
    max-height: 150px;
    max-width: 100%;
}

.login-page {
    padding: 50px 20px 75px 20px;
    min-height: 100vh;
}

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

.bordered-tabs .k-content, .bordered-tabs .k-tabstrip-items, .bordered-tabs .k-item {
    border-color: lightgray !important;
}

.bordered-tabs .k-tabstrip-items .k-state-active {
    border-bottom-color : transparent !important;
}

.bordered-tabs .k-tabstrip-items .k-item {
    margin-right: 3px;
}

.selectControl {
    margin-bottom: 10px !important;
}

.form-html-preview {
    overflow-y: scroll;
    border: #cccccc solid 1px;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    background-color: #dddddd;
}

.k-tabstrip .k-content { 
    padding-top: 20px;
}

.k-i-sort-asc-sm:before {
    content: "\e004";
}

.k-i-sort-desc-sm:before {
    content: "\e006";
}

.uploadContainer {
    margin-bottom: 10px;
}

.form-error {
    color: #b04442;
    font-weight: bold;
}

table.reward-options {
    width: 100%;
    margin-bottom: 20px;
    border: solid 1px #cccccc;
    border-collapse: collapse;
}

.reward-options td, th {
    border: solid 1px #cccccc;
    padding: 2px;
}

.wide-col {
    width: 35%;
}

.order-item {
    border: solid 1px #cccccc;
    padding: 10px;
    margin-bottom: 10px;
}

.item-status-Dispatched {
    background-color: #dff0d8;
}

.item-status-Cancelled {
    background-color:#f2dede;
}

.editCampaignTabs .k-tabstrip-items li:last-child {
    position: absolute;
    right: 0;
    margin-right: 0;
}

.btn-primary { 
    border-radius: 3px;
}

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

.fluid-col {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}

.panel-item-content {
    padding: 30px;
}

.included .k-header {
    background-color: #dff0d8 !important;
    color: #000000 !important;
}

.not-included .k-header {
    background-color: #fcf8e3 !important;
    color: #000000 !important;
}

.top5 {
    margin-top: 5px;
}
.top10 {
    margin-top: 10px;
}
.top20 {
    margin-top: 20px;
}