/* START   VIEW DEMO DETAILS  Kawsar Ahmed*/
#pageination{
    float:right;
    margin:10px 3px;
    width:280px;
    height:27px;
    background-color:red;
}

#pagination a, #pagination strong{
    float:left;
    margin:0px 3px;
    width:25px;
    height:25px;
    padding: 2px 2px;
    text-decoration:none;
    border:1px solid #cac9c9;
    color:#595959;
    font-size:12px;
    text-shadow:-1px -1px 2px #2d2c2c;
    font-size:small;
    line-height:20px;
    text-align:center;
}

#pagintaion strong, #pagination a:hover{
    font-weight:normal;
    background:white;
    color:#222;
    width:25px;
    height:25px;
    text-shadow:1px 1px 1px #666;
    border:1px solid #a4a4a4;
}

#pagination_view{
    width:auto;
    margin:0px auto;
    background-color:red;
    height:28px;
    line-height:27px;
}


.link_student{
    float:right;
    color:#DAC276;
    margin:0px 7px;
}
.link_student:hover{
    color:#FFF;
    text-decoration:underline;
}

.separator15{
    margin: 15px;
}
.separator20{
    margin: 20px;
}
.form-control{
    margin: 0px auto;
}
.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.bg-primary {
    background-color: #007bff !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #0062cc !important;
}

.bg-secondary {
    background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #545b62 !important;
}

.bg-success {
    background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
    background-color: #1e7e34 !important;
}

.bg-info {
    background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
    background-color: #117a8b !important;
}

.bg-warning {
    background-color: #ffc107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
    background-color: #d39e00 !important;
}

.bg-danger {
    background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #bd2130 !important;
}

.bg-light {
    background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
    background-color: #dae0e5 !important;
}

.bg-dark {
    background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
    background-color: #1d2124 !important;
}

.bg-lightblue {
    background-color: #3c8dbc !important;
}

.bg-lightblue,
.bg-lightblue > a {
    color: #fff !important;
}

.bg-lightblue.btn:hover {
    border-color: #307095;
    color: #ececec;
}

.bg-lightblue.btn:not(:disabled):not(.disabled):active, .bg-lightblue.btn:not(:disabled):not(.disabled).active, .bg-lightblue.btn:active, .bg-lightblue.btn.active {
    background-color: #307095 !important;
    border-color: #2d698c;
    color: #fff;
}

.bg-navy {
    background-color: #001f3f !important;
}

.bg-navy,
.bg-navy > a {
    color: #fff !important;
}

.bg-navy.btn:hover {
    border-color: #00060c;
    color: #ececec;
}

.bg-navy.btn:not(:disabled):not(.disabled):active, .bg-navy.btn:not(:disabled):not(.disabled).active, .bg-navy.btn:active, .bg-navy.btn.active {
    background-color: #00060c !important;
    border-color: black;
    color: #fff;
}

.bg-olive {
    background-color: #3d9970 !important;
}

.bg-olive,
.bg-olive > a {
    color: #fff !important;
}

.bg-olive.btn:hover {
    border-color: #2e7555;
    color: #ececec;
}

.bg-olive.btn:not(:disabled):not(.disabled):active, .bg-olive.btn:not(:disabled):not(.disabled).active, .bg-olive.btn:active, .bg-olive.btn.active {
    background-color: #2e7555 !important;
    border-color: #2b6b4f;
    color: #fff;
}

.bg-lime {
    background-color: #01ff70 !important;
}

.bg-lime,
.bg-lime > a {
    color: #1f2d3d !important;
}

.bg-lime.btn:hover {
    border-color: #00cd5a;
    color: #121a24;
}

.bg-lime.btn:not(:disabled):not(.disabled):active, .bg-lime.btn:not(:disabled):not(.disabled).active, .bg-lime.btn:active, .bg-lime.btn.active {
    background-color: #00cd5a !important;
    border-color: #00c054;
    color: #fff;
}

.bg-fuchsia {
    background-color: #f012be !important;
}

.bg-fuchsia,
.bg-fuchsia > a {
    color: #fff !important;
}

.bg-fuchsia.btn:hover {
    border-color: #c30c9a;
    color: #ececec;
}

.bg-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-fuchsia.btn:not(:disabled):not(.disabled).active, .bg-fuchsia.btn:active, .bg-fuchsia.btn.active {
    background-color: #c30c9a !important;
    border-color: #b70c90;
    color: #fff;
}

.bg-maroon {
    background-color: #d81b60 !important;
}

.bg-maroon,
.bg-maroon > a {
    color: #fff !important;
}

.bg-maroon.btn:hover {
    border-color: #ab154c;
    color: #ececec;
}

