.nav-justified i{
  padding : 8px;
}


.dashboard-div .collapse{
  height: 1px;
  padding:0px;
}


.dashboard-div {
  background-color: white;
  position: relative;
  padding: 0;
  display: block;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
  -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
}

.widget-body4 {
  
  -webkit-box-shadow: 1px 0 10px 1px rgba(0, 0, 0, .3);
  -moz-box-shadow: 1px 0 10px 1px rgba(0, 0, 0, .3);
  box-shadow: 1px 0 10px 1px rgba(0, 0, 0, .3);
  padding: 12px
}

.dashboard-nav > li > a{
  color: #2dc3e8;
  font-size: 15px;
  border-bottom:2px solid transparent;
  font-family: 'Roboto','Lucida Sans','trebuchet MS',Arial,Helvetica;
}


.dashboard-nav > li > a:hover{
  background-color: transparent;
  border-bottom:2px solid #2dc3e8;
  color: #cc324b;
}

.form-setting{
  margin-top: 5%;
}


* Used in organizationedit-html *

.shift-heading{
  font-weight: bold;
  text-decoration: underline;
  padding-bottom: 10px;
}

.shift-section{
  padding-top: 30px;
}


.inline-shift-add{
  border: 1px solid lightgrey;
  padding-top: 20px;
  padding-bottom: 20px;
}

.add-shift-btn{
  margin-left: 5px;
}

.inline-shift-add .form-group{
  margin-left: 0px!important;
  margin-right: 0px!important;
  margin-bottom: 10px;
}

.inline-shift-add .time-label{
  padding-top: 25px;
}

.avatar-area {
  position: relative;
  text-align: center;
  margin: 10px auto;
  width: 128px;
}

.avatar-area .avatar {
  width: 128px;
  height: 128px;
}

.avatar-area .caption {
  background-color: #2dc3e8;
  zoom: 1;
  filter: alpha(opacity=70);
  -webkit-opacity: .7;
  -moz-opacity: .7;
  opacity: .7;
  bottom: 0;
  left: 0;
  color: #fff;
  font-size: 10px;
  line-height: 9px;
  position: absolute;
  padding: 7px 0;
  text-align: center;
  width: 128px;
  cursor: pointer;
}

.input .caption input, .caption input {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  font-size: 30px;
  cursor: pointer;
  opacity: 0;
}

.form-control-feedback {
  right: 15px;
  color: #a94442;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.clockout-redColor{
  background: #D73D32 !important;
}

.clockIn-greenColor{
  background:#53A93F !important;;
}

.databox1 .databox-stat{
  right: 16px;
  top: 0px;
}
.databox1 .databox-state {
  top: 40px;
  bottom: 5px;
  right: 16px
}
.databox1 .databox-state i {
  color: #000;
}

.avatar-area img{
  width: 125px;
  height: 125px;
}
.input>.avatar-area{
  text-align:left !important;
  width:auto !important;
}
.input>.avatar-area>img{
  height:auto !important;
  width:200px !important;
}
.input>.avatar-area .caption{
  width:200px !important;
}

.subscribe-link{
  text-decoration: underline;
}

.tickets-container .tickets-list .ticket-item .ticket-user.grid{
  white-space:normal !important;
}
.marquee-sibling {
	padding: 0;
	background: rgb(61, 61, 61);
	width: 12%;
	height: 45px;
	line-height: 42px;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
	float: left;
	left: 0;
	z-index: 2000;
        border-radius: 13px 0 13px 0;
}
.marquee-sibling-right {
       
	padding: 0;
	background: #0A8392 none repeat scroll 0% 0%;
	width: 10%;
	height: 45px;
	line-height: 42px;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
	float: right;
	left: 0;
	z-index: 2000;
        border-radius: 13px 0 13px 0;
}
.announcement-marquee {
	background: #0A8392 none repeat scroll 0% 0%; 
        padding: 12px 10px 10px 10px; 
        padding-left: 20px; 
        border-radius: 10px 0 10px 0; 
        border: 2px solid #1B7790; 
        color: white; 
        font-weight: bolder;
}
#killerLink{
    text-decoration: none;
}

.customHover{
     cursor:pointer;
}

