﻿body { margin:0; padding:0;font-family: 'Lato', sans-serif; font-weight:400;}
html{ height:100%; width:100%;}
a{ text-decoration:none; outline:none;}
.header{ width:100%; float:left; height:89px;}
.main-container-in{ width:1174px; max-width:100%; margin:0 auto;}
.logo{ width:350px; float:left; margin:15px 0 0 0;}
.banner{ width:100%; float:left; background:url(/images/banner-image.jpg) no-repeat top center; height:276px; display:table;}
.banner-cont{ width:100%; display:table-cell; vertical-align:middle;}
.banner-con1{ width:687px; display:block; font-family:loto; font-size:45px; color:#bebebe; float:left;}
.banner-con2{width:687px; display:block; font-family:loto; font-size:23px; color:#bebebe; margin-bottom:15px; float:left;}
.menu-left{ width:306px; float:left;}
.right-container{ width: calc(100% - 357px); float:right;}
.main-container{ width:100%; float:left; margin-top:24px; margin-bottom:100px;}
.menu-left ul{ margin:0; padding:0; list-style:none; width:100%; float:left;}
.menu-left ul li{width:100%; float:left; margin:0; padding:0; border-bottom:1px solid #b7b7b7; background:#f6f6f6; height:45px; line-height:45px; box-sizing:border-box;position:relative;}
.menu-left ul li a:after{width: 0;height: 0;border-style: solid;border-width: 8px 0 8px 10px;border-color: transparent transparent transparent #dedede; position:absolute; right:10px; top:15px; content:""; z-index:0;}
.menu-left ul li a{ padding-left:36px; box-sizing:border-box; color:#1e1e1e; font-size:16px; display:block; position:relative;}
.menu-left ul li.active-menu a:after{width: 0;height: 0;border-style: solid;border-width: 8px 0 8px 10px;border-color: transparent transparent transparent #9bd3b8; position:absolute; right:10px; top:15px; content:""; z-index:0;}
.menu-left ul li.active-menu a{ color:#00984f;}
.menu-left ul li:last-child{ border-bottom:none;}
.page-heading{ width:100%; float:left; color:#781135; font-size:20px; position:relative;}
.page-heading-main{ font-size:30px;}
.page-heading:after{ position:absolute; content:""; left:0; bottom:-1px; border-top:1px solid #dedede; width:333px;}
.page-heading:before{ position:absolute; content:""; left:0; bottom:-5px; border-top:4px solid #771034; width:93px;}
.page-content{ width:100%; float:left; margin-top:25px; width:100%;  box-sizing:border-box; }
.con-box{ width:100%; float:left;}
.content-box{ width:100%; float:left;box-sizing:border-box; padding:20px; border:1px solid #b6b6b6;margin-bottom:30px;}
.lbl-heading{ width:100%;float:left; color:#000000; font-size:13px; margin-bottom:10px;}
.lbl-txtbox{ width:100%; float:left; margin-bottom:20px; }
.lbl-text{ width:99%; float:left; height:30px; border:1px solid #b6b6b6; outline:none; box-sizing:border-box; padding:0 10px; -webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;-ms-transition: all 0.30s ease-in-out;-o-transition: all 0.30s ease-in-out;}
.lbl-text:focus, textarea:focus, select:focus, option:focus{ box-shadow: 0 0 5px rgba(0, 181, 150, 1);border: 1px solid rgba(0, 181, 150, 1)}
.form-btn-box{ width:100%; text-align:center; float:left;}
.frombtn{width: 109px;height: 34px;max-width: 40%;line-height: 34px;text-align: center;color: #fff;font-size: 17px;border: none;background: #00b596;margin: 0 2px;cursor: pointer; outline: none;}
.Disabled{opacity:0.4;}
.pager{ width:100%; float:left; height:50px; text-align:center; margin:28px 0; background:#f0f0f0; display:block;}
.Pagerfirst{position:relative; text-align:center; height:100%; display:inline-block;box-sizing:border-box; font-size:12px; color:#bebebe; background:url(/images/first-new.png) no-repeat center 9px; width:45px; margin-right:20px; cursor:pointer;  background-size:28px;}
.PagerPrevious{ position:relative;  text-align:center; height:100%; display:inline-block;box-sizing:border-box; font-size:12px; color:#bebebe; background:url(/images/Previous-new.png) no-repeat center 9px; width:45px; margin-right:20px; cursor:pointer; background-size:14px;}
.PagerNext{ position:relative; text-align:center; height:100%; display:inline-block;box-sizing:border-box; font-size:12px; color:#bebebe; background:url(/images/next-new.png) no-repeat center 9px; width:45px; margin-right:20px; cursor:pointer; background-size:14px;}
.PagerLast{ position:relative;  text-align:center; height:100%; display:inline-block;box-sizing:border-box; font-size:12px; color:#bebebe; background:url(/images/last-new.png) no-repeat center 9px; width:45px; margin-right:20px;  cursor:pointer; background-size:28px;}
.Pagerfirst a, .PagerPrevious a, .PagerNext a, .PagerLast a, .PagerPageLink a{ padding-top:30px;box-sizing: border-box; color:#bebebe; height:100%; width:100%; display:block;}
.PagerPageLink{ position:relative;text-align:center; height:72px; line-height:72px;display:inline-block;box-sizing:border-box; font-size:12px; color:#bebebe; width:45px; margin-right:20px;  cursor:pointer;top:-12px;}
.PagerCurPage{ position:relative; text-align:center; height:50px; line-height:50px; display:inline-block;box-sizing:border-box; font-size:12px; color:#fff; width:45px; margin-right:20px;  cursor:pointer; background:#00b596;  top:-12px;}
.table-first-row{ background:#f0f0f0; color:#5d5d5d; font-size:15px; text-transform:uppercase;}
.table-data{border: 1px solid #b6b6b6; border-collapse: collapse; color:#a7a7a7; font-size:12px;}
.table-data a{color:#a7a7a7; }
 .PagerPageLink a { padding-top:0;}
 .PagerCurPage a{ box-sizing: border-box;color: #fff;height: 100%;width: 100%; display: block;}
.time-date{ text-align:center;}
.time-conference{ display:inline-block; margin:0 15px;}
.time-conference select{ width:60px; height:30px; }
.text-box-repeter input{ width:97%; display:inline; float:none;}
.menu-device{ display:none;}
.pager-lbl {width: 100%;float: left;text-align: center;height: 100%;}
/*.pager-lbl{box-sizing: border-box; margin:0px auto; display:inline-block;}*/
.Textboxnormal, .textboxfocus{width: 99%;float: left;height: 30px;border: 1px solid #b6b6b6;outline: none;box-sizing: border-box;padding: 0 10px;}
#ctl00_ContentPlaceHolder1_FUForDownload{padding-top: 4px;}
.lbl-text11{padding-top: 12px;}
#imagePreview{position: relative;}
#imagePreview [type=file]{cursor: inherit;display: block;min-height: 100%;min-width: 100%;right: 0;text-align: right;top: 0;}
.tatalCL {font-size:15px;}
.amount {font-size:15px;}
.totle-car{width:49%; margin-right:1%; text-align:right; float:right;}
 textarea{resize:none;}
.header-strip{ padding:10px 0; width:100%; float:left; background:#ececec;}
.group{font-size:13px;}
select {display: inline-block; padding: 4px 3px 3px 5px;  margin: 0; border:0;}
.login-main{ position:absolute; left:0;top:0; margin:0; bottom:0; right:0;}
.login-main-in{ width:375px; margin:0 auto;}
.logo-login{ width:100%; float:left; margin-top:58px; text-align:center;}
.login-text{ width:100%; float:left; margin-top:130px;}
.lgoin-box{ width:100%; float:left; border:1px solid #852848; border-top:none; height:30px; padding-bottom:5px; margin-bottom:48px; box-sizing:border-box;}
.lgoin-img{ display:inline-block; width:40px; height:100%; text-align:center; padding-top:10px; border-right:1px solid #d4bbc4; box-sizing:border-box;}
.txt-box-login{ display:inline-block; float:right; width:calc(100% - 40px); height:100%;}
.txt-box-login input[type='text'], .txt-box-login input[type='password']{ width:96%; height:100%; border:none; background:none;box-sizing:border-box; padding:0 10px; outline:none;}
.lgoin-img1{ padding-top:5px;}
.txt-box-login ::-moz-placeholder {color: #c0c0c0;font-size: 19px; font-weight:300;}
.txt-box-login :-moz-placeholder {color: #c0c0c0;font-size: 19px; font-weight:300;}
.txt-box-login ::-moz-placeholder {color: #c0c0c0;font-size: 19px; font-weight:300;}
.txt-box-login ::-webkit-input-placeholder {color: #c0c0c0;font-size: 19px; font-weight:300;}
.login-btn{ width:100%; float:left; text-align:center; margin-top:16px; font-weight:300;}
.login-btn input{ width:211px; height:45px; background:#29a5bf; color:#fff; font-weight:bold; line-height:45px; outline:none; font-size:18px; text-align:center; text-transform:uppercase; border:none; cursor:pointer;}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 500px white inset;
}



.ss { border:1px solid red;}
     .bg-fade { width:100%; float:left; height:100%; position:fixed; z-index:9999; background:rgba(0, 0, 0, 0.5); top:0; left:0; display:none;  }
     .f-popup { width:300px; height:100px; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; background:#fff; text-align:center; border-radius:5px;}
     .popup-msg { display:block; border-bottom:1px solid red; margin-top:20px; padding-bottom:20px;}
     .close-popup{ position:relative; width:100%; float:left; cursor:pointer; margin-top:10px;}
      .myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
    margin-top:5px;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.myButton:active {
	position:relative;
	top:1px;
}
@media only screen
and (max-width : 767px) 
{
.pager{ zoom:0.5;}
.login-main-in{ max-width:100%;}
.logo-login{ text-align:center;}
.logo-login img{ max-width:100%;}
.login-btn input{ max-width:100%;}
.menu-master{ display:none;}
.logo{ width:100%; text-align:center; float:left; }
.banner-con1{ width:100%; font-size:25px; box-sizing:border-box; padding:0 10px;}
.banner-con2{ width:100%; font-size:20px; box-sizing:border-box; padding:0 10px;}
.menu-left, .right-container, .main-container-in{ width:100%; float:left;}
.time-conference {display: inline-block;margin: 9px 3px;}
.group{ display:block;}
.page-heading:after{ width:100%;}
.ChildPageContainerDetailsAdmin{ width:96%; margin-left:2%; float:left; overflow-x:auto;}
.frombtn{ margin-bottom:15px; width:40%; height:30px; line-height:30px; font-size:15px; margin:0 5px;}
.lbl-text{ height:30px;}
.page-heading{ box-sizing:border-box; padding:0 10px; font-size:25px; margin-top:20px;}
.menu-left ul li a{ font-size:16px;}
.menu-left ul li{ height:39px; line-height:39px; }
.menu-left ul li a:after{ top:11px!important;}
.menu-device{ width:100%; display:block; float:left; background:#771034 url(/images/menuicon.png) no-repeat 20px center; color:#fff; line-height:35px; text-transform:uppercase; text-align:right; padding-right:20px; box-sizing:border-box; font-size:20px; }
.content-box{ margin-bottom:20px;}
#ctl00_ContentPlaceHolder1_FUForDownload{ padding-top:4px;}




}

@media only screen
and (min-width :768px) 
and (max-width :1024px) 
{
.Pagerfirst, .PagerPrevious, .PagerPageLink, .PagerPageLink, .PagerCurPage, .PagerNext, .PagerLast{ margin-right:10px;}
.time-conference{ margin:0;}
.menu-left ul li a{ font-size:15px;}
.main-container-in{ width:98%;}
.menu-left{ width:244px;}
.right-container{width: calc(100% - 255px);}
}
