/* @import url('https://fonts.googleapis.com/css?family=Space+Grotesk&display=swap');
body, .btn, .form-control, .form-group label   {
    font-family: 'Space Grotesk',Helvetica, sans-serif !important;
} */

/* @media (min-width:769px) and (max-width: 1000px) {
    #desktop-bg {
        display: none;
    }
    .bg-white {
        background-color: transparent!important;
    }
    @media (orientation:portrait) {
        .login-container {
            padding-top: 100px;
        }
    }
}

@media (min-width: 1001px) {
    #tablet-bg {
        display: none;
    }
} */

.btn-danger{
    border-radius: 20px;
}



/*
Alternate buttons
--------------------------------------------------
*/
.purple-theme .btn-primary,
.purple-theme .btn-primary:focus {
    color: #fff;
    background-color: #6d5cae;
    border-color: #6d5cae;
}

.purple-theme .btn-primary.active,
.purple-theme .btn-primary:not(:disabled):not(.disabled):active,
.purple-theme .btn-primary.active:focus,
.purple-theme .btn-primary:not(:disabled):not(.disabled):active:focus,
.purple-theme .btn-primary:not(:disabled):not(.disabled):active:hover,
.show .dropdown-toggle.purple-theme .btn-primary {
    background-color: #584b8d;
    border-color: #584b8d;
    color: #fff;
    box-shadow: none;
}

.purple-theme .btn-primary.hover,
.purple-theme .btn-primary:hover,
.show .dropdown-toggle.purple-theme .btn-primary {
    background-color: #8a7dbe;
    border-color: #8a7dbe;
    color: #fff;
}

.purple-theme .btn-primary.active:hover {
    background: #5e4f96;
    border-color: #5e4f96;
}

.purple-theme .btn-primary.disabled,
.purple-theme .btn-primary[disabled],
fieldset[disabled] .purple-theme .btn-primary,
.purple-theme .btn-primary.disabled:hover,
.purple-theme .btn-primary[disabled]:hover,
fieldset[disabled] .purple-theme .btn-primary:hover,
.purple-theme .btn-primary.disabled:focus,
.purple-theme .btn-primary[disabled]:focus,
fieldset[disabled] .purple-theme .btn-primary:focus,
.purple-theme .btn-primary.disabled:active,
.purple-theme .btn-primary[disabled]:active,
fieldset[disabled] .purple-theme .btn-primary:active,
.purple-theme .btn-primary.disabled.active,
.purple-theme .btn-primary[disabled].active,
fieldset[disabled] .purple-theme .btn-primary.active {
    background-color: #6d5cae;
    border-color: #6d5cae;
}

.purple-theme .btn-primary .badge {
    color: #6d5cae;
    background-color: #fff;
}

.plenum-theme .btn-primary,
.plenum-theme .btn-primary:focus {
    color: #fff;
    background-color: #10cfbd;
    border-color: #10cfbd;
}

.plenum-theme .btn-primary.active,
.plenum-theme .btn-primary:not(:disabled):not(.disabled):active,
.plenum-theme .btn-primary.active:focus,
.plenum-theme .btn-primary:not(:disabled):not(.disabled):active:focus,
.plenum-theme .btn-primary:not(:disabled):not(.disabled):active:hover,
.show .dropdown-toggle.plenum-theme .btn-primary {
    background-color: #0da899;
    border-color: #0da899;
    color: #fff;
    box-shadow: none;
}

.plenum-theme .btn-primary.hover,
.plenum-theme .btn-primary:hover,
.show .dropdown-toggle.plenum-theme .btn-primary {
    background-color: #40d9ca;
    border-color: #40d9ca;
    color: #fff;
}

.plenum-theme .btn-primary.active:hover {
    background: #0eb2a3;
    border-color: #0eb2a3;
}

.plenum-theme .btn-primary.disabled,
.plenum-theme .btn-primary[disabled],
fieldset[disabled] .plenum-theme .btn-primary,
.plenum-theme .btn-primary.disabled:hover,
.plenum-theme .btn-primary[disabled]:hover,
fieldset[disabled] .plenum-theme .btn-primary:hover,
.plenum-theme .btn-primary.disabled:focus,
.plenum-theme .btn-primary[disabled]:focus,
fieldset[disabled] .plenum-theme .btn-primary:focus,
.plenum-theme .btn-primary.disabled:active,
.plenum-theme .btn-primary[disabled]:active,
fieldset[disabled] .plenum-theme .btn-primary:active,
.plenum-theme .btn-primary.disabled.active,
.plenum-theme .btn-primary[disabled].active,
fieldset[disabled] .plenum-theme .btn-primary.active {
    background-color: #10cfbd;
    border-color: #10cfbd;
}

.plenum-theme .btn-primary .badge {
    color: #10cfbd;
    background-color: #fff;
}

.blue-theme .btn-primary,
.blue-theme .btn-primary:focus {
    color: #fff;
    background-color: #48b0f7;
    border-color: #48b0f7;
}