.bg-maroon.btn:not(:disabled):not(.disabled):active, .bg-maroon.btn:not(:disabled):not(.disabled).active, .bg-maroon.btn:active, .bg-maroon.btn.active {
    background-color: #ab154c !important;
    border-color: #9f1447;
    color: #fff;
}

.bg-blue {
    background-color: #007bff !important;
}

.bg-blue,
.bg-blue > a {
    color: #fff !important;
}

.bg-blue.btn:hover {
    border-color: #0062cc;
    color: #ececec;
}

.bg-blue.btn:not(:disabled):not(.disabled):active, .bg-blue.btn:not(:disabled):not(.disabled).active, .bg-blue.btn:active, .bg-blue.btn.active {
    background-color: #0062cc !important;
    border-color: #005cbf;
    color: #fff;
}

.bg-indigo {
    background-color: #6610f2 !important;
}

.bg-indigo,
.bg-indigo > a {
    color: #fff !important;
}

.bg-indigo.btn:hover {
    border-color: #510bc4;
    color: #ececec;
}

.bg-indigo.btn:not(:disabled):not(.disabled):active, .bg-indigo.btn:not(:disabled):not(.disabled).active, .bg-indigo.btn:active, .bg-indigo.btn.active {
    background-color: #510bc4 !important;
    border-color: #4c0ab8;
    color: #fff;
}

.bg-purple {
    background-color: #6f42c1 !important;
}

.bg-purple,
.bg-purple > a {
    color: #fff !important;
}

.bg-purple.btn:hover {
    border-color: #59339d;
    color: #ececec;
}

.bg-purple.btn:not(:disabled):not(.disabled):active, .bg-purple.btn:not(:disabled):not(.disabled).active, .bg-purple.btn:active, .bg-purple.btn.active {
    background-color: #59339d !important;
    border-color: #533093;
    color: #fff;
}

.bg-pink {
    background-color: #e83e8c !important;
}

.bg-pink,
.bg-pink > a {
    color: #fff !important;
}

.bg-pink.btn:hover {
    border-color: #d91a72;
    color: #ececec;
}

.bg-pink.btn:not(:disabled):not(.disabled):active, .bg-pink.btn:not(:disabled):not(.disabled).active, .bg-pink.btn:active, .bg-pink.btn.active {
    background-color: #d91a72 !important;
    border-color: #ce196c;
    color: #fff;
}

.bg-red {
    background-color: #dc3545 !important;
}

.bg-red,
.bg-red > a {
    color: #fff !important;
}

.bg-red.btn:hover {
    border-color: #bd2130;
    color: #ececec;
}

.bg-red.btn:not(:disabled):not(.disabled):active, .bg-red.btn:not(:disabled):not(.disabled).active, .bg-red.btn:active, .bg-red.btn.active {
    background-color: #bd2130 !important;
    border-color: #b21f2d;
    color: #fff;
}

.bg-orange {
    background-color: #fd7e14 !important;
}

.bg-orange,
.bg-orange > a {
    color: #1f2d3d !important;
}

.bg-orange.btn:hover {
    border-color: #dc6502;
    color: #121a24;
}

.bg-orange.btn:not(:disabled):not(.disabled):active, .bg-orange.btn:not(:disabled):not(.disabled).active, .bg-orange.btn:active, .bg-orange.btn.active {
    background-color: #dc6502 !important;
    border-color: #cf5f02;
    color: #fff;
}

.bg-yellow {
    background-color: #ffc107 !important;
}

.bg-yellow,
.bg-yellow > a {
    color: #1f2d3d !important;
}

.bg-yellow.btn:hover {
    border-color: #d39e00;
    color: #121a24;
}

.bg-yellow.btn:not(:disabled):not(.disabled):active, .bg-yellow.btn:not(:disabled):not(.disabled).active, .bg-yellow.btn:active, .bg-yellow.btn.active {
    background-color: #d39e00 !important;
    border-color: #c69500;
    color: #1f2d3d;
}

.bg-green {
    background-color: #28a745 !important;
}

.bg-green,
.bg-green > a {
    color: #fff !important;
}

.bg-green.btn:hover {
    border-color: #1e7e34;
    color: #ececec;
}

.bg-green.btn:not(:disabled):not(.disabled):active, .bg-green.btn:not(:disabled):not(.disabled).active, .bg-green.btn:active, .bg-green.btn.active {
    background-color: #1e7e34 !important;
    border-color: #1c7430;
    color: #fff;
}

.bg-teal {
    background-color: #20c997 !important;
}

.bg-teal,
.bg-teal > a {
    color: #fff !important;
}

.bg-teal.btn:hover {
    border-color: #199d76;
    color: #ececec;
}

.bg-teal.btn:not(:disabled):not(.disabled):active, .bg-teal.btn:not(:disabled):not(.disabled).active, .bg-teal.btn:active, .bg-teal.btn.active {
    background-color: #199d76 !important;
    border-color: #17926e;
    color: #fff;
}

