/*
   -- labels --
*/
.label-input {
    border: none;
    background: none;
    margin-left: 7px;
    border-bottom: 1px solid #778295;
}

/*
    -- input field for summernote --
*/
.summernote-input {
    padding-left: 0px;
    border-bottom: 1px solid #e4e7ea;
}

/*
   -- Colors for labels that depent on a users specific role --
*/
.label-product {
    background-color: #3cd0cc;
}

.label-system {
    background-color: #a0aec4;
}

.label-account {
    background-color: #e20b0b;
}

.label-reseller {
    background-color: #707cd2;
}

.label-moderator {
    background-color: #2cabe3;
}

.label-cashier {
    background-color: #ffc400;
}

.label-default {
    background-color: #bbbbbb;
}

/*
    -- Description for Buttons --
*/

.description-button {
    text-align: center;
    margin-top: 5px;
}

/*
    -- Button styles --
*/

.button-success {
    color: #5cb85c;
}

.button-warning {
    color: #ffcc00;
}

.button-danger {
    color: #ed2f2f;
}

.button-disabled {
    color: #bbbbbb;
    border-style: solid;
    border-color: #bbbbbb;
    border-radius: 2px;
}

.button-cancle {
    color: #bbbbbb;
    border-style: solid;
    border-color: #bbbbbb;
    border-radius: 10px;
}

.invisible-button {
    display: none;
}

.button-icon {
    background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
}
/*
    -- Radiobutton styles --
*/
.radio-custom {
    opacity: 0;
    position: absolute;
}

.radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
    word-spacing: 2px;
}

.radio-custom-label {
    position: relative;
}

.no-optin {
    color: #c8c8c8;
    text-decoration: line-through;
}

.radio-custom + .radio-custom-label:before {
    content: '';
    border: 2px solid #7e7e7e;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.radio-custom + .radio-custom-label:before {
    border-radius: 70%;
}

.radio-custom:checked + .radio-custom-label:before {
    content: "\f00c";
    font-family: 'fontawesome';
    color: #7e7e7e;
    padding: 0px;
}

.radio-custom:focus + .radio-custom-label {
    outline: 1px solid none; /* focus style */
}

.radio-disabled {
    color: #888888;
    border-color: #888888;
}

/*
    -- radio buttons for wizard-options --
*/
.check {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    padding-right: 15px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #646464;
}

.check-disabled {
    color: #888888;
}

.check-disabled .check-box {
    color: #888888;
    border-color: #888888;
}


/* Hide the browser's default checkbox */
.check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.check-box {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff ;
    border-color:#646464;
    border-style:solid;
    border-width:2px;
    border-radius: 100%;
}

.glyphicon-remove {
    color: #646464;
    padding-top: 1.5px;
    padding-left: 1.5px;
}

.glyphicon-ok {
    color: #646464;
    padding-top: 1.5px;
    padding-left: 1.5px;
}

/* seperate divs in a white-box visually */
.box-w-bottom-border {
    border-bottom: 2px solid #dbdbdb;
    margin-bottom: 4px;
}

/*
    -- Fonts --
*/

.font-color-light {
    color: #5e5d5d;
}

/*
    -- Profilefic --
*/
.profilepic {
    width: 25px;
    border: 1.5px solid;
    border-radius: 50px;
    color: #bbbbbb;
}

/*
    -- Fileupload fields --
*/
.custom-file-upload {
    border: 1px solid #ccc;
    border-bottom: 5px solid #ffc400;
    display: inline-block;
    margin-top: 8px;
    margin-left: 0px;
    padding: 8px 14px;
    cursor: pointer;
}

/*
    --Icon Styles --
*/

.warning-sign{
    color: #ffcc00ba;
}

.ok-sign{
    color: #33aa33;
    margin-left: 5px;
}

/*
    -- Warning border for missing lottypes --
*/
.warning-border {
    border: 7px solid #fce219;
    border-radius: 2%;
}

.btn-round {
    background-color: #6a9eda;
    border: none;
    color: white;
    padding: 18px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 24px;
    border-radius: 100%;
    margin-left: 12vw;
}

/*
    -- Coloring for campaign lottype option labels --
*/

.option-automatic {
    font-size: 12px;
    background-color: #56d456;
    border: none;
    border-radius: 15px;
    padding: 3px 12px;
    color: white;
}

.option-rivet {
    font-size: 12px;
    background-color: #f7c319;
    border: none;
    border-radius: 15px;
    padding: 3px 12px;
    color: white;
}

.option-codes {
    font-size: 12px;
    background-color: #975cc8;
    border: none;
    border-radius: 15px;
    padding: 3px 12px;
    color: white;
}

.option-protection {
    font-size: 12px;
    background-color: #c4c4c4;
    border: none;
    border-radius: 15px;
    padding: 3px 12px;
    color: white;
}

.option-email {
    font-size: 12px;
    background-color: #569fdb;
    border: none;
    border-radius: 15px;
    padding: 3px 12px;
    color: white;
}

.label-spacing {
    margin-right: 10px;
    margin-top: 10px;
}

.right-buttons {
    float: right;
    margin-right: 3vw;
}

.transparent-background {
    background-color: #fff;
    color: #ed2f2f;
    border: 1.2px solid #ed2f2f;
    border-radius: 5px;
}

.blue-outline {
    background-color: #fff;
    color: #569fdb;
    border: 1.3px solid #569fdb;
    border-radius: 5%;
}

/*
    configuration wheel in campaign details
*/
.c-d-cog {
    margin-left: 5px;
    color: #1e9cd3;
    font-size: 18px;
}