@CHARSET "ISO-8859-1";

.custom-responsive-div-2{
	width: 60%;
   display: inline-block;
}
.custom-responsive-div-1{
	width: 30%;
   display: inline-block;
}
.profile-photo{
	height:105px
}

    hr{
        height: 0.5px;
        background-color: #ccc;
        border: none;
    }

@media only screen and (max-width: 600px) {
  .instruction {
    width: 45%;
  }
}

.pagebreak { page-break-before: always; }

#printallformat{
	font-size:11px !important;
}

.vertical-menu {
    width: 250px; /* Set a width if you like */
    float:left;
    position:absolute;
}

.vertical-menu a {
	
	
    font-family: "Trebuchet MS", sans-serif;
    border-top: 1px solid #EF593B;
    border-bottom: 1px solid #EF593B;
    border-left: 10px solid #D04528;
	
    background-color: #D04528; /* Grey background color color: #00ace6; */
    color: white; 
    display: block; /* Make the links appear below each other */
    padding: 6px; /* Add some padding */
    text-decoration: none; /* Remove underline from links */
}

.vertical-menu a:hover {
    /*background-color: #ccc;  Dark grey background on mouse-over */
}

.vertical-menu a.active {
    background-color: #4CAF50; /* Add a green color to the "active/current" link */
    color: white;
}
.thumb {
    width: 180px;
    height: 180px;
    float: none;
    position: relative;
    top: 7px;
}
.homeicon{
	width:100px;
	height:100px;
}
form .progress {
    line-height: 15px;
}
}

.progress {
    display: inline-block;
    width: 100px;
    border: 3px groove #CCC;
}

.progress div {
    font-size: smaller;
    background: orange;
    width: 0;
}

.header{
	width:100%;
	height:100px;
	/*background-image: url("../../images/header.png");**/
	repeat:none;
	
}
.header-name{
	margin-left:100px;
	margin-top:	15px;
	font-size:18px;
	float:left;
	font-weight:bold;
}
.header-image{
	background-repeat: no-repeat;
	margin-left: 30%;
	/**width:160px;
	height:50px;
	
	float:right;*/
}
.footer{
	width:100%;
	background-color: #404040;
}
html, body {
	height: 100%
}
* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}
.footer, .push {
height: 4em;
}

.menuitem{
	color:#FFFFFF;
}