.bg-cyan {
    background-color: #17a2b8 !important;
}

.bg-cyan,
.bg-cyan > a {
    color: #fff !important;
}

.bg-cyan.btn:hover {
    border-color: #117a8b;
    color: #ececec;
}

.bg-cyan.btn:not(:disabled):not(.disabled):active, .bg-cyan.btn:not(:disabled):not(.disabled).active, .bg-cyan.btn:active, .bg-cyan.btn.active {
    background-color: #117a8b !important;
    border-color: #10707f;
    color: #fff;
}

.bg-gray {
    background-color: #6c757d !important;
}

.bg-gray,
.bg-gray > a {
    color: #fff !important;
}

.bg-gray.btn:hover {
    border-color: #545b62;
    color: #ececec;
}

.bg-gray.btn:not(:disabled):not(.disabled):active, .bg-gray.btn:not(:disabled):not(.disabled).active, .bg-gray.btn:active, .bg-gray.btn.active {
    background-color: #545b62 !important;
    border-color: #4e555b;
    color: #fff;
}

.bg-gray-dark {
    background-color: #343a40 !important;
}

.bg-gray-dark,
.bg-gray-dark > a {
    color: #fff !important;
}

.bg-gray-dark.btn:hover {
    border-color: #1d2124;
    color: #ececec;
}

.bg-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gray-dark.btn:not(:disabled):not(.disabled).active, .bg-gray-dark.btn:active, .bg-gray-dark.btn.active {
    background-color: #1d2124 !important;
    border-color: #171a1d;
    color: #fff;
}

.bg-gray {
    background-color: #adb5bd;
    color: #1f2d3d;
}

.bg-gray-light {
    background-color: #f2f4f5;
    color: #1f2d3d !important;
}

.bg-black {
    background-color: #000;
    color: #fff !important;
}

.bg-white {
    background-color: #fff;
    color: #1f2d3d !important;
}

.bg-gradient-primary {
    background: #007bff linear-gradient(180deg, #268fff, #007bff) repeat-x !important;
    color: #fff;
}

.bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .bg-gradient-primary.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-primary.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-primary.btn:hover {
    background: #007bff linear-gradient(180deg, #267fde, #0069d9) repeat-x !important;
    border-color: #0062cc;
    color: #ececec;
}

.bg-gradient-primary.btn:not(:disabled):not(.disabled):active, .bg-gradient-primary.btn:not(:disabled):not(.disabled).active, .bg-gradient-primary.btn:active, .bg-gradient-primary.btn.active {
    background: #007bff linear-gradient(180deg, #267ad4, #0062cc) repeat-x !important;
    border-color: #005cbf;
    color: #fff;
}

.bg-gradient-primary.btn:disabled, .bg-gradient-primary.btn.disabled {
    background-image: none !important;
    border-color: #007bff;
    color: #fff;
}

.bg-gradient-secondary {
    background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important;
    color: #fff;
}

.bg-gradient-secondary.btn:not(:disabled):not(.disabled):active, .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-secondary.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-secondary.btn:hover {
    background: #6c757d linear-gradient(180deg, #73797f, #5a6268) repeat-x !important;
    border-color: #545b62;
    color: #ececec;
}

.bg-gradient-secondary.btn:not(:disabled):not(.disabled):active, .bg-gradient-secondary.btn:not(:disabled):not(.disabled).active, .bg-gradient-secondary.btn:active, .bg-gradient-secondary.btn.active {
    background: #6c757d linear-gradient(180deg, #6e7479, #545b62) repeat-x !important;
    border-color: #4e555b;
    color: #fff;
}

.bg-gradient-secondary.btn:disabled, .bg-gradient-secondary.btn.disabled {
    background-image: none !important;
    border-color: #6c757d;
    color: #fff;
}

.bg-gradient-success {
    background: #28a745 linear-gradient(180deg, #48b461, #28a745) repeat-x !important;
    color: #fff;
}

.bg-gradient-success.btn:not(:disabled):not(.disabled):active, .bg-gradient-success.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-success.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-success.btn:hover {
    background: #28a745 linear-gradient(180deg, #429a56, #218838) repeat-x !important;
    border-color: #1e7e34;
    color: #ececec;
}

.bg-gradient-success.btn:not(:disabled):not(.disabled):active, .bg-gradient-success.btn:not(:disabled):not(.disabled).active, .bg-gradient-success.btn:active, .bg-gradient-success.btn.active {
    background: #28a745 linear-gradient(180deg, #409152, #1e7e34) repeat-x !important;
    border-color: #1c7430;
    color: #fff;
}

.bg-gradient-success.btn:disabled, .bg-gradient-success.btn.disabled {
    background-image: none !important;
    border-color: #28a745;
    color: #fff;
}

