.white-back{
            background-color: transparent;
            border-color: transparent;
        }
.logo-max{
    max-height: 48px;
}
.navbar-brand {
    height:auto;
}
.top-search-bar{
    width: 100% !important;
    min-height: 50px;
}
.left-side-bar-nav{
    text-align: center;
    padding: 10px;
}
.right-side-bar-nav{
    text-align: left;
    padding: 10px 10px 10px 0px;
}
.explore-max {
    max-height: 70px;
}
.color-red{
    color: red;
}
.btn-open-position{
    color: black;
    background-color: #2A86EF;
    padding: 10px 30px;
    border-radius: 10px;
}
.make-blue-background{
    background-color: #2A86EF;
    color: white;
}
.make-blue-background:hover{
    background-color: white;
    color: #2A86EF;
    border-color: #2A86EF;
    border-width: 1px !important;
}
.background-color-white{
    color: black;
    background-color: white;
}
.background-color-table{
    background-color: #F4F7FA;
}
.text-center-vertically-middle{
    text-align: -webkit-center;
    vertical-align: middle !important;
}
/*font size class*/
.font-seventy{
    font-size: 70px;
}
.font-thirty{
    font-size: 30px;
}
.font-twenty{
    font-size: 20px;
}
.font-fifteen{
    font-size: 15px;
}
/*text class*/
.text-color{
    color: #FFFFFF !important;
}
.text-color-black{
    color: black !important;
}
.text-decoration-none{
    text-decoration: none !important;
}
/*min height class*/
.max-height-ninty-three{
    min-height: 93px;
}
.min-height-three-fifty{
    min-height: 350px;
}
.min-height-two-five{
    min-height: 205px;
}
/*border class*/
.border-left-only{
    border-left:1px solid white ;
}
.border-grey-all{
    border: 1px solid darkgray;
}
.box-shadow{
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.hr-border-color{
    border: 1px solid black;
    margin-top: 50px;
}
.make-bottom-border-blue{
    border-bottom: 1px solid #2A86EF;
}
.make-bottom-border-black {
    border-bottom: 1px solid black;
}
/*padding class*/
.padding-bottom-ten{
    padding-bottom: 10px;
}
.padding-top-ten{
    padding-top: 10px;
}
.padding-all-fifty{
    padding: 50px 50px;
}
.padding-zero{
    padding: 0px 0px;
}
.padding-left-zero{
    padding-left: 0px;
}
/*margin class*/
.margin-bottom-ten{
    margin-bottom: 10px;
}
.margin-top-ten{
    margin-top: 10px;
}
.margin-top-bottom{
    margin: 20px 90px;
}
.margin-all-fifty{
    margin: 50px 50px;
}
.no-margin-all{
    margin: 0px 0px;
}
.top-zero{
    top: 0px !important;
}
.overflow-div{
    position: absolute;
    overflow: visible;
    z-index: 1;
    right: 298px;
    top: 75px;
}

.white-back{
    background-color: transparent;
    border-color: transparent;
}
.navbar-brand {
    height:auto;
}
.top-search-bar{
    width: 100% !important;
    min-height: 50px;
}
.left-side-bar-nav{
    text-align: center;
    padding: 10px;
}
.right-side-bar-nav{
    text-align: left;
    padding: 10px 10px 10px 0px;
}
.explore-max {
    max-height: 70px;
}
.color-red{
    color: red;
}
.color-black{
    color: black;
}
.btn-open-position{
    width: 125px;
    height: 45px;
    color: white;
    background-color: #2A86EF;
    border-radius: 5px;
    z-index: 50;
    border-width: 1px !important;
}
.btn-open-position:hover{
    color: #2A86EF;
    background-color: white;
    border-color: #2A86EF;
}
.make-blue-background{
    background-color: #2A86EF;
    color: white;
}
.make-blue-background:hover{
    background-color: white;
    color: #2A86EF;
    border-color: #2A86EF;
}
.background-color-white{
    color: black;
    background-color: white;
}
.background-color-company-list,
.background-color-table{
    background-color: #F4F7FA;
}
.background-color-yellow{
    background-color: #DCB000;
}
.background-color-greesh{
    background-color:#00D3B3;
}
.text-center-vertically-middle{
    text-align: -webkit-center;
    vertical-align: middle !important;
}
.background-color-job-detail,
.background-color-company-list,
.background-color-table{
    background-color: #F4F7FA;
}
/*font size class*/
.font-seventy{
    font-size: 70px;
}
.font-thirty{
    font-size: 30px;
}
.font-twenty{
    font-size: 20px;
}

/*text class*/
.text-color{
    color: #FFFFFF !important;
}
.text-color-black{
    color: black !important;
}

/*min height class*/
.max-height-ninty-three{
    min-height: 93px;
}
.min-height-three-fifty{
    min-height: 350px;
}
.min-height-two-five{
    min-height: 205px;
}

/*border class*/
.border-left-only{
    border-left:1px solid white ;
}
.box-shadow{
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.hr-border-color{
    border: 1px solid black;
    margin-top: 50px;
}
.make-bottom-border-blue{
    border-bottom: 1px solid #2A86EF;
}
.make-bottom-border-black {
    border-bottom: 1px solid black;
}
/*padding class*/
.padding-bottom-ten{
    padding-bottom: 10px;
}
.padding-top-ten{
    padding-top: 10px;
}
.padding-all-fifty{
    padding: 50px 50px;
}
.padding-zero{
    padding: 0px 0px;
}
.padding-left-zero{
    padding-left: 0px;
}
.padding-all-ten {
    padding: 10px;
}

/*margin class*/
.margin-bottom-ten{
    margin-bottom: 10px;
}
.margin-top-ten{
    margin-top: 10px;
}
.margin-top-bottom{
    margin: 20px 90px;
}
.margin-all-fifty{
    margin: 50px 50px;
}
.no-margin-all{
    margin: 0px 0px;
}
.margin-left-ten{
    margin-left: 10px;
}
.margin-top-down-fifty{
    margin: 50px 0px;
}
.overflow-div{
    position: absolute;
    overflow: visible;
    z-index: 1;
    right: 298px;
    top: 75px;
}
.carousel-caption{
    padding-bottom: 150px !important;
}
.carousel-href{
    border: 1px solid white;
    padding: 10px 30px;
    border-radius: 8px;
    color: white;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: white;
    cursor: default;
    background-color: #2A86EF;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.nav-tabs {
    border-bottom: none !important;
}

.carousel-caption{
    padding-bottom: 150px !important;
}
.carousel-href{
    border: 1px solid white;
    padding: 10px 30px;
    border-radius: 8px;
    color: white;
}
ul#filter-hiring-now>li{
    display: inline-block;
    margin-left: 10px;
}
@keyframes click-wave {
    0% {
        height: 40px;
        width: 40px;
        opacity: 0.35;
        position: relative;
    }
    100% {
        height: 200px;
        width: 200px;
        margin-left: -80px;
        margin-top: -80px;
        opacity: 0;
    }
}
ul#filter-hiring-now>li>input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    top: 6.33333px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 20px;
    width: 20px;
    transition: all 0.15s ease-out 0s;
    background: #cbd1d8;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.5rem;
    outline: none;
    position: relative;
    z-index: 1000;
}
ul#filter-hiring-now>li>input:hover {
    background: #9faab7;
}
ul#filter-hiring-now>li>input:checked {
    background: #5cb85c;
}
ul#filter-hiring-now>li>input:checked::before {
  height: 20px;
  width: 20px;
  position: absolute;
  content: '✔';
  display: inline-block;
  font-size: 14.66667px;
  text-align: center;
  line-height: 20px;
}
ul#filter-hiring-now>li>input:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #5cb85c;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}
ul#filter-hiring-now>li>input {
  border-radius: 50%;
}
ul#filter-hiring-now>li>input::after {
  border-radius: 50%;
}
.span-job-details {
    margin: 10px !important;
    padding: 10px 30px !important;
    border-radius: 50px !important;
    color: white ;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition:  none;
    transition: none;
}


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