.widget-body1 {
  
  -webkit-box-shadow: 1px 0 10px 1px rgba(0, 0, 0, .3);
  -moz-box-shadow: 1px 0 10px 1px rgba(0, 0, 0, .3);
  box-shadow: 1px 0 10px 1px rgba(0, 0, 0, .3);
  padding: 12px;
      
}

.widget-header7 {
  position: relative;
  min-height: 35px;
  background: #fff;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .3);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .3);
  box-shadow: 0 0 4px rgba(0, 0, 0, .3);
  color: #555;
  padding-left: 12px;
  //text-align: right;
      width:100% !important;
}

.widget-header7.bordered-bottom {
  border-bottom: 3px solid #fff;
      //width: 50% !important;
}

.databox1.databox-vertical.databox-xxlg {
  height: 400px;
  width: 100%
}

.databox1 .databox-row.row-2 {
  height: 35.66%;
      margin-top:1em;
     
}
.databox1 .databox1-row.row-2 {
  height: 35.66%;
      margin-top:1em;
     
}

/*.btn {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	
	display: inline-block;
	
	
	letter-spacing: 1px;
	font-weight: 600;
	outline: none;
	position: relative;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
}

.btn:after {
	  content: attr(data-text);
	position: absolute;
	
	z-index: -1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
}



 Button5.btn-5 {
	background: #823aa0;
	color: #fff;
	height: 35px;
	min-width: 20px;
	line-height: 24px;
	font-size: 16px;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}


.btn-5 span {
	display: inline-block;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s;
	-webkit-backface-visibility: hidden;
	-moz-transition: all 0.3s;
	-moz-backface-visibility: hidden;
	transition: all 0.3s;
	backface-visibility: hidden;
}

.btn-5:before {
	position: absolute;
	height: 100%;
	width: 100%;
	line-height: 2.5;
	font-size: 60%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}


 Button 5a 
.btn-5a:hover span {
	-webkit-transform: translateY(300%);
	-moz-transform: translateY(300%);
	-ms-transform: translateY(300%);
	transform: translateY(300%);
}

.btn-5a:before {
	left: 0;
	top: -100%;
}

.btn-5a:hover:before {
	top: 0.6em;
}

.button-hover:before {
    content: attr(data-text);
    color: #DEEFF5;
    position: absolute;
    top: -2.75em;
}*/

.color:hover { background-color: green; }

.dashboard_block2_candiate_rht {
  margin-top: -6em;
margin-left: 7em;
}

/*img {
  border-radius: 50%;
  -webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}
img:hover {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}*/