.bg-gradient-info {
    background: #17a2b8 linear-gradient(180deg, #3ab0c3, #17a2b8) repeat-x !important;
    color: #fff;
}

.bg-gradient-info.btn:not(:disabled):not(.disabled):active, .bg-gradient-info.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-info.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-info.btn:hover {
    background: #17a2b8 linear-gradient(180deg, #3697a6, #138496) repeat-x !important;
    border-color: #117a8b;
    color: #ececec;
}

.bg-gradient-info.btn:not(:disabled):not(.disabled):active, .bg-gradient-info.btn:not(:disabled):not(.disabled).active, .bg-gradient-info.btn:active, .bg-gradient-info.btn.active {
    background: #17a2b8 linear-gradient(180deg, #358e9c, #117a8b) repeat-x !important;
    border-color: #10707f;
    color: #fff;
}

.bg-gradient-info.btn:disabled, .bg-gradient-info.btn.disabled {
    background-image: none !important;
    border-color: #17a2b8;
    color: #fff;
}

.bg-gradient-warning {
    background: #ffc107 linear-gradient(180deg, #ffca2c, #ffc107) repeat-x !important;
    color: #1f2d3d;
}

.bg-gradient-warning.btn:not(:disabled):not(.disabled):active, .bg-gradient-warning.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-warning.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-warning.btn:hover {
    background: #ffc107 linear-gradient(180deg, #e4b526, #e0a800) repeat-x !important;
    border-color: #d39e00;
    color: #121a24;
}

.bg-gradient-warning.btn:not(:disabled):not(.disabled):active, .bg-gradient-warning.btn:not(:disabled):not(.disabled).active, .bg-gradient-warning.btn:active, .bg-gradient-warning.btn.active {
    background: #ffc107 linear-gradient(180deg, #daad26, #d39e00) repeat-x !important;
    border-color: #c69500;
    color: #1f2d3d;
}

.bg-gradient-warning.btn:disabled, .bg-gradient-warning.btn.disabled {
    background-image: none !important;
    border-color: #ffc107;
    color: #1f2d3d;
}

.bg-gradient-danger {
    background: #dc3545 linear-gradient(180deg, #e15361, #dc3545) repeat-x !important;
    color: #fff;
}

.bg-gradient-danger.btn:not(:disabled):not(.disabled):active, .bg-gradient-danger.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-danger.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-danger.btn:hover {
    background: #dc3545 linear-gradient(180deg, #d04451, #c82333) repeat-x !important;
    border-color: #bd2130;
    color: #ececec;
}

.bg-gradient-danger.btn:not(:disabled):not(.disabled):active, .bg-gradient-danger.btn:not(:disabled):not(.disabled).active, .bg-gradient-danger.btn:active, .bg-gradient-danger.btn.active {
    background: #dc3545 linear-gradient(180deg, #c7424f, #bd2130) repeat-x !important;
    border-color: #b21f2d;
    color: #fff;
}

.bg-gradient-danger.btn:disabled, .bg-gradient-danger.btn.disabled {
    background-image: none !important;
    border-color: #dc3545;
    color: #fff;
}

.bg-gradient-light {
    background: #f8f9fa linear-gradient(180deg, #f9fafb, #f8f9fa) repeat-x !important;
    color: #1f2d3d;
}

.bg-gradient-light.btn:not(:disabled):not(.disabled):active, .bg-gradient-light.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-light.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-light.btn:hover {
    background: #f8f9fa linear-gradient(180deg, #e6eaed, #e2e6ea) repeat-x !important;
    border-color: #dae0e5;
    color: #121a24;
}

.bg-gradient-light.btn:not(:disabled):not(.disabled):active, .bg-gradient-light.btn:not(:disabled):not(.disabled).active, .bg-gradient-light.btn:active, .bg-gradient-light.btn.active {
    background: #f8f9fa linear-gradient(180deg, #e0e4e9, #dae0e5) repeat-x !important;
    border-color: #d3d9df;
    color: #1f2d3d;
}

.bg-gradient-light.btn:disabled, .bg-gradient-light.btn.disabled {
    background-image: none !important;
    border-color: #f8f9fa;
    color: #1f2d3d;
}

.bg-gradient-dark {
    background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important;
    color: #fff;
}

.bg-gradient-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-dark.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-dark.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-dark.btn:hover {
    background: #343a40 linear-gradient(180deg, #44474b, #23272b) repeat-x !important;
    border-color: #1d2124;
    color: #ececec;
}

.bg-gradient-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-dark.btn:not(:disabled):not(.disabled).active, .bg-gradient-dark.btn:active, .bg-gradient-dark.btn.active {
    background: #343a40 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important;
    border-color: #171a1d;
    color: #fff;
}

.bg-gradient-dark.btn:disabled, .bg-gradient-dark.btn.disabled {
    background-image: none !important;
    border-color: #343a40;
    color: #fff;
}

