/**
 * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
 * Richard Clark (http://richclarkdesign.com)
 * http://cssreset.com
 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    sfont-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
nav ul,li{
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}

/*BIRTHDAY*/

    .dash .dep-wrapper{
    border-left: 1px solid #CA902C;
    border-bottom: 1px solid #CA902C;
    border-right: 1px solid #CA902C;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 0 15px;
  
}
.dash .dep-wrapper .chart-subtitle{
    margin-left: -15px !important;
    margin-right: -15px !important;
}
.dashboard h1{
    color: #3c5a7f;
    margin: 0;
    padding: 0 !important;
    font-size: 25px;
    position: relative;
}
.dashboard h1 span.lbl_txt{
    font-size: 22px;
    color: #4C73A2;
    position: relative;
    top: -2px;
    margin-right: 5px;
}
.dashboard .bday_celeb:hover{cursor: pointer;}
.dashboard #message_wrap{
    height: 300px;
    overflow: hidden;   
}
.dashboard #message_wrap .overflw{
    height: 235px;
    background-color: transparent;
}
.dashboard #message_wrap td:hover .lbl-chckbox{
    display: block;
}
.dashboard #message_wrap tr.active td{
    background-color: #F55551;
    color: #fff;
}
.dashboard #message_wrap tr.active .lbl-chckbox{
    background-color: transparent !important;
}
.dashboard #message_wrap tr td{
    padding: 8px 5px;
    color: #676767;
    position: relative;
    font-size: 12px !important;
}
.dashboard ._nobday{
    padding: 7px 0;
    background-color: #EBF0F5;
    color: #656565;
}
.dashboard #message_wrap table td .lbl-chckbox:hover{
    background-color: #F55551;
    cursor: pointer;
    color: #fff;
}
.dashboard #message_wrap table td .lbl-chckbox{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    padding: 10px 0;
    font-size: 12px;
    text-transform: uppercase;
}
#frm_message{
    padding: 30px 20px !important;
}
#frm_message .btn-upload{
    top: -40px;
}
#frm_message ._to div{
    max-height: 70px;
    overflow-y: auto;
}
#frm_message ._from span,
#frm_message ._to span{
    border: 1px solid #ddd;
    background-color: #B6C0DB;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    display: inline-block;
    margin-right: 2px;
    font-size: 10px !important;
    padding: 3px;
    margin-bottom: 3px;
}
#frm_message ._from span{
    font-size: 12px !important;
    background-color: transparent;
    border: 0;
}
.dashboard #message_wrap .allcodes i{
    font-size: 23px !important;
    margin-top: 5px !important;
    margin-left: 5px !important;
    color: #CA902C;
}
.dashboard #message_wrap .btnwrap {
    padding: 7px 0 !important;
}
.dashboard #message_wrap .send_message{
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    margin-right: 5px !important;
    padding: 5px 10px !important;
    font-size: 11px !important; 
}

.bday_celeb.setanimate .title
{
background-color:#242021;
animation:animate 5s;
-moz-animation:animate 5s; /* Firefox */
-webkit-animation:animate 5s; /* Safari and Chrome */
-o-animation:animate 5s; /* Opera */
    
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
}

@keyframes animate
{
0%   {background-color:#242021;}
25%  {background-color:#ca902c;}
50%  {background-color:#242021;}
75% {background-color:#ca902c;}
100%   {background-color:#242021;}
}

@-moz-keyframes animate /* Firefox */
{
0%   {background-color:#242021;}
25%  {background-color:#ca902c;}
50%  {background-color:#242021;}
75% {background-color:#ca902c;}
100%   {background-color:#242021;}
}

@-webkit-keyframes animate /* Safari and Chrome */
{
0%   {background-color:#242021;}
25%  {background-color:#ca902c;}
50%  {background-color:#242021;}
75% {background-color:#ca902c;}
100%   {background-color:#242021;}
}

@-o-keyframes animate /* Opera */
{
0%   {background-color:#242021;}
25%  {background-color:#ca902c;}
50%  {background-color:#242021;}
75% {background-color:#ca902c;}
100%   {background-color:#242021;}
}


/*right widgets*/
.right_widgets .title{
    font-weight: bold !important;
    text-transform: uppercase;
    padding: 8px 5px 8px 8px;
    background-color: #CA902C;
    color: #fff;
}
.right_widgets .title .badge{
    background-color: #DB5547;
}
.right_widgets .title i{
    width: 26px;
}

.create-panel a, .create-panel a i {
    color: #242021 !important;
    cursor: pointer;
}
.create-panel a:active { background-color: transparent; }
.dashboard-bulletins .nav>li>a,
.dashboard-empAttendance .nav>li>a {
    padding: 0 !important;
    background-color: transparent;
    margin-top: 9px !important;
    margin-right: 20px !important;
    margin-bottom: 3px !important;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background-color: transparent !important; }
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent !important;
}