/* Sticky footer styles
-------------------------------------------------- */
html {
   position: relative;
   min-height: 100%;
}
body {
   /* Margin bottom by footer height */
   /*margin-top: 56px;*/
   margin-bottom: 50px;
   background-color: rgb(245, 247, 250);
}
.footer {
   position: absolute;
   bottom: 0;
   width: 100%;
   /* Set the fixed height of the footer here */
   height: 50px;
   /line-height: 76px; /* Vertically center the text there */
   background-color: #f5f5f5;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
   padding: 76px 15px 0;
   padding: 2em 15px 0;
}

.oc-head {
   background-color: rgba(191, 87, 0, 0.9);
   padding-top:12px;
   padding-bottom:12px;
}

/* .oc-head {
   background-color: rgb(10, 157, 185);
   padding-top:20px;
   padding-bottom:20px;
   padding-left:50px;
} */

.isdj-head {
   background-color: rgb(10, 157, 185);
   padding-top:20px;
   padding-bottom:20px;
   padding-left:50px;
}

.oc-text{
   color: rgba(191, 87, 0, 0.9);
}

.oc-bg {
   background-color:rgba(191, 87, 0, 0.9);
   color:#fff;
}


.card:hover, .card-footer:hover {
   background-color: var(--campus-light-transparent);
}


.footer > .container {
   padding-right: 15px;
   padding-left: 15px;
}
.muted{
   color:#ccc;
}

.hide{
   display:none
}

.pulse {
   cursor: pointer;
   box-shadow: 0 0 0 rgba(204,169,44, 0.4);
   animation: pulse 2s infinite;
}

.pulse:hover {
   animation: none;
}

.mt-card-holder{
   margin-top: 2em;
}

d {

   color: #ffddc1;
   color: rgb(255,221,193);


   color: #ffd0a8;
   color: rgb(255,208,168);

   color: #c1e3ff;
   color: rgb(193,227,255);

   color: #a8d7ff;
   color: rgb(168,215,255);
}

.in-progress {
   background: #ffddc1;
   background-color: rgb(255,221,193);
   background-size: 16rem 16rem;
   background-image: -webkit-linear-gradient(45deg, rgba(255,208,168, 1) 25%, transparent 25%, transparent 50%, rgba(255,208,168, 1) 50%, rgba(255,208,168, 1) 75%, transparent 75%, transparent);
   background-image: -moz-linear-gradient(45deg, rgba(255,208,168, 1) 25%, transparent 25%, transparent 50%, rgba(255,208,168, 1) 50%, rgba(255,208,168, 1) 75%, transparent 75%, transparent);
   background-image: linear-gradient(45deg, rgba(255,208,168, 1) 25%, transparent 25%, transparent 50%, rgba(255,208,168, 1) 50%, rgba(255,208,168, 1) 75%, transparent 75%, transparent);
   animation: barberpoll 8s linear infinite;
   padding-top: 0;
   padding-bottom: 0;
   -webkit-animation: barberpoll 8s linear infinite;
}

.card {
   transition: margin 250ms ease-in-out;
-webkit-box-shadow: 0px 0px 12px -2px rgba(51,102,153,1);
-moz-box-shadow: 0px 0px 12px -2px rgba(51,102,153,1);
box-shadow: 0px 0px 12px -2px rgba(51,102,153,1);
}

.out-of-focus {
   opacity:0.75;
   transition: opacity 700ms ease-in-out;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.out-of-focus:hover {
   opacity:1;
}


.focus-on-card-login,  .focus-on-card-password, .focus-on-card-create {
   cursor: pointer;
}

#verifyemail{
   font-style:normal;
}

#verifyemail.text-success {
   font-style:italic
}

.input-group-addon, .form-control, .alert {
   border-radius: 0px;
}

@-webkit-keyframes barberpoll {
   0% {
      background-position: 16rem 32rem;
   }

   100% {
      background-position: 0 0;
   }
}

@-moz-keyframes barberpoll {
   0% {
      background-position: 16rem 32rem;
   }

   100% {
      background-position: 0 0;
   }
}

@-o-keyframes barberpoll {
   0% {
      background-position: 16rem 32rem;
   }

   100% {
      background-position: 0 0;
   }
}

@keyframes barberpoll {
   0% {
      background-position: 16rem 32rem;
   }

   100% {
      background-position: 0 0;
   }
}


@-webkit-keyframes pulse {
   0% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
   }
   70% {
      -webkit-box-shadow: 0 0 0 16px rgba(204,169,44, 0);
   }
   100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
   }
}
@keyframes pulse {
   0% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
   }
   70% {
      -moz-box-shadow: 0 0 0 16px rgba(204,169,44, 0);
      box-shadow: 0 0 0 16px rgba(204,169,44, 0);
   }
   100% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
   }
}

.badge-text-normal{
   font-weight: 400;
}

.card-create-suggested-login-id {
   cursor: copy;
}

.conceal {
    -webkit-text-security: disc !important;

}

@-moz-document url-prefix() {
   .conceal {
       font-family: 'text-security-disc';
   }
}


input.no-number-spinner::-webkit-outer-spin-button,
input.no-number-spinner::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input.no-number-spinner {
    -moz-appearance: textfield;
}


.fade-me-in {
    -webkit-animation: fadein 1.8s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1.8s; /* Firefox < 16 */
        -ms-animation: fadein 1.8s; /* Internet Explorer */
         -o-animation: fadein 1.8s; /* Opera < 12.1 */
            animation: fadein 1.8s;
}

.slide-down{
	animation-name: slide-down;
	-webkit-animation-name: slide-down;

	animation-duration: 1.0s;
	-webkit-animation-duration: 1.0s;

	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;

	visibility: visible !important;
}

.slide-down-fast{
	animation-duration: 0.4s;
	-webkit-animation-duration: 0.4s;

	animation-timing-function: linear;
	-webkit-animation-timing-function: linear;

	visibility: visible !important;
}

@keyframes slide-down {
	0% {
		transform: translateY(-100%);
	}
	50%{
		transform: translateY(8%);
	}
	100% {
		transform: translateY(0%);
	}
}

@-webkit-keyframes slide-down {
   0% {
		transform: translateY(-100%);
	}
	50%{
		transform: translateY(8%);
	}
	100% {
		transform: translateY(0%);
	}
}

@keyframes fadein {

    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.scale-up {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    transform: scale(0.85);
    -webkit-animation: scale-up 0.35s ease-in-out forwards;
    -moz-animation: scale-up 0.35s ease-in-out forwards;
    animation: scale-up 0.35s ease-in-out forwards
}


@keyframes "scale-up" {
    to {
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes "scale-up" {
    to {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@-moz-keyframes "scale-up" {
    to {
        -moz-transform: scale(1);
        opacity: 1;
    }
}