/* ----------------------------------------------------------------------------- */
/* buttons
-------------------------------------------------------------------------------- */
.success{
    background: #00a33d !important;
    border-color: #00a33d !important;
}
.success:hover{
    background: #00912f !important;
    border-color: #00912f !important;
}
.trial-header{color:#ff7f1b;}
.trial{
    background: #ff7f1b !important;
    border-color: #ff7f1b !important;
}
.trial:hover{
    background: #ff6c14 !important;
    border-color: #ff6c14 !important;
}
.demo-header{color:#0069ac;}
.demo{
    background: #0069ac !important;
    border-color: #0069ac !important;
}
.demo:hover{
    background: #04569b !important;
    border-color: #04569b !important;
}
.btn {
    font-family: 'Work Sans', sans-serif !important;
    font-size:14px !important;
    font-weight:600;
    text-transform:uppercase;
    border-radius: 0;
}

.btn-lg {
    padding: 15px 30px;
    font-size: 18px;
}
.btn-bottom-right{
    position: absolute;
    bottom:0;
    right:0;
}
.btn-margin{margin:0 2em;}
.btn:active,
.btn.active { -webkit-box-shadow: none; box-shadow: none; }
.btn-arrow { font-size: .9em; font-weight: 600; text-transform: uppercase; }
.btn-arrow:after {
    font-family: 'FontAwesome';
    font-size: 1em;
    content: '\f105';
    margin-left: 10px;
}
.btn-primary { background-color: #009eb6; border-color: #009eb6; color: #fff !important; }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active { background-color: #00b3cc !important; border-color: #00b3cc !important; color: #fff; }
.btn-primary-outline { border-color: #009eb6; color: #009eb6 !important; }
.btn-primary-outline:hover { border-color: #00c6e1; color: #00c6e1; }

.btn-outline-neutral { border: 1px solid #fff; color: #fff; }
.btn-outline-neutral:hover { border-color: #00c6e1; color: #00c6e1; }

.btn-primary-inverse { background-color: #fff; border-color: #fff; color: #009eb6;  }
.btn-primary-inverse:hover { background-color: #d8f0f5; border-color: #d8f0f5; color: #009eb6; }

.btn-primary-inverse-outline { background-color: transparent; border-color: #fff; color: #fff !important; }
.btn-primary-inverse-outline:hover { background-color: transparent; border-color: #d8f0f5; color: #d8f0f5 !important; }

.btn-visio { background-color: #4b68b0; border-color: #4b68b0 ; color: #fff !important; }
.btn-visio:hover,
.btn-visio:focus,
.btn-visio:active { background-color: #5774b7 !important; border-color: #5774b7 !important; color: #fff; }

.btn-dm { background-color: #efa91b; border-color: #efa91b ; color: #fff !important; }
.btn-dm:hover,
.btn-dm:focus,
.btn-dm:active { background-color: #f7d48d !important; border-color: #f7d48d !important; color: #fff; }
.btn-dm-outline { border-color: #efa91b !important;  color: #efa91b !important; }
.btn-dm-outline:hover { border-color: #f7d48d !important; color: #f7d48d !important; }

.btn-training {background-color: #009eb6; border-color: #009eb6; color: #fff !important; width: 120px}
.btn-training:hover {background-color: #00c6e1 !important;border-color: #00c6e1 !important;color: #fff}
.btn-training:active,
.btn-training:focus {background-color: #009eb6 !important;border-color: #009eb6 !important;color: #fff}

.btn-fixed-size-lg{min-width: 200px; /*width: 200px;*/}
.btn-fixed-size-xlg{min-width: 220px; width: 220px;}

/* Button Show more - Collapse panel (Used in Recognition Page)
-------------------------------------------------------------------------------- */
.btn-show-more {
    background: #ebebeb;
    color: inherit;
    display: block;
    margin: 20px 0;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}
.btn-show-more:hover {
    background: #d7d7d7;
}
[data-toggle="collapse"].collapsed .if-not-collapsed,
[data-toggle="collapse"]:not(.collapsed) .if-collapsed {
    display: none;
}

.btn-plus{
    width: 30px !important;
    max-width: 30px !important;
    right: -10px !important;
    position: absolute !important;
    top: -10px !important;
}


@media (min-width:768px) {
    .col-md-align-right{align-content: right; text-align: right;}
    .col-md-align-left{align-content: left; text-align: left;}
}

@media (max-width:480px) {
    .banner-home .btn-lg {
        font-size: 16px;
        padding: 8px 16px;
    }
}
@media print {
  .btn {
      display: none;
  }
}

@media (max-width: 768px) {
    .box-banner > .btn-lg {
        font-size: 14px;
    }
    .box-banner > .btn-fixed-size-lg {
        min-width: 150px;
        width: 150px;
    }
}