.bg-primary,
.bg-primary > a {
    color: #ffffff !important;
}

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

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

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

.bg-secondary,
.bg-secondary > a {
    color: #ffffff !important;
}

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

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

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

.bg-success,
.bg-success > a {
    color: #ffffff !important;
}

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

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

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

.bg-info,
.bg-info > a {
    color: #ffffff !important;
}

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

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

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

.bg-warning,
.bg-warning > a {
    color: #1F2D3D !important;
}

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

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

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

.bg-danger,
.bg-danger > a {
    color: #ffffff !important;
}

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

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

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

.bg-light,
.bg-light > a {
    color: #1F2D3D !important;
}

.bg-light.btn:hover {
    border-color: #dae0e5;
    color: #121a24;
}

.bg-light.btn:not(:disabled):not(.disabled):active, .bg-light.btn:not(:disabled):not(.disabled).active, .bg-light.btn:active, .bg-light.btn.active {
    background-color: #dae0e5 !important;
    border-color: #d3d9df;
    color: #1F2D3D;
}

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

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

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

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

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

.bg-navy,
.bg-navy > a {
    color: #ffffff !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: #ffffff;
}

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

.bg-olive,
.bg-olive > a {
    color: #ffffff !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: #ffffff;
}

.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: #ffffff;
}

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