.blue-theme .btn-primary.active,
.blue-theme .btn-primary:not(:disabled):not(.disabled):active,
.blue-theme .btn-primary.active:focus,
.blue-theme .btn-primary:not(:disabled):not(.disabled):active:focus,
.blue-theme .btn-primary:not(:disabled):not(.disabled):active:hover,
.show .dropdown-toggle.blue-theme .btn-primary {
    background-color: #3a8fc8;
    border-color: #3a8fc8;
    color: #fff;
    box-shadow: none;
}

.blue-theme .btn-primary.hover,
.blue-theme .btn-primary:hover,
.show .dropdown-toggle.blue-theme .btn-primary {
    background-color: #6dc0f9;
    border-color: #6dc0f9;
    color: #fff;
}

.blue-theme .btn-primary.active:hover {
    background: #3e97d4;
    border-color: #3e97d4;
}

.blue-theme .btn-primary.disabled,
.blue-theme .btn-primary[disabled],
fieldset[disabled] .blue-theme .btn-primary,
.blue-theme .btn-primary.disabled:hover,
.blue-theme .btn-primary[disabled]:hover,
fieldset[disabled] .blue-theme .btn-primary:hover,
.blue-theme .btn-primary.disabled:focus,
.blue-theme .btn-primary[disabled]:focus,
fieldset[disabled] .blue-theme .btn-primary:focus,
.blue-theme .btn-primary.disabled:active,
.blue-theme .btn-primary[disabled]:active,
fieldset[disabled] .blue-theme .btn-primary:active,
.blue-theme .btn-primary.disabled.active,
.blue-theme .btn-primary[disabled].active,
fieldset[disabled] .blue-theme .btn-primary.active {
    background-color: #48b0f7;
    border-color: #48b0f7;
}

.blue-theme .btn-primary .badge {
    color: #48b0f7;
    background-color: #fff;
}

.black-theme .btn-primary,
.black-theme .btn-primary:focus {
    color: #fff;
    background-color: #3b4752;
    border-color: #3b4752;
}

.black-theme .btn-primary.active,
.black-theme .btn-primary:not(:disabled):not(.disabled):active,
.black-theme .btn-primary.active:focus,
.black-theme .btn-primary:not(:disabled):not(.disabled):active:focus,
.black-theme .btn-primary:not(:disabled):not(.disabled):active:hover,
.show .dropdown-toggle.black-theme .btn-primary {
    background-color: #303a42;
    border-color: #303a42;
    color: #fff;
    box-shadow: none;
}

.black-theme .btn-primary.hover,
.black-theme .btn-primary:hover,
.show .dropdown-toggle.black-theme .btn-primary {
    background-color: #626c75;
    border-color: #626c75;
    color: #fff;
}

.black-theme .btn-primary.active:hover {
    background: #333d47;
    border-color: #333d47;
}

.black-theme .btn-primary.disabled,
.black-theme .btn-primary[disabled],
fieldset[disabled] .black-theme .btn-primary,
.black-theme .btn-primary.disabled:hover,
.black-theme .btn-primary[disabled]:hover,
fieldset[disabled] .black-theme .btn-primary:hover,
.black-theme .btn-primary.disabled:focus,
.black-theme .btn-primary[disabled]:focus,
fieldset[disabled] .black-theme .btn-primary:focus,
.black-theme .btn-primary.disabled:active,
.black-theme .btn-primary[disabled]:active,
fieldset[disabled] .black-theme .btn-primary:active,
.black-theme .btn-primary.disabled.active,
.black-theme .btn-primary[disabled].active,
fieldset[disabled] .black-theme .btn-primary.active {
    background-color: #3b4752;
    border-color: #3b4752;
}

.black-theme .btn-primary .badge {
    color: #3b4752;
    background-color: #fff;
}

.yellow-theme .btn-primary,
.yellow-theme .btn-primary:focus {
    color: #fff;
    background-color: #f8d053;
    border-color: #f8d053;
}

.yellow-theme .btn-primary.active,
.yellow-theme .btn-primary:not(:disabled):not(.disabled):active,
.yellow-theme .btn-primary.active:focus,
.yellow-theme .btn-primary:not(:disabled):not(.disabled):active:focus,
.yellow-theme .btn-primary:not(:disabled):not(.disabled):active:hover,
.show .dropdown-toggle.yellow-theme .btn-primary {
    background-color: #c9a843;
    border-color: #c9a843;
    color: #fff;
    box-shadow: none;
}

.yellow-theme .btn-primary.hover,
.yellow-theme .btn-primary:hover,
.show .dropdown-toggle.yellow-theme .btn-primary {
    background-color: #f9d975;
    border-color: #f9d975;
    color: #fff;
}

.yellow-theme .btn-primary.active:hover {
    background: #d5b347;
    border-color: #d5b347;
}

