@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
.clear 	{clear:both; display:block; overflow:hidden; visibility:hidden; width: 0; height:0;}
body {margin:0; padding:0; background-color:#e0e7ef; font-family:"Open Sans", Arial; font-size:13px; color:#555;}

.pad-5 {padding:5px} .pad-10 {padding:10px}	.pad-15 {padding:15px} .pad-20 {padding:20px} .pad-30 {padding:30px}
/*margin selectors*/
.m-a   {margin:auto}
.m-0   {margin:0}	     .mt-0  {margin-top:0}	     .mb-0  {margin-bottom:0}	.ml-0  {margin-left:0}	 .mr-0 {margin-right:0}
.mt-5  {margin-top:5px}	 .mb-5  {margin-bottom:5px}	 .ml-5  {margin-left:5px}	.mr-5  {margin-right:5px}	
.mt-10 {margin-top:10px} .mb-10 {margin-bottom:10px} .ml-10 {margin-left:10px}	.mr-10 {margin-right:10px}
.mt-15 {margin-top:15px} .mb-15 {margin-bottom:15px} .ml-15 {margin-left:15px}	.mr-15 {margin-right:15px}
.mt-20 {margin-top:20px} .mb-20 {margin-bottom:20px} .ml-20 {margin-left:20px}	.mr-20 {margin-right:20px}
.mt-30 {margin-top:30px} .mb-30 {margin-bottom:30px} .ml-30 {margin-left:30px}	.mr-30 {margin-right:30px}
.mt-minus {margin-top:-30px}

.font_light   {font-weight:300;}
.font_regular {font-weight:400;}
.font_bold    {font-weight:700;}
.font_xbold   {font-weight:900;}

.text_blue  {color:#0093f0;}
.text_red   {color:#ff1c02;}
.text_grey_d{color:#333;}
.text_blck  {color:#000000;}
.text_wht   {color:#ffffff;}
.text_yelw  {color:#ffcf35;}

.text_20 {font-size:20px;}
.text_18 {font-size:18px;}
.text_16 {font-size:16px;}
.text_12 {font-size:12px;}
.text-justify{text-align:justify;}

.wht_cont {
	background-color:#FFF; 
	padding:10px; 
	border-radius:10px;
	-moz-box-shadow:1px 1px 1px 0px #bdbaba;
    -webkit-box-shadow:1px 1px 1px 0px #bdbaba;
    box-shadow:1px 1px 1px 0px #bdbaba;
}

.contents {position:absolute; left:222px; right:0; top:0;}
.header {
	background-color:#FFF; 
	height:100px; 
	height:72px; 
	-webkit-box-shadow:0 5px 5px -5px #bdbaba; 
	-moz-box-shadow:0 5px 5px -5px #bdbaba;
	box-shadow:0 5px 5px -5px #bdbaba;
}

.top_menu {margin:0; padding:0; list-style:none;}
.top_menu li {font-size:14px; display:inline-block; border-right:#e9e9e9 1px solid;}
.top_menu li.logout {border-left:#e9e9e9 1px solid; float:right;}
.top_menu li a {color:#666; display:block; padding:26px;}

.relative {position:relative;}

.fix_head {width:100%; top:0;}

.side_bar {position:fixed; left:0; top:72px; bottom:0; width:222px; height:100%; background-color:#34323a; z-index:99;}
.logo {background:url(../images/logo_bg.jpg) repeat-x; padding:3px 10px; border-right:#CCC 1px solid; width:222px;position:fixed; left:0; top:0px; z-index:100;}

.login_cont {position:relative; margin-top:10%;}
.login_cont h1.heading {text-align:center;margin:0; padding:0; line-height:normal; text-transform:uppercase; font-weight:500; color:#231f20; font-size:36px; position:relative;}
.login_cont h1.heading small {font-weight:300; color:#231f20; font-size:12px; position:absolute; top:10px; right:5px;}
.login_cont .login_box {
	/*background-color:#FFF; */
	/*border:#cf2630 5px solid;*/
	border: #000 7px solid;
	border-radius: 6px;
}
.login_box .form {
	background-color:#f5f5f5;
	padding:20px;
	/*border-left:#cf2630 5px solid; */
	display:block;}
.login_box .form h1 {margin:0; padding:0; padding-bottom:15px;}


label.mobile_menu {background:url(../images/menu.png) repeat-x; width:52px; height:51px; display:none; position:fixed; top:10px; right:10px; text-indent:-9999px; z-index:101; cursor:pointer;}

.side_bar .menu {margin:0; padding:0; list-style:none; font-size:14px; width:222px; background-color:#34323a;}
.menu li {border-bottom:#3e3c44 1px solid;}
.menu li a {display:block; padding:10px 15px; color:#767676;}
.menu li i {display:inline-block; margin-right:5px;}
.menu li:hover {background-color:#28262c;}
.menu li:hover a {color:#FFF; text-decoration:none;}
.menu li.active {background-color:#28262c;}
.menu li.active a {color:#FFF;}

.top_mue {list-style:none; margin:0; padding:0; margin-top:17px;}
.top_mue li {display:inline-block; margin-left:10px;}
.top_mue li a {text-decoration:none;}
.top_mue li a .small {color:#000; background-color:#3df903; padding:1px 3px; border-radius:100%; font-size:10px; display:inline-block;}

.footer {border-top:#ccc 3px solid; position:relative; padding:20px 0; color:#ededed; text-align:center; color:#555;}

.footer ul.links {margin:0; padding:0; list-style:none; text-align:center; margin-bottom:20px;}
.footer ul.links li {padding:0 5px; display:inline-block;}

.footer a {color:#666; text-decoration:none;}
.footer a:hover {color:#000;}
.vtxt{margin-left: 67px;}
@media only screen and (max-width: 768px) {
	.vtxt{margin-left: 2px;}
	.login_cont h1.heading{text-align: inherit;font-size: 30px;}
	.login_box .form h1{font-size: 30px;}
	#form1 .form-group .pull-right{float: left !important;margin-bottom: 10px;margin-left: 20px;}
	#form1 .form-group .radio, .checkbox{margin-bottom: 0px;}
}