/*.databox-text  {
  outline: none;
  color: green;
  -webkit-animation: blink 3.75s linear infinite;
  -moz-animation: blink 3.75s linear infinite;
  -ms-animation: blink 3.75s linear infinite;
  -o-animation: blink 3.75s linear infinite;
  animation: blink 3.75s linear infinite;
}
.databox1-text  {
  outline: none;
  color: green;
  -webkit-animation: blink 3.75s linear infinite;
  -moz-animation: blink 3.75s linear infinite;
  -ms-animation: blink 3.75s linear infinite;
  -o-animation: blink 3.75s linear infinite;
  animation: blink 3.75s linear infinite;
}
.heart  {
  outline: none;
  color: green;
  -webkit-animation: blink 3.75s linear infinite;
  -moz-animation: blink 3.75s linear infinite;
  -ms-animation: blink 3.75s linear infinite;
  -o-animation: blink 3.75s linear infinite;
  animation: blink 3.75s linear infinite;
}

@-webkit-keyframes blink { 
   0% {opacity: 2;}
   50%{opacity:2;}
   100%{opacity:0;}
}
@-moz-keyframes blink { 
    from {
        color:green;
    }
    to {
        color:red;
    }
   0% {opacity: 2;}
   50%{opacity:2;}
   100%{opacity:0;}
   
   
}
@keyframes blink { 
   0% {opacity: 1;}
   50%{opacity:1;}
   100%{opacity:0;}
}
.databox-text:hover {
  color: black;
  -webkit-animation: paused;
  -moz-animation: paused;
  animation: paused;
}
.databox1-text:hover {
  color: black;
  -webkit-animation: paused;
  -moz-animation: stop;
  animation: paused;
}
.heart:hover {
  color: black;
  -webkit-animation: paused;
  -moz-animation: paused;
  animation: paused;
}




.heart.animated {
  -webkit-animation: 1600ms pulsate infinite alternate ease-in-out;
  -moz-animation: 1600ms pulsate infinite alternate ease-in-out;
  -ms-animation: 1600ms pulsate infinite alternate ease-in-out;
  -o-animation: 1600ms pulsate infinite alternate ease-in-out;
  animation: 1600ms pulsate infinite alternate ease-in-out;
}
.heart:before,
.heart:after { 
  position: absolute; 
  content: "";
  left: 50px;
  top: 0;
 
  background: red;
  -moz-border-radius: 50px 50px 0 0;
  border-radius: 50px 50px 0 0;
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: 0 100%;
     -moz-transform-origin: 0 100%;
      -ms-transform-origin: 0 100%;
       -o-transform-origin: 0 100%;
          transform-origin: 0 100%;
}
.heart:after {
  left: 0;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: 100% 100%;
     -moz-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
       -o-transform-origin: 100% 100%;
          transform-origin :100% 100%;
}
.heart.css:hover {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-animation:'';
  -moz-animation:stop;
  -ms-animation:'';
  -o-animation:'';
  animation:'';
}

@keyframes pulsate {
  0% { transform: scale(1); }
  50% { transform: scale(1.3); }
  100% { transform: scale(1); }
}
@-webkit-keyframes pulsate {
  0% { -webkit-transform: scale(1); }
  50% { -webkit-transform: scale(1.3); }
  100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulsate {
  0% { -moz-transform: scale(1); }
  50% { -moz-transform: scale(1.055); }
  100% { -moz-transform: scale(1); }  
}
@-ms-keyframes pulsate {
  0% { -ms-transform: scale(1); }
  50% { -ms-transform: scale(1.3); }
  100% { -ms-transform: scale(1); }  
}
@-o-keyframes pulsate {
  0% { -o-transform: scale(1); }
  50% { -o-transform: scale(1.3); }
  100% { -o-transform: scale(1); }  
}

.microsoft  {
  outline: none;
  color: green;
  -webkit-animation: blink 3.75s linear infinite;
  -moz-animation: blink 3.75s linear infinite;
  -ms-animation: blink 3.75s linear infinite;
  -o-animation: blink 3.75s linear infinite;
  animation: blink 3.75s linear infinite;
}

.marquee {
    
    bottom: 4em;
    position: relative;
    box-sizing: border-box;
    animation: marquee 20s linear infinite;
}

.marquee:hover {
    animation-play-state: paused;
}
.marquee1 {
    margin-top: -6em;
    margin-left: 7em;
    bottom: 4em;
    position: relative;
    box-sizing: border-box;
    animation: marquee 20s linear infinite;
}

.marquee1:hover {
    animation-play-state: paused;
}

 //Make it move! 
@keyframes marquee {
    0%   { bottom:   8em }
    100% { bottom: -11em }
}

 Make it look pretty 
.microsoft .marquee {
	margin: 0;
    padding: 0 1em;
    line-height: 1.5em;
    font: 1em 'Segoe UI', Tahoma, Helvetica, Sans-Serif;
}

.microsoft:before, .microsoft::before,
.microsoft:after,  .microsoft::after {
    left: 0;
    z-index: 1;
    content: '';
    position: absolute;
    pointer-events: none;
    width: 100%; height: 2em;
    background-image: linear-gradient(180deg, #FFF, rgba(255,255,255,0));
}

.microsoft:after, .microsoft::after {
    bottom: 0;
    transform: rotate(180deg);
}

.microsoft:before, .microsoft::before {
    bottom: 0;
}

 Style the links 
.vanity {
    color: #333;
    text-align: center;
    font: .75em 'Segoe UI', Tahoma, Helvetica, Sans-Serif;
}

.vanity a, .microsoft a {
    color: #1570A6;
    transition: color .5s;
    text-decoration: none;
}

.vanity a:hover, .microsoft a:hover {
    color: #F65314;
}

 Style toggle button 
.toggle {
	display: block;
    margin: 2em auto;
}
*/