.bg-fuchsia,
.bg-fuchsia > a {
    color: #ffffff !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: #ffffff;
}

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

.bg-maroon,
.bg-maroon > a {
    color: #ffffff !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: #ffffff;
}

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

.bg-blue,
.bg-blue > a {
    color: #ffffff !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: #ffffff;
}

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

.bg-indigo,
.bg-indigo > a {
    color: #ffffff !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: #ffffff;
}

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

.bg-purple,
.bg-purple > a {
    color: #ffffff !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: #ffffff;
}

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

.bg-pink,
.bg-pink > a {
    color: #ffffff !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: #ffffff;
}

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

.bg-red,
.bg-red > a {
    color: #ffffff !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: #ffffff;
}

.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: #ffffff;
}

.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: #ffffff !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: #ffffff;
}

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

.bg-teal,
.bg-teal > a {
    color: #ffffff !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: #ffffff;
}

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

.bg-cyan,
.bg-cyan > a {
    color: #ffffff !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: #ffffff;
}

.bg-white {
    background-color: #ffffff !important;
}

.bg-white,
.bg-white > a {
    color: #1F2D3D !important;
}

.bg-white.btn:hover {
    border-color: #e6e6e6;
    color: #121a24;
}

.bg-white.btn:not(:disabled):not(.disabled):active, .bg-white.btn:not(:disabled):not(.disabled).active, .bg-white.btn:active, .bg-white.btn.active {
    background-color: #e6e6e6 !important;
    border-color: #dfdfdf;
    color: #1F2D3D;
}

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

.bg-gray,
.bg-gray > a {
    color: #ffffff !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: #ffffff;
}

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

.bg-gray-dark,
.bg-gray-dark > a {
    color: #ffffff !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: #ffffff;
}

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

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

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

.bg-white {
    background-color: #ffffff;
    color: #1F2D3D !important;
}

.bg-gradient-primary {
    color: #ffffff;
}

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

.bg-gradient-primary.btn.disabled, .bg-gradient-primary.btn:disabled, .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 {
    border-color: #0062cc;
    color: #ececec;
}

.bg-gradient-primary.btn:hover {
    background: #0069d9 linear-gradient(180deg, #267fde, #0069d9) repeat-x !important;
}

.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 {
    border-color: #005cbf;
    color: #ffffff;
}

.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: #0062cc linear-gradient(180deg, #267ad4, #0062cc) repeat-x !important;
}

.bg-gradient-secondary {
    color: #ffffff;
}

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

.bg-gradient-secondary.btn.disabled, .bg-gradient-secondary.btn:disabled, .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 {
    border-color: #545b62;
    color: #ececec;
}

.bg-gradient-secondary.btn:hover {
    background: #5a6268 linear-gradient(180deg, #73797f, #5a6268) repeat-x !important;
}