.bg-gradient-lightblue {
    background: #3c8dbc linear-gradient(180deg, #599ec6, #3c8dbc) repeat-x !important;
    color: #fff;
}

.bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active, .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-lightblue.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-lightblue.btn:hover {
    background: #3c8dbc linear-gradient(180deg, #518cad, #33779f) repeat-x !important;
    border-color: #307095;
    color: #ececec;
}

.bg-gradient-lightblue.btn:not(:disabled):not(.disabled):active, .bg-gradient-lightblue.btn:not(:disabled):not(.disabled).active, .bg-gradient-lightblue.btn:active, .bg-gradient-lightblue.btn.active {
    background: #3c8dbc linear-gradient(180deg, #4f85a5, #307095) repeat-x !important;
    border-color: #2d698c;
    color: #fff;
}

.bg-gradient-lightblue.btn:disabled, .bg-gradient-lightblue.btn.disabled {
    background-image: none !important;
    border-color: #3c8dbc;
    color: #fff;
}

.bg-gradient-navy {
    background: #001f3f linear-gradient(180deg, #26415c, #001f3f) repeat-x !important;
    color: #fff;
}

.bg-gradient-navy.btn:not(:disabled):not(.disabled):active, .bg-gradient-navy.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-navy.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-navy.btn:hover {
    background: #001f3f linear-gradient(180deg, #26313b, #000c19) repeat-x !important;
    border-color: #00060c;
    color: #ececec;
}

.bg-gradient-navy.btn:not(:disabled):not(.disabled):active, .bg-gradient-navy.btn:not(:disabled):not(.disabled).active, .bg-gradient-navy.btn:active, .bg-gradient-navy.btn.active {
    background: #001f3f linear-gradient(180deg, #262b30, #00060c) repeat-x !important;
    border-color: black;
    color: #fff;
}

.bg-gradient-navy.btn:disabled, .bg-gradient-navy.btn.disabled {
    background-image: none !important;
    border-color: #001f3f;
    color: #fff;
}

.bg-gradient-olive {
    background: #3d9970 linear-gradient(180deg, #5aa885, #3d9970) repeat-x !important;
    color: #fff;
}

.bg-gradient-olive.btn:not(:disabled):not(.disabled):active, .bg-gradient-olive.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-olive.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-olive.btn:hover {
    background: #3d9970 linear-gradient(180deg, #519174, #327e5c) repeat-x !important;
    border-color: #2e7555;
    color: #ececec;
}

.bg-gradient-olive.btn:not(:disabled):not(.disabled):active, .bg-gradient-olive.btn:not(:disabled):not(.disabled).active, .bg-gradient-olive.btn:active, .bg-gradient-olive.btn.active {
    background: #3d9970 linear-gradient(180deg, #4e896f, #2e7555) repeat-x !important;
    border-color: #2b6b4f;
    color: #fff;
}

.bg-gradient-olive.btn:disabled, .bg-gradient-olive.btn.disabled {
    background-image: none !important;
    border-color: #3d9970;
    color: #fff;
}

.bg-gradient-lime {
    background: #01ff70 linear-gradient(180deg, #27ff85, #01ff70) repeat-x !important;
    color: #1f2d3d;
}

.bg-gradient-lime.btn:not(:disabled):not(.disabled):active, .bg-gradient-lime.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-lime.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-lime.btn:hover {
    background: #01ff70 linear-gradient(180deg, #26df77, #00da5f) repeat-x !important;
    border-color: #00cd5a;
    color: #121a24;
}

.bg-gradient-lime.btn:not(:disabled):not(.disabled):active, .bg-gradient-lime.btn:not(:disabled):not(.disabled).active, .bg-gradient-lime.btn:active, .bg-gradient-lime.btn.active {
    background: #01ff70 linear-gradient(180deg, #26d572, #00cd5a) repeat-x !important;
    border-color: #00c054;
    color: #fff;
}

.bg-gradient-lime.btn:disabled, .bg-gradient-lime.btn.disabled {
    background-image: none !important;
    border-color: #01ff70;
    color: #1f2d3d;
}

.bg-gradient-fuchsia {
    background: #f012be linear-gradient(180deg, #f236c8, #f012be) repeat-x !important;
    color: #fff;
}

.bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-fuchsia.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-fuchsia.btn:hover {
    background: #f012be linear-gradient(180deg, #d631b1, #cf0da3) repeat-x !important;
    border-color: #c30c9a;
    color: #ececec;
}

.bg-gradient-fuchsia.btn:not(:disabled):not(.disabled):active, .bg-gradient-fuchsia.btn:not(:disabled):not(.disabled).active, .bg-gradient-fuchsia.btn:active, .bg-gradient-fuchsia.btn.active {
    background: #f012be linear-gradient(180deg, #cc31a9, #c30c9a) repeat-x !important;
    border-color: #b70c90;
    color: #fff;
}

