/* OVERRIDES to boostrap-min.css */
html,body {height: 100%;} /* need for sticky footer */

.form-control { letter-spacing: normal; }
.form-control:-moz-placeholder {color: #666;}
.form-control::-moz-placeholder {color: #666;}

.modal-body { padding: 0px; margin: 15px }
.modal-footer {margin-top: 5px;padding: 15px; padding-right: 15px;}

.text-warning { color: #ffff33!important;} /* overwrite to bootstrap, but only for Hookit community (so far) */
        
.text-black {color: #000!important;}
.text-white {color:#fff!important;}
.text-light {color:#ccc!important;}
.text-muted-less {color: #666!important;}
.text-muted {color: #999!important;} /* same color, just made important */
.text-muted2, .text-muted-2 {color: #a7afb7!important;}
.text-muted3 { color: #919eab;} /* new mobile tab non-active color */

/* brighter colors needed (for dark bgs - used on Score Expandable +/- numbers )*/
.text-success-bright { color: #24b724;}
.text-danger-bright { color: red;}
.text-alt2 { color: #4d5560!important; }

.text-squeeze {letter-spacing:-0.5px;}
.text-squeeze-light {letter-spacing: normal;}

.text-uppercase { text-transform: uppercase; }
.text-underline { text-decoration: underline!important;}
.text-no-decoration { text-decoration: none!important;}

.text-xxxlg { font-size: 24px;}
.text-xxlg { font-size: 21px;}
.text-xlg { font-size: 18px;}
.text-lg { font-size: 16px;}
.text-base { font-size: 14px;}
.text-sm, .text-small { font-size: 12px;}
.text-xsm { font-size: 11px;}

.weight-normal {font-weight:normal!important;}
.weight-bold {font-weight:700!important;}
.weight-extra {font-weight:800!important;}

.nowrap { white-space:nowrap!important;}

.bg-black { background-color: #000!important;}
.bg-white { background-color: #fff!important;}
.bg-muted2 {background-color: #a7afb7;}
.bg-muted3 {background-color: #919eab;}

.theme-color1 { color: #394049;} /* gray/blue slate */
.bgtheme-color1 { background-color: #394049; }
.theme-color2 { color: #dee42c;} /* yellow */
.bgtheme-color2 { background-color: #dee42c; }
.theme-color3 { color: #4d5560;} /* lighter gray/blue slate */
.bgtheme-color3 { background-color: #4d5560; }
  
.btn.no-border {border-width: 0;}
.btn .caret {margin-left: 6px;}
.btn-lg { font-size: 21px; font-weight: bold; letter-spacing: -0.5px;}
.btn-extra-pad { padding-left: 30px; padding-right: 30px;} /* added to give extra padding on sides */
.btn-filter-pad { padding-left: 18px; padding-right: 18px;} /* added to give extra padding on sides */

.btn-primary { background-color: #0099ff; border-color: #0084dc; }
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary {background-color: #0084dc;border-color: #0084dc;}

/* new Yellow primary2 button */
.btn-primary2 { background-color: #dee42c; border-color: #b0b425; color: #222; }
.btn-primary2:hover,.btn-primary2:focus,.btn-primary2:active,.btn-primary2.active,.open .dropdown-toggle.btn-primary2 {background-color: #eff43a;border-color: #b0b425;}

/* new Dark button - starting from Scott's Designs on Team Project */
.btn-primary3 { background-color: #34495E; border-color: #2C3E50; color: #fff; }
.btn-primary3:hover,.btn-primary3:focus,.btn-primary3:active,.btn-primary3.active,.open .dropdown-toggle.btn-primary3 {background-color: #1D2F41;border-color: #34495E; color: #fff;}

/* alt button color - new */
.btn-alt {color: #fff;background-color: #999;border-color: #888;}
.btn-alt:hover,.btn-alt:focus,.btn-alt:active,.btn-alt.active,.open .dropdown-toggle.btn-alt {color: #fff;background-color: #888;border-color: #777;}
.btn-alt:active,.btn-alt.active,.open .dropdown-toggle.btn-alt {background-image: none;}
.btn-alt.disabled,.btn-alt[disabled],fieldset[disabled] .btn-alt,.btn-alt.disabled:hover,.btn-alt[disabled]:hover,fieldset[disabled] .btn-alt:hover,.btn-alt.disabled:focus,.btn-alt[disabled]:focus,fieldset[disabled] .btn-alt:focus,.btn-alt.disabled:active,.btn-alt[disabled]:active,fieldset[disabled] .btn-alt:active,.btn-alt.disabled.active,.btn-alt[disabled].active,fieldset[disabled] .btn-alt.active {
    background-color: #999;border-color: #888;}

/* alt2 button color - new - lighter slate gray button */
.btn-alt2 {color: #fff;background-color: #2b333f;border-color: #333;}
.btn-alt2:hover, .btn-alt2:focus, .btn-alt2:active, .btn-alt2.active, .open .dropdown-toggle.btn-alt2 {color: #fff;background-color: #24282d;border-color: #333;}
.btn-alt2:active,.btn-alt2.active,.open .dropdown-toggle.btn-alt2 {background-image: none;}
.btn-alt2.disabled,.btn-alt2[disabled],fieldset[disabled] .btn-alt2,.btn-alt2.disabled:hover,.btn-alt2[disabled]:hover,fieldset[disabled] .btn-alt2:hover,.btn-alt2.disabled:focus,.btn-alt2[disabled]:focus,fieldset[disabled] .btn-alt2:focus,.btn-alt2.disabled:active,.btn-alt2[disabled]:active,fieldset[disabled] .btn-alt2:active,.btn-alt2.disabled.active,.btn-alt2[disabled].active,fieldset[disabled] .btn-alt2.active {
    background-color: #333;border-color: #333;}

/* alt2 button color - new - lighter slate gray button */
.btn-shop {color: #fff;background-color: #ff0000;border-color: #ff0000;}
.btn-shop:hover,.btn-shop:focus,.btn-shop:active,.btn-shop.active,.open .dropdown-toggle.btn-shop {color: #fff;background-color: #dd0000;border-color: #ff0000;}
.btn-shop:active,.btn-shop.active,.open .dropdown-toggle.btn-shop {background-image: none;}
.btn-shop.disabled,.btn-shop[disabled],fieldset[disabled] .btn-shop,.btn-shop.disabled:hover,.btn-shop[disabled]:hover,fieldset[disabled] .btn-shop:hover,.btn-shop.disabled:focus,.btn-shop[disabled]:focus,fieldset[disabled] .btn-shop:focus,.btn-shop.disabled:active,.btn-shop[disabled]:active,fieldset[disabled] .btn-shop:active,.btn-shop.disabled.active,.btn-shop[disabled].active,fieldset[disabled] .btn-shop.active {
    background-color: #ff0000;border-color: #ff0000;}

/* alt2 button color - new - lighter slate gray button */
.btn-youplusgray {color: #fff;background-color: #cccccc;border-color: #ababab;}
.btn-youplusgray:hover,.btn-gray:focus,.btn-gray:active,.btn-gray.active,.open .dropdown-toggle.btn-gray {color: #fff;background-color: #cccccc;border-color: #ababab;}
.btn-youplusgray:active,.btn-gray.active,.open .dropdown-toggle.btn-gray {background-image: none;}
.btn-youplusgray.disabled,.btn-gray[disabled],fieldset[disabled] .btn-gray,.btn-gray.disabled:hover,.btn-gray[disabled]:hover,fieldset[disabled] .btn-gray:hover,.btn-gray.disabled:focus,.btn-gray[disabled]:focus,fieldset[disabled] .btn-gray:focus,.btn-gray.disabled:active,.btn-gray[disabled]:active,fieldset[disabled] .btn-gray:active,.btn-gray.disabled.active,.btn-gray[disabled].active,fieldset[disabled] .btn-gray.active {
    background-color: #cccccc;border-color: #ababab;}

/* alt2 button color - new - lighter slate gray button */
.btn-youplusgreen {color: #fff;background-color: #66cc00;border-color: #74d90f;}
.btn-youplusgreen:hover,.btn-youplusgreen:focus,.btn-youplusgreen:active,.btn-youplusgreen.active,.open .dropdown-toggle.btn-youplusgreen {color: #fff;background-color: #66cc00;border-color: #74d90f;}
.btn-youplusgreen:active,.btn-youplusgreen.active,.open .dropdown-toggle.btn-youplusgreen {background-image: none;}
.btn-youplusgreen.disabled,.btn-youplusgreen[disabled],fieldset[disabled] .btn-youplusgreen,.btn-youplusgreen.disabled:hover,.btn-youplusgreen[disabled]:hover,fieldset[disabled] .btn-youplusgreen:hover,.btn-youplusgreen.disabled:focus,.btn-youplusgreen[disabled]:focus,fieldset[disabled] .btn-youplusgreen:focus,.btn-youplusgreen.disabled:active,.btn-youplusgreen[disabled]:active,fieldset[disabled] .btn-youplusgreen:active,.btn-youplusgreen.disabled.active,.btn-youplusgreen[disabled].active,fieldset[disabled] .btn-youplusgreen.active {
    background-color: #66cc00;border-color: #74d90f;}

/* alt2 button color - new - lighter slate gray button */
.btn-youplusyellow {color: #fff;background-color: #cccc99;border-color: #d9d9a7;}
.btn-youplusyellow:hover,.btn-youplusyellow:focus,.btn-youplusyellow:active,.btn-youplusyellow.active,.open .dropdown-toggle.btn-youplusyellow {color: #fff;background-color: #cccc99;border-color: #d9d9a7;}
.btn-youplusyellow:active,.btn-youplusyellow.active,.open .dropdown-toggle.btn-youplusyellow {background-image: none;}
.btn-youplusyellow.disabled,.btn-youplusyellow[disabled],fieldset[disabled] .btn-youplusyellow,.btn-youplusyellow.disabled:hover,.btn-youplusyellow[disabled]:hover,fieldset[disabled] .btn-youplusyellow:hover,.btn-youplusyellow.disabled:focus,.btn-youplusyellow[disabled]:focus,fieldset[disabled] .btn-youplusyellow:focus,.btn-youplusyellow.disabled:active,.btn-youplusyellow[disabled]:active,fieldset[disabled] .btn-youplusyellow:active,.btn-youplusyellow.disabled.active,.btn-youplusyellow[disabled].active,fieldset[disabled] .btn-youplusyellow.active {
    background-color: #cccc99;border-color: #d9d9a7;}


/* secondary button (new) */
.btn-secondary {
    background-color: #137796;
    border-color: #10657f;
    color: #fff;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .open .dropdown-toggle.btn-secondary {
    background-color: #10657f;
    border-color: #137796;
    color: #fff;
}
.btn-secondary.btn.disabled, .btn-secondary.btn[disabled] {
    opacity: .5;
    filter: alpha(opacity=50);
}
.btn.btn-secondary > .caret {
    border-top-color: #fff;
}
.multi-action-module .btn-secondary.btn.disabled, .btn-secondary.btn[disabled] {
    opacity: 1;
    background-color: #ebebeb;
    border-color: #ebebeb;
    color: #c0c0c0;
}

/* disabled basic button */
.btn.btn-disabled {
    background-color: #ebebeb;
    color: #c0c0c0;
}
.btn.btn-disabled .caret {
    border-top-color: #c0c0c0
}


/* form invalid */
.x-form-invalid {border-color: #CC3333 !important;}
.x-form-invalid-border { border: 1px #CC3333 solid; border-color: #CC3333!important; border-collapse: inherit!important; }


/* glyphicons SOCIAL */
@font-face {
  font-family: 'Glyphicons Social Regular';
  src: url('/assets/fonts/glyphicons/glyphicons-social-regular.eot');
  src: url('/assets/fonts/glyphicons/glyphicons-social-regular.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/glyphicons/glyphicons-social-regular.woff') format('woff'), url('/assets/fonts/glyphicons/glyphicons-social-regular.ttf') format('truetype'), url('/assets/fonts/glyphicons/glyphicons-social-regular.svg#glyphicons_socialregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.glyphicon-social {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Social Regular';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
}

/* select picker - multiple select Glyphicon */
.glyphicon.glyphicon-ok:before {
    content: "\E207";
}


/* CSS Spinner. 
    While spinning, add disabled="disabled" to button. When done remove the attribute.
    .spinner-display is for putting it next to a button
*/
.spinner {
    height:25px;width:25px;margin:0px auto;position:relative;
    -webkit-animation: rotation .6s infinite linear;-moz-animation: rotation .6s infinite linear;-o-animation: rotation .6s infinite linear;animation: rotation .6s infinite linear;
    border-left:6px solid rgba(0,174,239,.15);border-right:6px solid rgba(0,174,239,.15);border-bottom:6px solid rgba(0,174,239,.15);border-top:6px solid rgba(0,174,239,.8);border-radius:100%;
}
.spinner-display { float: left; margin-top: 5px; margin-right: 10px; }

@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
    from {-o-transform: rotate(0deg);}
    to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
    from {transform: rotate(0deg);}
    to {transform: rotate(359deg);}
}