.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 {
    border-color: #4e555b;
    color: #ffffff;
}

.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: #545b62 linear-gradient(180deg, #6e7479, #545b62) repeat-x !important;
}

.bg-gradient-success {
    color: #ffffff;
}

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

.bg-gradient-success.btn.disabled, .bg-gradient-success.btn:disabled, .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 {
    border-color: #1e7e34;
    color: #ececec;
}

.bg-gradient-success.btn:hover {
    background: #218838 linear-gradient(180deg, #429a56, #218838) repeat-x !important;
}

.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 {
    border-color: #1c7430;
    color: #ffffff;
}

.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: #1e7e34 linear-gradient(180deg, #409152, #1e7e34) repeat-x !important;
}

.bg-gradient-info {
    color: #ffffff;
}

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

.bg-gradient-info.btn.disabled, .bg-gradient-info.btn:disabled, .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 {
    border-color: #117a8b;
    color: #ececec;
}

.bg-gradient-info.btn:hover {
    background: #138496 linear-gradient(180deg, #3697a6, #138496) repeat-x !important;
}

.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 {
    border-color: #10707f;
    color: #ffffff;
}

.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: #117a8b linear-gradient(180deg, #358e9c, #117a8b) repeat-x !important;
}

.bg-gradient-warning {
    color: #1F2D3D;
}

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

.bg-gradient-warning.btn.disabled, .bg-gradient-warning.btn:disabled, .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 {
    border-color: #d39e00;
    color: #121a24;
}

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

.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 {
    border-color: #c69500;
    color: #1F2D3D;
}

.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: #d39e00 linear-gradient(180deg, #daad26, #d39e00) repeat-x !important;
}

.bg-gradient-danger {
    color: #ffffff;
}

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

.bg-gradient-danger.btn.disabled, .bg-gradient-danger.btn:disabled, .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 {
    border-color: #bd2130;
    color: #ececec;
}

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

.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 {
    border-color: #b21f2d;
    color: #ffffff;
}

.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: #bd2130 linear-gradient(180deg, #c7424f, #bd2130) repeat-x !important;
}

.bg-gradient-light {
    color: #1F2D3D;
}

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

.bg-gradient-light.btn.disabled, .bg-gradient-light.btn:disabled, .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 {
    border-color: #dae0e5;
    color: #121a24;
}

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

.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 {
    border-color: #d3d9df;
    color: #1F2D3D;
}

.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: #dae0e5 linear-gradient(180deg, #e0e4e9, #dae0e5) repeat-x !important;
}

.bg-gradient-dark {
    color: #ffffff;
}

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

.bg-gradient-dark.btn.disabled, .bg-gradient-dark.btn:disabled, .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 {
    border-color: #1d2124;
    color: #ececec;
}

.bg-gradient-dark.btn:hover {
    background: #23272b linear-gradient(180deg, #44474b, #23272b) repeat-x !important;
}

.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 {
    border-color: #171a1d;
    color: #ffffff;
}

.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: #1d2124 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important;
}

.bg-gradient-navy {
    color: #ffffff;
}

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

.bg-gradient-navy.btn.disabled, .bg-gradient-navy.btn:disabled, .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 {
    border-color: #00060c;
    color: #ececec;
}

.bg-gradient-navy.btn:hover {
    background: #000c19 linear-gradient(180deg, #26313b, #000c19) repeat-x !important;
}

.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 {
    border-color: black;
    color: #ffffff;
}

.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: #00060c linear-gradient(180deg, #262b30, #00060c) repeat-x !important;
}

.bg-gradient-olive {
    color: #ffffff;
}

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

.bg-gradient-olive.btn.disabled, .bg-gradient-olive.btn:disabled, .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 {
    border-color: #2e7555;
    color: #ececec;
}

.bg-gradient-olive.btn:hover {
    background: #327e5c linear-gradient(180deg, #519174, #327e5c) repeat-x !important;
}

.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 {
    border-color: #2b6b4f;
    color: #ffffff;
}

