/* SS Junior icon font OVERRIDE */
@font-face {
  	font-family: "SSJunior";
  	src: url('/assets/css/fonts/ss-junior/webfonts/ss-junior.eot');
  	src: url('/assets/css/fonts/ss-junior/webfonts/ss-junior.eot?#iefix') format('embedded-opentype'), 
       url('/assets/css/fonts/ss-junior/webfonts/ss-junior.woff') format('woff'), 
       url('/assets/css/fonts/ss-junior/webfonts/ss-junior.ttf') format('truetype'), 
       url('/assets/css/fonts/ss-junior/webfonts/ss-junior.svg#SSJunior') format('svg');
  	font-weight: 400;
  	font-style: normal;
  	font-display: swap;
}
.ss-icon, .ss-icon.ss-junior,
[class^="ss-"]:before, [class*=" ss-"]:before,
[class^="ss-"].ss-junior:before,
[class*=" ss-"].ss-junior:before,
[class^="ss-"].right:after,
[class*=" ss-"].right:after,
[class^="ss-"].ss-junior.right:after,
[class*=" ss-"].ss-junior.right:after { font-family: "SSJunior"; }
.ss-info:before,
.ss-info.right:after {content: 'ℹ';}
.ss-navigateup:before,
.ss-navigateup.right:after {content: '';}
.ss-navigateright:before,
.ss-navigateright.right:after {content: '▻';}
.ss-navigatedown:before,
.ss-navigatedown.right:after {content: '';}
.ss-navigateleft:before,
.ss-navigateleft.right:after {content: '◅';}
.ss-right:before,
.ss-right.right:after {content: '➡';}
.ss-left:before,
.ss-left.right:after {content: '⬅';}
.ss-send:before,
.ss-send.right:after {
  content: '';
}
.ss-bank:before,
.ss-bank.right:after {
  content: '🏦';
}
.ss-presentation:before,
.ss-presentation.right:after {
  content: '';
}
.ss-home:before,
.ss-home.right:after {
  content: '⌂';
}


/* BUTTON */
.btn {
    border: 1px solid transparent;
    font-size: 16px;
    line-height: 1.6;
    border-radius: 5px;
    padding: 7px 15px 7px 15px;
    text-transform: uppercase;
    -webkit-font-smoothing: subpixel-antialiased;
    /*-webkit-transition: all .25s linear;
    transition: all .25s linear;*/
}
.btn:hover, .btn:focus {
    outline: 0;
}
.btn-sm {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.3;
    border-radius: 4px;
}
.btn-xs {
    padding: 5px 11px;
    font-size: 12px;
    line-height: 1.083;
    border-radius: 3px;
}
.btn-block {
    white-space: normal;
}

/* btn - default */
.btn-default {
  color:#00aeef;
  background-color:white;
  border-color:#d6e1e5;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
  color:#00aeef;
  background-color:white;
  border-color:#00aeef;
}
.btn-default:active,
.btn-default.active {
  background-color:#00aeef !important;
  border-color:#498ca9 !important;
  color:white;
}

/* btn - primary */
.btn-primary {
  color:#ffffff;
  background-color:#00aeef;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.hover {
  color:#ffffff;
  background-color:#81d7ff;
  border-color:#81d7ff;
}
.btn-primary:active,
.btn-primary.active {
  background:#5aaacf;
  border-color:#5aaacf;
}

/* btn - warning */
.btn-warning {
  color: #ffffff;
  background-color: #E87722;
  border-color:#E87722;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.hover {
  color: #ffffff;
  background-color: #FA9728;
  border-color: #FA9728;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #ff8400 !important;
  border-color: #ff8400 !important;
}

/* btn - light */
.btn-light {
  color:#5e696d;
  background-color:#d6e1e5;
  border-color:#d6e1e5;
}
.btn-light:hover,
.btn-light:focus,
.btn-light:active,
.btn-light.active,
.btn-light.hover {
  color:#5e696d;
  background-color:#e1eef3 !important;
  border-color:#e1eef3 !important;
}
.btn-light:active,
.btn-light.active {
  color:#FFFFFF;  
  background-color:#93a4aa !important;
  border-color:#93a4aa !important;
}

/* btn - info */
.btn-info {
  color:#fff;
  background-color:#2f5568 !important;
  border-color:#2f5568 !important;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.hover {
  color:#ffffff;
  background-color:#3d6b82 !important;
  border-color:#2f5568 !important;
}
.btn-info:active,
.btn-info.active {
  background-color:#213b48 !important;
  border-color:#213b48 !important;
}

/* PAGINATION */
.pagination>li>a,
.pagination>li>span {
    color: #00aeef;
    border: 1px solid #d3d3d3;
    padding: 8px 14px;
    line-height: 1.7;
    text-align: center;
}
.pagination>li.active>a,
.pagination>li.active>span,
.pagination>li.none>a,
.pagination>li.none>span {
    background-color: #f3fafd;
    border-color: #d6e1e5;
    color: #bbcbd3;
    z-index: 0;
}
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    background-color: white;
    color: #00aeef;
    border-color: rgba(0,174,239,0.7);
    z-index: 2;
    -webkit-transition: all .15s linear;
    transition: all .15s linear;
}
.pagination>li.active>a:hover,
.pagination>li.active>span:hover,
.pagination>li.active>a:focus,
.pagination>li.active>span:focus {
    background-color: #fff;
    border-color: rgba(0,174,239,0.7);
    color: #00aeef;
    -webkit-transition: none;
    transition: none;
}

/* PROGRESS BAR */
.progress {
    height: 10px;
    background-color: #e1eef3;
    border-radius: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: visible;
    margin-bottom: 20px;
}
.progress-bar {
    background-color: #02baf2;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 30px;
    text-align: right;
    color: #364347;
    font-size: 16px;
}

/* ALERT */
.close {
    font-size: 16px;
}
.alert {
    border: 0;
    position: relative;
    padding-left: 23px;
}
.alert-dismissable .close {
    position: absolute;
    top: 50%;
    right: 20px;
    color: inherit;
    margin-top: -8px;
    opacity: 1;
}
.alert-danger .close {
    color: #ce2e2e;
}