ul.ldd_menu{
	margin:0px;
	padding:0;
	display:block;
	height:50px;
	background-color:#D04528;
	list-style:none;
	font-family:"Trebuchet MS", sans-serif;
	border-top:1px solid #EF593B;
	border-bottom:1px solid #EF593B;
	border-left:10px solid #D04528;
	-moz-box-shadow:0px 3px 4px #591E12;
	-webkit-box-shadow:0px 3px 4px #591E12;
	-box-shadow:0px 3px 4px #591E12;
	background-image: linear-gradient(#D04528, #e95639,#D04528);
}
ul.ldd_menu a{
	text-decoration:none;
}
ul.ldd_menu > li{
	float:left;
	position:relative;
}
ul.ldd_menu > li > span{
	float:left;
	color:#fff;
	background-color:#D04528;
	height:50px;
	line-height:50px;
	cursor:default;
	padding:0px 20px;
	text-shadow:0px 0px 1px #fff;
	border-right:1px solid #DF7B61;
	border-left:1px solid #C44D37;
	background-image: linear-gradient(#D04528, #e95639,#D04528);
}
ul.ldd_menu .ldd_submenu{
	position:absolute;
	top:50px;
	width:420px;
	display:none;
	opacity:0.95;
	left:0px;
	font-size:10px;
	background: #C34328;
	border-top:1px solid #EF593B;
	-moz-box-shadow:0px 3px 4px #591E12 inset;
	-webkit-box-shadow:0px 3px 4px #591E12 inset;
	-box-shadow:0px 3px 4px #591E12 inset;
}
a.ldd_subfoot{
	background-color:#f0f0f0;
	color:#444;
	display:block;
	clear:both;
	padding:15px 20px;
	text-transform:uppercase;
	font-family: Arial, serif;
	font-size:12px;
	text-shadow:0px 0px 1px #fff;
	-moz-box-shadow:0px 0px 2px #777 inset;
	-webkit-box-shadow:0px 0px 2px #777 inset;
	-box-shadow:0px 0px 2px #777 inset;
}
ul.ldd_menu ul{
	list-style:none;
	float:left;
	border-left:1px solid #DF7B61;
	margin:20px 0px 10px 30px;
	padding:10px;
}
li.ldd_heading{
	font-family: Georgia, serif;
	font-size: 13px;
	font-style: italic;
	color:#FFB39F;
	text-shadow:0px 0px 1px #B03E23;
	padding:0px 0px 10px 0px;
}
ul.ldd_menu ul li a{
	font-family: Arial, serif;
	font-size:12px;
	line-height:20px;
	color:#fff;
	padding:1px 3px;
}
ul.ldd_menu ul li a:hover{
	-moz-box-shadow:0px 0px 2px #333;
	-webkit-box-shadow:0px 0px 2px #333;
	box-shadow:0px 0px 2px #333;
	background:#AF412B;
	color: #ffd700;
}

 *{
                padding:0;
                margin:0;
            }
			body{
                background:rgb(249, 249, 249);
                font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
				overflow-x:hidden;

            }
            h1{
                font-size:50px;
                line-height:1px;
               
                color:#f9f9f9;
                position:absolute;
                text-shadow:0 1px 1px #ddd;
                top:-40px;
                left:5px;
                white-space: nowrap;
				color: #428301;
            }
            span.reference{
                position:fixed;
                left:10px;
                bottom:10px;
                font-size:11px;
            }
            span.reference a{
                color:#DF7B61;
                text-decoration:none;
                text-transform: uppercase;
                text-shadow:0 1px 0 #fff;
            }
            span.reference a:hover{
                color:#82b704;;
            }
            .box{
               
				width:100%;
                position:relative;
                background:#fff url(img/bg1.jpg) repeat;
				-moz-box-shadow:0px 0px 10px #aaa;
				-webkit-box-shadow:0px 0px 10px #aaa;
				-box-shadow:0px 0px 10px #aaa;
            }
            .box h2{
				color:#f0f0f0;
				padding:40px 10px;
				text-shadow:1px 1px 1px #ccc;
            }
        .login{
            border:1px solid grey;
            width: 300px;padding: 10px;
            border-radius: 10px; 
            background: white;
            }    
            
            
            
                       @media (max-width: 1000px){
	html, body {
	height: 130%;
	width: 130%;
	}
	
	.header{
		display: block;
		width:100%;
		height:400px;
		background-repeat: no-repeat;		
	}
	.header-name{
		margin-right: 50px;
		margin-top: 20px;
font-size: 32px;
float: inline-end;
font-weight: bold;
width: 32%;
	}
	.header-image {
	    width: 100%;
	    height: 400px;
	    background-repeat: no-repeat;
    	float: left;
    	margin-left: 0%;
	}
	.footer{
		width:90%;
		background-color: gray;
	}
	
	* {
	margin: 0;
	}
	
	.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;
	}
	.footer, .push {
	height: 4em;
	}
	
	.menuitem{
		color:#FFFFFF;
	}
	.login{
            border:1px solid grey;
            width: 80%;
            padding: 10px;
            border-radius: 10px; 
            background: white;
            }
		.modal{
		left:20%;
		width:80%;
		}
		.modal-body{
		max-height:80%;
		}
		.icon{
		height:100px;
		}
		 .uib-datepicker-popup{
		width:130%;
		height:80%;
		}
		.uib-datepicker{
		width:100%;
		height:100%;
		}
		
		.table{
		width:100%;
		height:500px;
		}
		.uib-day{
		width:150px;
		height:150px;
		}
		.btn-sm{
		font-size: 70px;
		width:100%;
		height:100px;
		}
		.pull-right{
		float:left}
		.icon-calendar{
		background-position: 0px 0px;
		width:100px;
		height:100px;
		background-image: url("../../images/calendar.png");
		background-size:100px;
		}
		.heading{
	font-size:60px;
}
.custom-responsive-div-1,.custom-responsive-div-2{
	width: 90%;
   
}
.profile-photo{
	height:400px
}
		
}