.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: #2e7555 linear-gradient(180deg, #4e896f, #2e7555) repeat-x !important;
}

.bg-gradient-lime {
    color: #1F2D3D;
}

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

.bg-gradient-lime.btn.disabled, .bg-gradient-lime.btn:disabled, .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 {
    border-color: #00cd5a;
    color: #121a24;
}

.bg-gradient-lime.btn:hover {
    background: #00da5f linear-gradient(180deg, #26df77, #00da5f) repeat-x !important;
}

.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 {
    border-color: #00c054;
    color: #ffffff;
}

.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: #00cd5a linear-gradient(180deg, #26d572, #00cd5a) repeat-x !important;
}

.bg-gradient-fuchsia {
    color: #ffffff;
}

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

.bg-gradient-fuchsia.btn.disabled, .bg-gradient-fuchsia.btn:disabled, .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 {
    border-color: #c30c9a;
    color: #ececec;
}

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

.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 {
    border-color: #b70c90;
    color: #ffffff;
}

.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: #c30c9a linear-gradient(180deg, #cc31a9, #c30c9a) repeat-x !important;
}

.bg-gradient-maroon {
    color: #ffffff;
}

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

.bg-gradient-maroon.btn.disabled, .bg-gradient-maroon.btn:disabled, .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 {
    border-color: #ab154c;
    color: #ececec;
}

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

.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 {
    border-color: #9f1447;
    color: #ffffff;
}

.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: #ab154c linear-gradient(180deg, #b73867, #ab154c) repeat-x !important;
}

.bg-gradient-blue {
    color: #ffffff;
}

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

.bg-gradient-blue.btn.disabled, .bg-gradient-blue.btn:disabled, .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 {
    border-color: #0062cc;
    color: #ececec;
}

.bg-gradient-blue.btn:hover {
    background: #0069d9 linear-gradient(180deg, #267fde, #0069d9) repeat-x !important;
}

.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 {
    border-color: #005cbf;
    color: #ffffff;
}

.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: #0062cc linear-gradient(180deg, #267ad4, #0062cc) repeat-x !important;
}

.bg-gradient-indigo {
    color: #ffffff;
}

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

.bg-gradient-indigo.btn.disabled, .bg-gradient-indigo.btn:disabled, .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 {
    border-color: #510bc4;
    color: #ececec;
}

.bg-gradient-indigo.btn:hover {
    background: #560bd0 linear-gradient(180deg, #7030d7, #560bd0) repeat-x !important;
}

.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 {
    border-color: #4c0ab8;
    color: #ffffff;
}

.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: #510bc4 linear-gradient(180deg, #6b2fcd, #510bc4) repeat-x !important;
}

.bg-gradient-purple {
    color: #ffffff;
}

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

.bg-gradient-purple.btn.disabled, .bg-gradient-purple.btn:disabled, .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 {
    border-color: #59339d;
    color: #ececec;
}

.bg-gradient-purple.btn:hover {
    background: #5e37a6 linear-gradient(180deg, #7655b4, #5e37a6) repeat-x !important;
}

.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 {
    border-color: #533093;
    color: #ffffff;
}

.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: #59339d linear-gradient(180deg, #7252ab, #59339d) repeat-x !important;
}

.bg-gradient-pink {
    color: #ffffff;
}

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

.bg-gradient-pink.btn.disabled, .bg-gradient-pink.btn:disabled, .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 {
    border-color: #d91a72;
    color: #ececec;
}

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

.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 {
    border-color: #ce196c;
    color: #ffffff;
}

.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: #d91a72 linear-gradient(180deg, #df3c87, #d91a72) repeat-x !important;
}

.bg-gradient-red {
    color: #ffffff;
}

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

.bg-gradient-red.btn.disabled, .bg-gradient-red.btn:disabled, .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 {
    border-color: #bd2130;
    color: #ececec;
}

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

.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 {
    border-color: #b21f2d;
    color: #ffffff;
}

.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: #bd2130 linear-gradient(180deg, #c7424f, #bd2130) repeat-x !important;
}

.bg-gradient-orange {
    color: #1F2D3D;
}

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