.bg-gradient-fuchsia.btn:disabled, .bg-gradient-fuchsia.btn.disabled {
    background-image: none !important;
    border-color: #f012be;
    color: #fff;
}

.bg-gradient-maroon {
    background: #d81b60 linear-gradient(180deg, #de3d78, #d81b60) repeat-x !important;
    color: #fff;
}

.bg-gradient-maroon.btn:not(:disabled):not(.disabled):active, .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-maroon.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-maroon.btn:hover {
    background: #d81b60 linear-gradient(180deg, #c13a6b, #b61751) repeat-x !important;
    border-color: #ab154c;
    color: #ececec;
}

.bg-gradient-maroon.btn:not(:disabled):not(.disabled):active, .bg-gradient-maroon.btn:not(:disabled):not(.disabled).active, .bg-gradient-maroon.btn:active, .bg-gradient-maroon.btn.active {
    background: #d81b60 linear-gradient(180deg, #b73867, #ab154c) repeat-x !important;
    border-color: #9f1447;
    color: #fff;
}

.bg-gradient-maroon.btn:disabled, .bg-gradient-maroon.btn.disabled {
    background-image: none !important;
    border-color: #d81b60;
    color: #fff;
}

.bg-gradient-blue {
    background: #007bff linear-gradient(180deg, #268fff, #007bff) repeat-x !important;
    color: #fff;
}

.bg-gradient-blue.btn:not(:disabled):not(.disabled):active, .bg-gradient-blue.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-blue.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-blue.btn:hover {
    background: #007bff linear-gradient(180deg, #267fde, #0069d9) repeat-x !important;
    border-color: #0062cc;
    color: #ececec;
}

.bg-gradient-blue.btn:not(:disabled):not(.disabled):active, .bg-gradient-blue.btn:not(:disabled):not(.disabled).active, .bg-gradient-blue.btn:active, .bg-gradient-blue.btn.active {
    background: #007bff linear-gradient(180deg, #267ad4, #0062cc) repeat-x !important;
    border-color: #005cbf;
    color: #fff;
}

.bg-gradient-blue.btn:disabled, .bg-gradient-blue.btn.disabled {
    background-image: none !important;
    border-color: #007bff;
    color: #fff;
}

.bg-gradient-indigo {
    background: #6610f2 linear-gradient(180deg, #7d34f4, #6610f2) repeat-x !important;
    color: #fff;
}

.bg-gradient-indigo.btn:not(:disabled):not(.disabled):active, .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-indigo.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-indigo.btn:hover {
    background: #6610f2 linear-gradient(180deg, #7030d7, #560bd0) repeat-x !important;
    border-color: #510bc4;
    color: #ececec;
}

.bg-gradient-indigo.btn:not(:disabled):not(.disabled):active, .bg-gradient-indigo.btn:not(:disabled):not(.disabled).active, .bg-gradient-indigo.btn:active, .bg-gradient-indigo.btn.active {
    background: #6610f2 linear-gradient(180deg, #6b2fcd, #510bc4) repeat-x !important;
    border-color: #4c0ab8;
    color: #fff;
}

.bg-gradient-indigo.btn:disabled, .bg-gradient-indigo.btn.disabled {
    background-image: none !important;
    border-color: #6610f2;
    color: #fff;
}

.bg-gradient-purple {
    background: #6f42c1 linear-gradient(180deg, #855eca, #6f42c1) repeat-x !important;
    color: #fff;
}

.bg-gradient-purple.btn:not(:disabled):not(.disabled):active, .bg-gradient-purple.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-purple.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-purple.btn:hover {
    background: #6f42c1 linear-gradient(180deg, #7655b4, #5e37a6) repeat-x !important;
    border-color: #59339d;
    color: #ececec;
}

.bg-gradient-purple.btn:not(:disabled):not(.disabled):active, .bg-gradient-purple.btn:not(:disabled):not(.disabled).active, .bg-gradient-purple.btn:active, .bg-gradient-purple.btn.active {
    background: #6f42c1 linear-gradient(180deg, #7252ab, #59339d) repeat-x !important;
    border-color: #533093;
    color: #fff;
}

.bg-gradient-purple.btn:disabled, .bg-gradient-purple.btn.disabled {
    background-image: none !important;
    border-color: #6f42c1;
    color: #fff;
}

.bg-gradient-pink {
    background: #e83e8c linear-gradient(180deg, #eb5b9d, #e83e8c) repeat-x !important;
    color: #fff;
}

.bg-gradient-pink.btn:not(:disabled):not(.disabled):active, .bg-gradient-pink.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-pink.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-pink.btn:hover {
    background: #e83e8c linear-gradient(180deg, #e83e8c, #e41c78) repeat-x !important;
    border-color: #d91a72;
    color: #ececec;
}