.yellow-theme .btn-primary.disabled,
.yellow-theme .btn-primary[disabled],
fieldset[disabled] .yellow-theme .btn-primary,
.yellow-theme .btn-primary.disabled:hover,
.yellow-theme .btn-primary[disabled]:hover,
fieldset[disabled] .yellow-theme .btn-primary:hover,
.yellow-theme .btn-primary.disabled:focus,
.yellow-theme .btn-primary[disabled]:focus,
fieldset[disabled] .yellow-theme .btn-primary:focus,
.yellow-theme .btn-primary.disabled:active,
.yellow-theme .btn-primary[disabled]:active,
fieldset[disabled] .yellow-theme .btn-primary:active,
.yellow-theme .btn-primary.disabled.active,
.yellow-theme .btn-primary[disabled].active,
fieldset[disabled] .yellow-theme .btn-primary.active {
    background-color: #f8d053;
    border-color: #f8d053;
}

.yellow-theme .btn-primary .badge {
    color: #f8d053;
    background-color: #fff;
}

.red-theme .btn-primary,
.red-theme .btn-primary:focus {
    color: #fff;
    background-color: #f55753;
    border-color: #f55753;
}

.red-theme .btn-primary.active,
.red-theme .btn-primary:not(:disabled):not(.disabled):active,
.red-theme .btn-primary.active:focus,
.red-theme .btn-primary:not(:disabled):not(.disabled):active:focus,
.red-theme .btn-primary:not(:disabled):not(.disabled):active:hover,
.show .dropdown-toggle.red-theme .btn-primary {
    background-color: #c64643;
    border-color: #c64643;
    color: #fff;
    box-shadow: none;
}

.red-theme .btn-primary.hover,
.red-theme .btn-primary:hover,
.show .dropdown-toggle.red-theme .btn-primary {
    background-color: #f77975;
    border-color: #f77975;
    color: #fff;
}

.red-theme .btn-primary.active:hover {
    background: #d34b47;
    border-color: #d34b47;
}

.red-theme .btn-primary.disabled,
.red-theme .btn-primary[disabled],
fieldset[disabled] .red-theme .btn-primary,
.red-theme .btn-primary.disabled:hover,
.red-theme .btn-primary[disabled]:hover,
fieldset[disabled] .red-theme .btn-primary:hover,
.red-theme .btn-primary.disabled:focus,
.red-theme .btn-primary[disabled]:focus,
fieldset[disabled] .red-theme .btn-primary:focus,
.red-theme .btn-primary.disabled:active,
.red-theme .btn-primary[disabled]:active,
fieldset[disabled] .red-theme .btn-primary:active,
.red-theme .btn-primary.disabled.active,
.red-theme .btn-primary[disabled].active,
fieldset[disabled] .red-theme .btn-primary.active {
    background-color: #f55753;
    border-color: #f55753;
}
.btn-primary{
    border-radius: 5px;
}

.display-types .btn-default{
    border-radius: 5px;
}

.red-theme .btn-primary .badge {
    color: #f55753;
    background-color: #fff;
}



.retina-theme .btn-primary,
.retina-theme .btn-primary:focus {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.retina-theme .btn-primary.active,
.retina-theme .btn-primary:not(:disabled):not(.disabled):active,
.retina-theme .btn-primary.active:focus,
.retina-theme .btn-primary:not(:disabled):not(.disabled):active:focus,
.retina-theme .btn-primary:not(:disabled):not(.disabled):active:hover,
.show .dropdown-toggle.retina-theme .btn-primary {
    background-color: #000000;
    border-color: #000000;
    color: #fff;
    box-shadow: none;
}

.retina-theme .btn-primary.hover,
.retina-theme .btn-primary:hover,
.show .dropdown-toggle.retina-theme .btn-primary {
    background-color: #000000;
    border-color: #000000;
    color: #fff;
}

.retina-theme .btn-primary.active:hover {
    background: #000000;
    border-color: #000000;
}

.retina-theme .btn-primary.disabled,
.retina-theme .btn-primary[disabled],
fieldset[disabled] .retina-theme .btn-primary,
.retina-theme .btn-primary.disabled:hover,
.retina-theme .btn-primary[disabled]:hover,
fieldset[disabled] .retina-theme .btn-primary:hover,
.retina-theme .btn-primary.disabled:focus,
.retina-theme .btn-primary[disabled]:focus,
fieldset[disabled] .retina-theme .btn-primary:focus,
.retina-theme .btn-primary.disabled:active,
.retina-theme .btn-primary[disabled]:active,
fieldset[disabled] .retina-theme .btn-primary:active,
.retina-theme .btn-primary.disabled.active,
.retina-theme .btn-primary[disabled].active,
fieldset[disabled] .retina-theme .btn-primary.active {
    background-color: #000000;
    border-color: #000000;
}

.retina-theme .btn-primary .badge {
    color: #000000;
    background-color: #fff;
}