.bg-gradient-orange.btn.disabled, .bg-gradient-orange.btn:disabled, .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 {
    border-color: #dc6502;
    color: #121a24;
}

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

.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 {
    border-color: #cf5f02;
    color: #ffffff;
}

.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: #dc6502 linear-gradient(180deg, #e17c28, #dc6502) repeat-x !important;
}

.bg-gradient-yellow {
    color: #1F2D3D;
}

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

.bg-gradient-yellow.btn.disabled, .bg-gradient-yellow.btn:disabled, .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 {
    border-color: #d39e00;
    color: #121a24;
}

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

.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 {
    border-color: #c69500;
    color: #1F2D3D;
}

.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: #d39e00 linear-gradient(180deg, #daad26, #d39e00) repeat-x !important;
}

.bg-gradient-green {
    color: #ffffff;
}

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

.bg-gradient-green.btn.disabled, .bg-gradient-green.btn:disabled, .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 {
    border-color: #1e7e34;
    color: #ececec;
}

.bg-gradient-green.btn:hover {
    background: #218838 linear-gradient(180deg, #429a56, #218838) repeat-x !important;
}

.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 {
    border-color: #1c7430;
    color: #ffffff;
}

.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: #1e7e34 linear-gradient(180deg, #409152, #1e7e34) repeat-x !important;
}

.bg-gradient-teal {
    color: #ffffff;
}

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

.bg-gradient-teal.btn.disabled, .bg-gradient-teal.btn:disabled, .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 {
    border-color: #199d76;
    color: #ececec;
}

.bg-gradient-teal.btn:hover {
    background: #1ba87e linear-gradient(180deg, #3db592, #1ba87e) repeat-x !important;
}

.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 {
    border-color: #17926e;
    color: #ffffff;
}

.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: #199d76 linear-gradient(180deg, #3bac8b, #199d76) repeat-x !important;
}

.bg-gradient-cyan {
    color: #ffffff;
}

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

.bg-gradient-cyan.btn.disabled, .bg-gradient-cyan.btn:disabled, .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 {
    border-color: #117a8b;
    color: #ececec;
}

.bg-gradient-cyan.btn:hover {
    background: #138496 linear-gradient(180deg, #3697a6, #138496) repeat-x !important;
}

.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 {
    border-color: #10707f;
    color: #ffffff;
}

.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: #117a8b linear-gradient(180deg, #358e9c, #117a8b) repeat-x !important;
}

.bg-gradient-white {
    color: #1F2D3D;
}

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

.bg-gradient-white.btn.disabled, .bg-gradient-white.btn:disabled, .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 {
    border-color: #e6e6e6;
    color: #121a24;
}

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

.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 {
    border-color: #dfdfdf;
    color: #1F2D3D;
}

.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: #e6e6e6 linear-gradient(180deg, #e9e9e9, #e6e6e6) repeat-x !important;
}

.bg-gradient-gray {
    color: #ffffff;
}

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

.bg-gradient-gray.btn.disabled, .bg-gradient-gray.btn:disabled, .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 {
    border-color: #545b62;
    color: #ececec;
}

.bg-gradient-gray.btn:hover {
    background: #5a6268 linear-gradient(180deg, #73797f, #5a6268) repeat-x !important;
}

.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 {
    border-color: #4e555b;
    color: #ffffff;
}

.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: #545b62 linear-gradient(180deg, #6e7479, #545b62) repeat-x !important;
}

.bg-gradient-gray-dark {
    color: #ffffff;
}

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

.bg-gradient-gray-dark.btn.disabled, .bg-gradient-gray-dark.btn:disabled, .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 {
    border-color: #1d2124;
    color: #ececec;
}

.bg-gradient-gray-dark.btn:hover {
    background: #23272b linear-gradient(180deg, #44474b, #23272b) repeat-x !important;
}

.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 {
    border-color: #171a1d;
    color: #ffffff;
}

.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: #1d2124 linear-gradient(180deg, #3f4245, #1d2124) repeat-x !important;
}

[class^='bg-'].disabled {
    opacity: .65;
}