.bg-gradient-pink.btn:not(:disabled):not(.disabled):active, .bg-gradient-pink.btn:not(:disabled):not(.disabled).active, .bg-gradient-pink.btn:active, .bg-gradient-pink.btn.active {
    background: #e83e8c linear-gradient(180deg, #df3c87, #d91a72) repeat-x !important;
    border-color: #ce196c;
    color: #fff;
}

.bg-gradient-pink.btn:disabled, .bg-gradient-pink.btn.disabled {
    background-image: none !important;
    border-color: #e83e8c;
    color: #fff;
}

.bg-gradient-red {
    background: #dc3545 linear-gradient(180deg, #e15361, #dc3545) repeat-x !important;
    color: #fff;
}

.bg-gradient-red.btn:not(:disabled):not(.disabled):active, .bg-gradient-red.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-red.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-red.btn:hover {
    background: #dc3545 linear-gradient(180deg, #d04451, #c82333) repeat-x !important;
    border-color: #bd2130;
    color: #ececec;
}

.bg-gradient-red.btn:not(:disabled):not(.disabled):active, .bg-gradient-red.btn:not(:disabled):not(.disabled).active, .bg-gradient-red.btn:active, .bg-gradient-red.btn.active {
    background: #dc3545 linear-gradient(180deg, #c7424f, #bd2130) repeat-x !important;
    border-color: #b21f2d;
    color: #fff;
}

.bg-gradient-red.btn:disabled, .bg-gradient-red.btn.disabled {
    background-image: none !important;
    border-color: #dc3545;
    color: #fff;
}

.bg-gradient-orange {
    background: #fd7e14 linear-gradient(180deg, #fd9137, #fd7e14) repeat-x !important;
    color: #1f2d3d;
}

.bg-gradient-orange.btn:not(:disabled):not(.disabled):active, .bg-gradient-orange.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-orange.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-orange.btn:hover {
    background: #fd7e14 linear-gradient(180deg, #ec8128, #e96b02) repeat-x !important;
    border-color: #dc6502;
    color: #121a24;
}

.bg-gradient-orange.btn:not(:disabled):not(.disabled):active, .bg-gradient-orange.btn:not(:disabled):not(.disabled).active, .bg-gradient-orange.btn:active, .bg-gradient-orange.btn.active {
    background: #fd7e14 linear-gradient(180deg, #e17c28, #dc6502) repeat-x !important;
    border-color: #cf5f02;
    color: #fff;
}

.bg-gradient-orange.btn:disabled, .bg-gradient-orange.btn.disabled {
    background-image: none !important;
    border-color: #fd7e14;
    color: #1f2d3d;
}

.bg-gradient-yellow {
    background: #ffc107 linear-gradient(180deg, #ffca2c, #ffc107) repeat-x !important;
    color: #1f2d3d;
}

.bg-gradient-yellow.btn:not(:disabled):not(.disabled):active, .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-yellow.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-yellow.btn:hover {
    background: #ffc107 linear-gradient(180deg, #e4b526, #e0a800) repeat-x !important;
    border-color: #d39e00;
    color: #121a24;
}

.bg-gradient-yellow.btn:not(:disabled):not(.disabled):active, .bg-gradient-yellow.btn:not(:disabled):not(.disabled).active, .bg-gradient-yellow.btn:active, .bg-gradient-yellow.btn.active {
    background: #ffc107 linear-gradient(180deg, #daad26, #d39e00) repeat-x !important;
    border-color: #c69500;
    color: #1f2d3d;
}

.bg-gradient-yellow.btn:disabled, .bg-gradient-yellow.btn.disabled {
    background-image: none !important;
    border-color: #ffc107;
    color: #1f2d3d;
}

.bg-gradient-green {
    background: #28a745 linear-gradient(180deg, #48b461, #28a745) repeat-x !important;
    color: #fff;
}

.bg-gradient-green.btn:not(:disabled):not(.disabled):active, .bg-gradient-green.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-green.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-green.btn:hover {
    background: #28a745 linear-gradient(180deg, #429a56, #218838) repeat-x !important;
    border-color: #1e7e34;
    color: #ececec;
}

.bg-gradient-green.btn:not(:disabled):not(.disabled):active, .bg-gradient-green.btn:not(:disabled):not(.disabled).active, .bg-gradient-green.btn:active, .bg-gradient-green.btn.active {
    background: #28a745 linear-gradient(180deg, #409152, #1e7e34) repeat-x !important;
    border-color: #1c7430;
    color: #fff;
}

.bg-gradient-green.btn:disabled, .bg-gradient-green.btn.disabled {
    background-image: none !important;
    border-color: #28a745;
    color: #fff;
}

