@charset "utf-8";
/* CSS Document */
@import url('push.css');
@import url('font-awesome.css');
@import url('fonts.css');

/*for date picker*/
@import url('jquery.dataTables_themeroller.css');
@import url('jquery-ui-1.8.4.custom.css');

body{background:#fff !important; font-size:0.68em !important;}
.fixedwith, .container{width:960px; margin:0 auto !important; border-radius:1px !important; border:none !important;}
/*.login{position:absolute; width:265px; height:100px; top:50%; left:50%; margin-top:-80px; margin-left:-140px;}*/
.login{position: fixed; width: 265px; bottom: 155px; right: 113px;}
.copyrightinfo{position: absolute; bottom: 0; background:none;}

h1, h2, h3{line-height:10px;}
.recentag h4{background: #1C96DA; color: #fff; padding: 3px 10px;}
.recentag h4 small{margin-top:5px;}
.recentag h4 small a:link, .recentag h4 small a:visited{color:#fff;}
.recentag h4 small a:hover{color:#000;}

ul{list-style:none;}
footer h6{color:#000; font-size:0.7em; padding-left:3px;}

.page-content{border-right: 1px solid #ddd; min-height:600px;}

.navbar .fixedwith, .navbar{background:#fff !important;}
.navbar .brand{padding-left:0 !important;}
/*.profbg{background:#eee !important;}*/
.navbar .nav>li>a, .navbar .nav>li>a:hover, .navbar .nav>li>a:focus, .ace-nav>li>a>[class*="icon-"]{color:#000 !important; background:transparent !important;}
.ace-nav>li{line-height:1px !important;}
/*.ace-nav .nav-user-photo{max-width: 32px !important; border-radius: 10% !important; border: 1px solid #ccc !important; margin-top:-25px !important;}*/
.ace-nav .nav-user-photo{margin: -23px 8px 0 0 !important; border: 1px solid #ccc !important; max-width: 38px !important; max-height: 41px; border-radius:0 !important;}

.dropdown-yellow li a:hover, .dropdown-yellow li a:focus, .dropdown-yellow li a:active, .dropdown-yellow li.active a, .dropdown-yellow li.active a:hover, .dropdown-yellow .dropdown-submenu:hover>a, .nav-tabs .dropdown-yellow li>a:focus{background:#da1c23 !important; color:#fff !important;}
.nav-list>li>a{font-size:12px !important;}
.page-header h1, h2, h4{font-size:1.2em !important;}

.nav-list>li.active>a, .nav-list>li.active>a:hover, .nav-list>li.active>a:focus, .nav-list>li.active>a:active, 
.menu-min .nav-list > li > a > .menu-text, 
.nav-list>li>a:hover:before{background-color: #da1c23 !important; color: #FFF !important;}

.nav-list li.active>a:after{border-right-color: #FFF !important;}
.nav-list>li.active:after{border:none !important;}
.nav-list>li>a:hover, .nav-list>li.open>a{color:#da1c23 !important; }

.bgred{background:#F16B02 !important;}

.fl{float:left;}
.fr{float:right !important;}
.widthFull{width:100% !important;}

.borderbottomred{border-bottom:1px solid #CCCCCC !important;}
.smallHeight{height:5px;}
.uploadBg{background:#FEFFF5; border:1px dashed #333; padding:10px;}
.fontreduce{font-size:1.5em !important;}
.smallfont{font-size: 0.98em !important;}
.wordwrapp{word-wrap: break-word !important;}
.comments{background: url("../images/comment.png") no-repeat; width: 32px; height: 32px; text-align: center; padding-top: 5px; position: absolute; margin-top: -10px; margin-left: 77px;}

.icon-plus{background:#32b8b8;}
.icon-remove{background:#db5d5d;}
.icon-plus, .icon-remove{color:#fff; padding:6px;}


.requirementable tr th{background:#0b6cbc; color:#fff;}
/*.requirementable tr td{padding:5px;}*/
.requirementable tr td{text-align:left; padding-left: 3px; padding-right: 3px;}
.requirementable tr td input[type="text"]{width: 99% !important;}
input[readonly]{padding-left: 0 !important; padding-right: 0 !important;}

.details{margin-left:0 !important; margin-top:20px;}
.details li{display:inline-block; padding-right:80px;}
.details li:nth-child(3n+3){padding-right:0 !important;}

.btn{line-height:18px !important;}
.pagedivider{height:1px; background:rgba(182, 227, 236, 0.2); border:1px dashed;}

.showinprint{display:none;}

/*for the error and success message*/
.message{
		-webkit-background-size: 40px 40px;
		-moz-background-size: 40px 40px;
		background-size: 40px 40px;			
		background-image: -webkit-gradient(linear, left top, right bottom,
								color-stop(.25, rgba(255, 255, 255, .05)), color-stop(.25, transparent),
								color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .05)),
								color-stop(.75, rgba(255, 255, 255, .05)), color-stop(.75, transparent),
								to(transparent));
		background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);
		background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);
		background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);
		background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);
		background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);
								
		 -moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
		 -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);		
		 box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
		 width: 99%;
		 border: 1px solid;
		 color: #fff;
		 padding: 0 0 5px 10px;
		 text-shadow: none;
		 -webkit-animation: animate-bg 5s linear infinite;
		 -moz-animation: animate-bg 5s linear infinite;
}

.errors{background-color:#db5d5d !important; border-color: #c43d3d; text-align:center; color: #fff !important;}
.success{background-color:#32b8b8; border-color: #55a12c; text-align:center;}


.message h3{color:#fff !important; text-align:center; padding-top:2px;}
.message p{margin: 0; text-align:center;}
.nonshow{display: none;}

@-webkit-keyframes animate-bg{
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}


@-moz-keyframes animate-bg 
{
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}

.warning{background:#F60 !important;}
.suggestionboxes { display: none;  z-index: 1009900; position: absolute; background: #FFF; font-weight: normal; color: #000; width: 200px;  border: 1px solid #AAA; border-top: none; height: 120px; overflow-y: scroll; top: 34px !important;}
.suggestionboxes ol {margin-left: 10px !important;}
.suggestionboxes ol li {list-style-type:none; cursor: pointer; padding: 0; margin: 0; line-height: 46px !important;}

.suggestionboxes2 { display: none;  z-index: 1009900; /*position: absolute;*/ background: #FFF; font-weight: normal; color: #000; width: 200px;  border: 1px solid #AAA; border-top: none; height: 120px; overflow-y: scroll; top: 34px !important;}
.suggestionboxes2 ol {margin-left: 10px !important;}
.suggestionboxes2 ol li {list-style-type:none; cursor: pointer; padding: 0; margin: 0; line-height: 46px !important;}

.width14{width: 14%; }
.width70{width: 70%;}

.ProfImg{width:100%; border:1px solid #eee;}

.lineHeight110{line-height:110% !important; margin-bottom:10px !important;}
.ace-thumbnails li, .ace-thumbnails li img{width:60px; height:60px;}
#cboxOverlay{background:rgb(0,0,0) !important;} 
.textright{text-align:right;}
small{font-size:0.8em !important; color:#999;}
.ctrlHr{padding: 0 !important; margin: 0 !important; margin-top: 10px !important;}
h1 small{font-size:1em !important;}
h1 span{font-size:0.85em !important;}

/* chat */
.chatinfo { bottom: 0px; background: #006699;  z-index: 10342;  position: fixed; width: 183px; height: 25px; color: #FFF; font: bold 12px/25px Verdana, Tahoma, arial; padding-left: 7px; cursor: pointer;}
.chatinfo img { float: left; margin-right: 10px; }
#chatlist { display: none; bottom: 0px; background:#FFF; border: 1px solid #999;  z-index: 10342;  position: fixed;  width: 189px; height: 350px; color: #333;}
#chatlist  label {background: #006699; display: block; font: bold 12px/25px Verdana, Tahoma, arial; color: #FFF;padding-left: 5px; line-height: 25px; display: block;  }
#userlist { height: 220px; overflow-y: visible; overflow-x:hidden; }
#userlist a {margin: 1px 0px;  display: block; color: #333; line-height: 20px; background: #FFF url(../images/chat/green.gif) no-repeat 10px 50%;  padding-left: 25px; }
#userlist a:hover { background: #EFEFEF url(../images/chat/green.gif) no-repeat 10px 50%;  }
#userlist b { display: block; font-weight: normal; font-size: 11px; color: #999; text-align: center; padding: 3px;  }
#userlist a img { float: right; margin-right: 10px; width: 20px; height: 20px; border: 0px;  }
#userlist div { background: url(../images/chatsep.gif ) repeat-x center; height: 20px; margin: 0px 4px; }
#userlist div span { font-weight: bold; color: #333; background: #FFF; padding: 0px 5px; margin-left: 15px; }
.chatbox { position: fixed;	position:expression("absolute"); width: 225px; display:none; z-index: 203403; }
.chatboxhead { background: #A33500; z-index: 203403; padding:7px; color: #FFF; border:1px solid #A33500; }
.chatboxblink { background: #176689; z-index: 203403; border:1px solid #176689; }
.chatboxcontent {z-index: 203403;  font-family: arial,sans-serif; font-size: 13px; color: #333333; height:200px;	width:209px; overflow-y:auto; overflow-x:hidden; padding:7px; border:1px solid #cccccc; border-top:none; background: #ffffff; line-height: 1.3em;}
.chatboxinput {	z-index: 203403; padding: 5px;	background-color: #ffffff;	border:1px solid #cccccc;	border-top: none; }
.chatboxtextarea { z-index: 203403; font-family: arial, sans-serif; font-size: 12px; width: 206px; height:44px; padding:3px 0pt 3px 3px; 	border: 1px solid #CCCeee;	margin: 1px; overflow:hidden;}
.chatboxtextareaselected { z-index: 203403; border: 1px solid #A33500; margin:0; }
.chatboxmessage { z-index: 203403;	margin-left:1em;}
.chatboxinfo {	margin-left:-1em; color:#666666; }
.chatboxmessagefrom { margin-left:-1em; font-weight: bold; }
.chatboxmessagecontent { }
.chatboxoptions { float: right; }
.chatboxoptions a {	text-decoration: none;	color: white; font-weight:bold; font-family:Verdana,Arial,"Bitstream Vera Sans",sans-serif;}
.chatboxtitle {	float: left; }

#chcount{line-height: 15px; text-align:center;
min-width:10%; color:#fff;
border-left: 1px solid #DDD;
padding: 5px; background:#69aa46!important;
position: relative;
float: right!important;}

.upload{background:#09C; padding:5px 10px; color:#fff !important;}
.preview{background:#C03; padding:5px 10px; color:#fff !important;}
.upload a, .preview a{color:#fff;}
.loginBtn{background:url(../images/serachBtn.jpg) no-repeat; width:30px !important; height:24px !important; border:none;}
.searchBox{margin: auto !important; height:14px !important;}

form{margin: 0 0 5px !important;}

p.uploadbox {width: 197px; float:left; height: 30px; background: url(../images/upload.jpg) no-repeat; overflow: hidden;}
p.uploadbox input{display: block !important; width: 197px !important; height: 30px !important; opacity: 0 !important; cursor:pointer;   overflow: hidden !important;}

.clear{clear:both;}
.increaseFont2-2em{font-size:2.2em !important;}

.borderLight{border:1px solid #eee;}
.seperate{border-bottom:1px solid #E6E6E6;}

/*for the tree menu*/ 
.navTree{padding-top:5px !important; padding-bottom:5px !important;} 
.navTree ul{list-style-type: none; margin-left:19px !important; border-bottom: 1px solid #e5e5e5;}
.navTree ul li{margin-bottom: none; padding-left: 1.9em; padding-bottom:0.5em; padding-top:0.5em;}
.navTree ul li a:link{color:#616161;}
.navTree ul li a:hover, .navTree ul li a:visited{color:#08c;}

.navTree ul li a span, .navTree ul li ul li a{padding-left:8px;}

.navTree ul li ul{border-bottom:none !important;}
.navTree ul li ul li{padding-left:0 !important; margin-left:-1em;  padding-bottom:0.2em; padding-top:0.2em; font-size:11px; }



.closed{background: url(../images/plus_icon.jpg) no-repeat 0 10px;}
.opening{background: url(../images/minus_icon.jpg) no-repeat 0 10px;}

legend{color:#000 !important; font-size:20px; line-height:30px; margin-bottom:10px; border-bottom: 1px dashed #e5e5e5 !important; background: #DFE9F1 !important; padding-left:10px;}
.dropdown-menu{margin: 6px 4px 0;}


/*.row-fluid [class*="span"] {min-height: 20px !important; }*/
.profile-info-row{min-height:32px;}
#cboxClose{top:12px !important; right:12px !important;}
#cboxNext, #cboxPrevious{bottom:6px !important;}

.morepadding li{margin-right: 20px !important; margin-bottom: 10px !important;}
.morepadding li:nth-child(last){margin-right: 0 !important ;}

.thumb {
  height: 75px;
  border: 1px solid #000;
  margin: 10px 5px 0 0;
}
.positionfixed{position: fixed !important; left: 0 !important; top: 0 !important;}

.borderTop5{border-top:5px solid #494949;}
.date, .eventDate, .eventDate div h2, .monthYear, .date > div > h3{font-family: 'BebasNeueRegular' !important;}
.date h3, .qod h2{color:#da1c23; font-size:80px;}
.date p{color:#9a9a9a; font-size:23px;}
.date > div > h3{line-height:45px !important;}

.happybirthday, .congratulation{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;}
.happybirthday h4, .congratulation h4{color:#333333 !important; font-size:1.5em !important; font-weight:100;}
.profilePicBirthdayDisplay{width:48px; height:61px; border:1px solid #a2a2a2;}
.happybirthday div p{color:#0e90cc; font-size:1.2em; line-height:100%;}
.happybirthday div p span, .congratulation p, .event p{color:#000;}

.announcement h2, .congratulation h4, .event h2 {background:#da1c23; text-shadow:none !important; color:#fff !important; padding:3px 10px; font-size:1.2em !important;}
.congratulation > div > div > p {font-size:0.95em !important; line-height: 130%;}
.congratulation p span{color:#da1c23 !important; font-weight:700;}
.congratulation p img{width:100%; height:108px;}
/*.congratulation p:nth-child(3), .congratulation p:nth-child(4){font-size:0.9em;}*/
.lightcolortxt{color:#6d6d6d !important;}
.italic{font-style:italic;}
.reduceFont{font-size:1.5em !important;}

.ashBg{background:#f3f3f3;}
.announcement h2{padding:10px !important;}
.announcement h2, .event h2{font-weight:100;}
.event h2{padding:8px;}
.event > div > p > strong{color:#616161;}
.event > div > p, .annTxt{color:#676767; font-size:1.2em; line-height:130%;}
.event > div:nth-child(even){background: #FAFAFA;}

.eventDate{margin:20px 0 0 !important;}
.eventDate div h2{color:#fff; text-shadow:none; text-align:center; font-size:44px !important; padding:10px;}
.monthYear{font-size:26px; padding-left:5px; line-height:100%;}
.dateBgRed{background: #E66060;}
.dateBgRed h2{background:none !important;}
.announcentTxt{margin-left:0 !important; padding-left:0 !important;}
.announcentTxt p{padding-left:10px !important;}
.announcementBg{background: rgb(255, 248, 229);}

div label span:after{content:'*'; color:#F00;}

.arrowopendedselected{color: #fff !important;}
.controlthumb{width: auto; height: 100px !important; border:1px solid #eee;}


.capital{text-transform:uppercase;}
.border-top-dashed{border-top:1px dashed #666666;}
.border-bottom-dashed{border-bottom:1px dashed #666666;}
.bold{font-weight: 700;}
.height25{height:25px;}

.profile-user-info{margin: 0 !important;}

/*for the tabs*/

.hmshadetabs {
    background: none repeat scroll 0 0 #F0F9FC;
    font-family: arial;
    font-weight: bold;
    line-height: 21px; width:auto; margin:0 !important;
    padding: 5px 10px 0;
}

.backgroundnone{background: none !important;}

.hmshadetabs li a {
    color: #006699;
    display: block;
    padding: 0 10px;
}
.hmshadetabs li {
    display: inline-block;
}
.hmshadetabs li a.selected {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #CCCCCC #CCCCCC -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    color: #006699;
    display: block;
    margin-top: -10px;
}

/*for the profile view section*/
.profile-info-name{width: 120px !important;}

ul.reqfor li{padding-right: 10px;}
.financialYear{text-align:center; border-bottom: 1px solid #ddd; padding-bottom: 20px;}

.tdhighlight{background:#FAFAFA;}
label{font-size:12px !important;}
.border-light{border:1px solid #EBEBEB;}

.form-group{margin-bottom: 10px !important;}

#shiftFrm, #shiftTo{width: 100%; height:10px; padding-left:10px !important;}
#timeFrm, #timeTo{width: 100%; height:22px; padding: 0 4px;}
#addMaster .btn{padding:2px 15px;}
#shiftFrm, #shiftTo, #timeFrm, #timeTo{font-size:11px;}
#addMaster input{margin-right: 5px;}
#addMaster .inputAdjust{width:206px !important;}
input {max-width:100% !important;}