.small-box {
    border-radius: 0.25rem;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
    display: block;
    margin-bottom: 20px;
    position: relative;
}

.small-box > .inner {
    padding: 10px;
}

.small-box > .small-box-footer {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.8);
    display: block;
    padding: 3px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    z-index: 10;
}

.small-box > .small-box-footer:hover {
    background: rgba(0, 0, 0, 0.15);
    color: #ffffff;
}

.small-box h3 {
    font-size: 2.2rem;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 0;
    white-space: nowrap;
}

@media (min-width: 992px) {
    .col-xl-2 .small-box h3,
    .col-lg-2 .small-box h3,
    .col-md-2 .small-box h3 {
        font-size: 1.6rem;
    }
    .col-xl-3 .small-box h3,
    .col-lg-3 .small-box h3,
    .col-md-3 .small-box h3 {
        font-size: 1.6rem;
    }
}

@media (min-width: 1200px) {
    .col-xl-2 .small-box h3,
    .col-lg-2 .small-box h3,
    .col-md-2 .small-box h3 {
        font-size: 2.2rem;
    }
    .col-xl-3 .small-box h3,
    .col-lg-3 .small-box h3,
    .col-md-3 .small-box h3 {
        font-size: 2.2rem;
    }
}

.small-box p {
    font-size: 1rem;
}

.small-box p > small {
    color: #f8f9fa;
    display: block;
    font-size: 0.9rem;
    margin-top: 5px;
}

.small-box h3,
.small-box p {
    z-index: 5;
}

.small-box .icon {
    color: rgba(0, 0, 0, 0.15);
    z-index: 0;
}

.small-box .icon > i {
    font-size: 90px;
    position: absolute;
    right: 15px;
    top: 15px;
    transition: all 0.3s linear;
}

.small-box .icon > i.fa, .small-box .icon > i.fas, .small-box .icon > i.far, .small-box .icon > i.fab, .small-box .icon > i.glyphicon, .small-box .icon > i.ion {
    font-size: 70px;
    top: 20px;
}

.small-box:hover {
    text-decoration: none;
}

.small-box:hover .icon > i {
    font-size: 95px;
}

.small-box:hover .icon > i.fa, .small-box:hover .icon > i.fas, .small-box:hover .icon > i.far, .small-box:hover .icon > i.fab, .small-box:hover .icon > i.glyphicon, .small-box:hover .icon > i.ion {
    font-size: 75px;
}

@media (max-width: 767.98px) {
    .small-box {
        text-align: center;
    }
    .small-box .icon {
        display: none;
    }
    .small-box p {
        font-size: 12px;
    }
}

.info-box .overlay > .fa,
.info-box .overlay > .fas,
.info-box .overlay > .far,
.info-box .overlay > .fab,
.info-box .overlay > .glyphicon,
.info-box .overlay > .ion,
.small-box .overlay > .fa,
.small-box .overlay > .fas,
.small-box .overlay > .far,
.small-box .overlay > .fab,
.small-box .overlay > .glyphicon,
.small-box .overlay > .ion {
    color: #343a40;
}

.info-box .overlay.dark,
.small-box .overlay.dark {
    background: rgba(0, 0, 0, 0.5);
}

.info-box .overlay.dark > .fa,
.info-box .overlay.dark > .fas,
.info-box .overlay.dark > .far,
.info-box .overlay.dark > .fab,
.info-box .overlay.dark > .glyphicon,
.info-box .overlay.dark > .ion,
.small-box .overlay.dark > .fa,
.small-box .overlay.dark > .fas,
.small-box .overlay.dark > .far,
.small-box .overlay.dark > .fab,
.small-box .overlay.dark > .glyphicon,
.small-box .overlay.dark > .ion {
    color: #ced4da;
}


.info-box {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
    border-radius: 0.25rem;
    background: #ffffff;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    min-height: 80px;
    padding: .5rem;
    position: relative;
}

.info-box .progress {
    background-color: rgba(0, 0, 0, 0.125);
    height: 2px;
    margin: 5px 0;
}