.bg-gradient-teal {
    background: #20c997 linear-gradient(180deg, #41d1a7, #20c997) repeat-x !important;
    color: #fff;
}

.bg-gradient-teal.btn:not(:disabled):not(.disabled):active, .bg-gradient-teal.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-teal.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-teal.btn:hover {
    background: #20c997 linear-gradient(180deg, #3db592, #1ba87e) repeat-x !important;
    border-color: #199d76;
    color: #ececec;
}

.bg-gradient-teal.btn:not(:disabled):not(.disabled):active, .bg-gradient-teal.btn:not(:disabled):not(.disabled).active, .bg-gradient-teal.btn:active, .bg-gradient-teal.btn.active {
    background: #20c997 linear-gradient(180deg, #3bac8b, #199d76) repeat-x !important;
    border-color: #17926e;
    color: #fff;
}

.bg-gradient-teal.btn:disabled, .bg-gradient-teal.btn.disabled {
    background-image: none !important;
    border-color: #20c997;
    color: #fff;
}

.bg-gradient-cyan {
    background: #17a2b8 linear-gradient(180deg, #3ab0c3, #17a2b8) repeat-x !important;
    color: #fff;
}

.bg-gradient-cyan.btn:not(:disabled):not(.disabled):active, .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-cyan.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-cyan.btn:hover {
    background: #17a2b8 linear-gradient(180deg, #3697a6, #138496) repeat-x !important;
    border-color: #117a8b;
    color: #ececec;
}

.bg-gradient-cyan.btn:not(:disabled):not(.disabled):active, .bg-gradient-cyan.btn:not(:disabled):not(.disabled).active, .bg-gradient-cyan.btn:active, .bg-gradient-cyan.btn.active {
    background: #17a2b8 linear-gradient(180deg, #358e9c, #117a8b) repeat-x !important;
    border-color: #10707f;
    color: #fff;
}

.bg-gradient-cyan.btn:disabled, .bg-gradient-cyan.btn.disabled {
    background-image: none !important;
    border-color: #17a2b8;
    color: #fff;
}

.bg-gradient-white {
    background: #fff linear-gradient(180deg, white, #fff) repeat-x !important;
    color: #1f2d3d;
}

.bg-gradient-white.btn:not(:disabled):not(.disabled):active, .bg-gradient-white.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-white.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-white.btn:hover {
    background: #fff linear-gradient(180deg, #efefef, #ececec) repeat-x !important;
    border-color: #e6e6e6;
    color: #121a24;
}

.bg-gradient-white.btn:not(:disabled):not(.disabled):active, .bg-gradient-white.btn:not(:disabled):not(.disabled).active, .bg-gradient-white.btn:active, .bg-gradient-white.btn.active {
    background: #fff linear-gradient(180deg, #e9e9e9, #e6e6e6) repeat-x !important;
    border-color: #dfdfdf;
    color: #1f2d3d;
}

.bg-gradient-white.btn:disabled, .bg-gradient-white.btn.disabled {
    background-image: none !important;
    border-color: #fff;
    color: #1f2d3d;
}

.bg-gradient-gray {
    background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important;
    color: #fff;
}

.bg-gradient-gray.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-gray.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-gray.btn:hover {
    background: #6c757d linear-gradient(180deg, #73797f, #5a6268) repeat-x !important;
    border-color: #545b62;
    color: #ececec;
}

.bg-gradient-gray.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray.btn:not(:disabled):not(.disabled).active, .bg-gradient-gray.btn:active, .bg-gradient-gray.btn.active {
    background: #6c757d linear-gradient(180deg, #6e7479, #545b62) repeat-x !important;
    border-color: #4e555b;
    color: #fff;
}

.bg-gradient-gray.btn:disabled, .bg-gradient-gray.btn.disabled {
    background-image: none !important;
    border-color: #6c757d;
    color: #fff;
}

.bg-gradient-gray-dark {
    background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important;
    color: #fff;
}

.bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active,
.show > .bg-gradient-gray-dark.btn.dropdown-toggle {
    background-image: none !important;
}

.bg-gradient-gray-dark.btn:hover {
    background: #343a40 linear-gradient(180deg, #44474b, #23272b) repeat-x !important;
    border-color: #1d2124;
    color: #ececec;
}

.bg-gradient-gray-dark.btn:not(:disabled):not(.disabled):active, .bg-gradient-gray-dark.btn:not(:disabled):not(.disabled).active, .bg-gradient-gray-dark.btn:active, .bg-gradient-gray-dark.btn.active {
    background: #343a40 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important;
    border-color: #171a1d;
    color: #fff;
}

.bg-gradient-gray-dark.btn:disabled, .bg-gradient-gray-dark.btn.disabled {
    background-image: none !important;
    border-color: #343a40;
    color: #fff;
}