.info-box .progress .progress-bar {
    background-color: #ffffff;
}

.info-box .info-box-icon {
    border-radius: 0.25rem;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.875rem;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 70px;
}

.info-box .info-box-icon > img {
    max-width: 100%;
}

.info-box .info-box-content {
    -ms-flex: 1;
    flex: 1;
    padding: 5px 10px;
}

.info-box .info-box-number {
    display: block;
    font-weight: 700;
}

.info-box .progress-description,
.info-box .info-box-text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info-box .info-box .bg-primary,
.info-box .info-box .bg-gradient-primary {
    color: #ffffff;
}

.info-box .info-box .bg-primary .progress-bar,
.info-box .info-box .bg-gradient-primary .progress-bar {
    background-color: #ffffff;
}

.info-box .info-box .bg-secondary,
.info-box .info-box .bg-gradient-secondary {
    color: #ffffff;
}

.info-box .info-box .bg-secondary .progress-bar,
.info-box .info-box .bg-gradient-secondary .progress-bar {
    background-color: #ffffff;
}

.info-box .info-box .bg-success,
.info-box .info-box .bg-gradient-success {
    color: #ffffff;
}

.info-box .info-box .bg-success .progress-bar,
.info-box .info-box .bg-gradient-success .progress-bar {
    background-color: #ffffff;
}

.info-box .info-box .bg-info,
.info-box .info-box .bg-gradient-info {
    color: #ffffff;
}

.info-box .info-box .bg-info .progress-bar,
.info-box .info-box .bg-gradient-info .progress-bar {
    background-color: #ffffff;
}

.info-box .info-box .bg-warning,
.info-box .info-box .bg-gradient-warning {
    color: #1F2D3D;
}

.info-box .info-box .bg-warning .progress-bar,
.info-box .info-box .bg-gradient-warning .progress-bar {
    background-color: #1F2D3D;
}

.info-box .info-box .bg-danger,
.info-box .info-box .bg-gradient-danger {
    color: #ffffff;
}

.info-box .info-box .bg-danger .progress-bar,
.info-box .info-box .bg-gradient-danger .progress-bar {
    background-color: #ffffff;
}

.info-box .info-box .bg-light,
.info-box .info-box .bg-gradient-light {
    color: #1F2D3D;
}

.info-box .info-box .bg-light .progress-bar,
.info-box .info-box .bg-gradient-light .progress-bar {
    background-color: #1F2D3D;
}

.info-box .info-box .bg-dark,
.info-box .info-box .bg-gradient-dark {
    color: #ffffff;
}

.info-box .info-box .bg-dark .progress-bar,
.info-box .info-box .bg-gradient-dark .progress-bar {
    background-color: #ffffff;
}

.info-box .info-box-more {
    display: block;
}

.info-box .progress-description {
    margin: 0;
}

@media (min-width: 768px) {
    .col-xl-2 .info-box .progress-description,
    .col-lg-2 .info-box .progress-description,
    .col-md-2 .info-box .progress-description {
        display: none;
    }
    .col-xl-3 .info-box .progress-description,
    .col-lg-3 .info-box .progress-description,
    .col-md-3 .info-box .progress-description {
        display: none;
    }
}

@media (min-width: 992px) {
    .col-xl-2 .info-box .progress-description,
    .col-lg-2 .info-box .progress-description,
    .col-md-2 .info-box .progress-description {
        font-size: 0.75rem;
        display: block;
    }
    .col-xl-3 .info-box .progress-description,
    .col-lg-3 .info-box .progress-description,
    .col-md-3 .info-box .progress-description {
        font-size: 0.75rem;
        display: block;
    }
}

@media (min-width: 1200px) {
    .col-xl-2 .info-box .progress-description,
    .col-lg-2 .info-box .progress-description,
    .col-md-2 .info-box .progress-description {
        font-size: 1rem;
        display: block;
    }
    .col-xl-3 .info-box .progress-description,
    .col-lg-3 .info-box .progress-description,
    .col-md-3 .info-box .progress-description {
        font-size: 1rem;
        display: block;
    }
}



.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}