/*
TopView Club Template - V0.1
Team - 7Design.Studio
Developed @ 30-03-2018
follow us @07designstudio (twitter)
Website - http://7design.studio
*/

@font-face {
    font-family: 'Noto Sans Regular';
    src: url('fonts/notosans/regular/NotoSans-Regular-webfont.eot');
    src: url('fonts/notosans/regular/NotoSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/notosans/regular/NotoSans-Regular-webfont.woff') format('woff'),
         url('fonts/notosans/regular/NotoSans-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans Bold';
    src: url('fonts/notosans/bold/NotoSans-Bold-webfont.eot');
    src: url('fonts/notosans/bold/NotoSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/notosans/bold/NotoSans-Bold-webfont.woff') format('woff'),
         url('fonts/notosans/bold/NotoSans-Bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans Italic';
    src: url('fonts/notosans/italic/NotoSans-Italic-webfont.eot');
    src: url('fonts/notosans/italic/NotoSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/notosans/italic/NotoSans-Italic-webfont.woff') format('woff'),
         url('fonts/notosans/italic/NotoSans-Italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
body {
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: 'Noto Sans Regular',sans-serif;
}

/*Input Default*/

input[type="email"].default-topviewreg, input[type="number"].default-topviewreg, input[type="search"].default-topviewreg, input[type="text"].default-topviewreg, input[type="tel"].default-topviewreg, input[type="url"].default-topviewreg, input[type="password"].default-topviewreg, textarea.default-topviewreg, select.default-topviewreg {
    height: 38px;
    padding: 6px 0;
    background-color: #313233;
    border: none;
    border-bottom: solid 1px #fff;
    box-shadow: none;
    box-sizing: border-box;
    outline: none;
	width:75%;
	font-size: 18px;
}
select.default-topviewreg-mobselect ,input[type="text"].default-topviewreg-mobinput{
    height: 38px;
    padding: 3px 0;
    background-color: #313233;
    border: none;
    border-bottom: solid 1px #fff;
    box-shadow: none;
    box-sizing: border-box;
    outline: none;
	width:40%;
	font-size: 20px;
	margin-right: 20px;
	color:#fff;
}
input[type="text"].default-topviewreg-mobotpinput,input[type="number"].default-topviewreg-mobotpinput{
    height: 38px;
    padding: 3px 0;
    background-color: #313233;
    border: none;
    border-bottom: solid 1px #fff;
    box-shadow: none;
    box-sizing: border-box;
    outline: none;
	width:10%;
	font-size: 20px;
	margin-right: 20px;
	color:#fff;
	text-align: center;
}
input::-webkit-input-placeholder,input:-moz-placeholder,input::-moz-placeholder ,input:-ms-input-placeholder{
	color: #B9B4B4 !important;
}
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea,.form-control{
	color:#fff;
} 
/* Buttons */

.button.default-topviewreg,
button.default-topviewreg,
input[type="submit"].default-topviewreg,
input[type="reset"].default-topviewreg,
input[type="button"].default-topviewreg {
	color: #FFF;
	background-color: #E13346;
	border: 1px solid #E13346;
	font-size: 18px; 
	display: inline-block;
	padding: 6px 0;
	white-space: nowrap;
	box-sizing: border-box;
	border-radius: 4px;
	line-height: 38px;
	letter-spacing: .1rem;
	text-transform: none;
	text-decoration: none;
	cursor: pointer;
	min-width: 215px;	
}

.button.default-topviewreg:hover,
button.default-topviewreg:hover,
input[type="submit"].default-topviewreg:hover,
input[type="reset"].default-topviewreg:hover,
input[type="button"].default-topviewreg:hover,
.button.default-topviewreg:active,
.button.default-topviewreg.active.focus, .button.default-topviewreg.active:focus, .button.default-topviewreg:active.focus, .button.default-topviewreg:active:focus,
.button.default-topviewreg:focus,
button.default-topviewreg:focus,
input[type="submit"].default-topviewreg:focus,
input[type="reset"].default-topviewreg:focus,
input[type="button"].default-topviewreg:focus {color: #FFF;background-color: #E0263A;border-color: #E0263A; outline: none !important; outline-offset: inherit !important; }

button.btn-edit-details,
input[type="submit"].btn-edit-details,
input[type="reset"].btn-edit-details,
input[type="button"].btn-edit-details {
	background-color:#F55980;
	color:#FFFFFF;
	border: 1px solid #F55980;
	box-sizing: border-box;
	padding-right: 25px;
    padding-left: 25px;
}
button.btn-edit-details.inline{
	margin-left: 15px;
	padding-right: 25px;
    padding-left: 25px;	
}
button.btn-edit-details.notinline{
	padding-right: 25px;
    padding-left: 25px;	
}
button.btn-edit-details.manage-add{
	width:100%;
	padding:6px 20px;
	border-radius: 3px;
}

button.btn-edit-details:hover,
input[type="submit"].btn-edit-details:hover,
input[type="reset"].btn-edit-details:hover,
input[type="button"].btn-edit-details:hover,
.button.btn-edit-details:active,
.button.btn-edit-details.active.focus, .button.btn-edit-details.active:focus, .button.btn-edit-details:active.focus, .button.btn-edit-details:active:focus,
.button.btn-edit-details:focus,
button.btn-edit-details:focus,
input[type="submit"].btn-edit-details:focus,
input[type="reset"].btn-edit-details:focus,
input[type="button"].btn-edit-details:focus {color: #FFF;background-color: #E0263A;border-color: #E0263A; outline: none !important; outline-offset: inherit !important; }

.btn-default.btn-edit-details.disabled.focus, .btn-default.btn-edit-details.disabled:focus, .btn-default.btn-edit-details.disabled:hover, .btn-default.btn-edit-details[disabled].focus, .btn-default.btn-edit-details[disabled]:focus, .btn-default.btn-edit-details[disabled]:hover, fieldset[disabled] .btn-default.btn-edit-details.focus, fieldset[disabled] .btn-default.btn-edit-details:focus, fieldset[disabled] .btn-default.btn-edit-details:hover {
    background-color: #E0263A;
    border-color: #E0263A;
}

p.reg-confirm-input {font-size: 18px;color: #777777;margin-bottom: 5px;}

.no-padding{padding:0;}
.no-left-padding{padding-left:0;}
.no-right-padding{padding-right:0;}
.no-top-padding{padding-top:0;}
.no-bottom-padding{padding-bottom:0;}

.no-margin{margin:0;}
.no-left-margin{margin-left:0;}
.no-right-margin{margin-right:0;}
.no-top-margin{margin-top:0;}
.no-bottom-margin{margin-bottom:0;}

.no-border{border:none !important;}
.border-default { border-bottom:1px solid #e0e0e0 !important; }

.fivpx-mrgn-top{margin-top:5px;}.fivpx-mrgn-rth{margin-right:5px;}.fivpx-mrgn-btm{margin-bottom:5px;}.fivpx-mrgn-lft{margin-left:5px;}

/* Registration - Login */

html, .topview-reg{
	padding:0;
	height:100%;
	font-family: 'Noto Sans Regular',sans-serif;
}
.topview-reg-container,.topview-reg-row{height:100%;}
.logo-reg {height: 105px;padding-top:10px;}	
.reg-section-image{
	background-color: #84c1e4;
	background-repeat : no-repeat;
	height: 100%;
	min-height:100%;
    position: relative;
    overflow: hidden;	
}
.reg-section-image.regname{background-color: #56b98c;}
.reg-section-image.regschoolname{background-color: #735f9f;}
.reg-section-image.regmobilenum{background-color: #e4cc46;}
.reg-section-image.regmobilenumotp{background-color: #508ef4;}
.reg-section-image.regconfirm{background-color: #61bcc2;}
.reg-image-container {height: 100%;}
p.reg-section-info-one {
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
	margin-top: 40px;
}
p.reg-section-info-onetwo {
    font-size: 14px;
    color: #fff;
    text-align: left;
	margin-bottom:30px;
}

.reg-section-info-onetwo .reg-button-info {
    font-size: 14px;
    color: #D01157;
    font-family: 'Noto Sans Bold';
	text-decoration: none;	
}
.reg-section-info-onetwo .reg-button-info-footer {
    font-size: 14px;
    color: #D01157;
    font-family: 'Noto Sans Regular';
	text-decoration: none;	
}
.reg-section-info-one .reg-button-info,.regname-footer-left .reg-button-info{
    border: 2px solid #FFFFFF;
    border-radius: 6px;
    padding: 7px 8px;
    color: #ffffff;
    text-decoration: none;	
}
.reg-section-info-regname {padding: 0 40px;}
p.regname-title{
    font-size: 25px;
    color: #FFFFFF;
    text-align: left;
	margin-top: 20px;
}
p.regname-content {
    font-size: 18px;
    color: #FFFFFF;
    text-align: left;
	line-height: 2em;
}
p.regname-footer-left {
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
	line-height: 2em;
}
.regname-content .reg-button-info{
    border: 2px solid #FFFFFF;
    border-radius: 6px;
    padding: 7px 20px;
    color: #ffffff;
    text-decoration: none;	
}
.reg-section-info-one.mobile-reg .reg-button-info{
    border: 2px solid #FFFFFF;
    border-radius: 6px;
    padding: 7px 20px;
    color: #ffffff;
    text-decoration: none;	
}
.reg-image-container img {
	margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
	max-width: 300px;
}
.reg-section-content{
	height:100%;
	background-color:#FFFFFF;
	padding: 10px 50px;
}
form.topviewregistration {padding: 10px 0;}

img.topview_logo {max-width: 150px;}
form.topviewregistration .form-group {padding-bottom: 15px;padding-top: 15px;}
form.topview-edit-form .form-group {padding-bottom: 15px;padding-top: 15px;}
form.topviewregistration.confirm-registration .form-group{padding-bottom: 1px;padding-top: 0;}
.registration-details {padding-top: 10%;}
.registration-details.confirmreg {padding-top: 0;}
.topviewregistration.confirm-registration {margin-top: 15px;}
.reg-title {font-size: 24px;color: #fff;margin-bottom:10px;font-family: 'Noto Sans Regular';}
.reg-subtitle {font-size: 16px;color: #777777;margin: 1% 0;}
.reg-subtitle-ab{font-size: 20px;color: #777777;margin: 3.5% 0;}
.reg-subtitle .email{ color: #fe2167; font-family: 'Noto Sans Bold';}
.topview-reg-next-arrow{width: 18px;}
.reg-notify-aa {font-size: 18px;color: #393939;margin: 1% 0;}
.reg-notify-aa-link {font-size: 18px;color: #337ab7;margin: 1% 0; text-decoration:none !important;}
.reg-notify-ab {color: #777777;font-size: 18px;}
.reg-notify-ac-link {color:#1485e0; font-size:18px;margin-top: 20%;}
.reg-notify-ac-link  a{text-decoration:none;}
.setpwd-back-arrow{color:#89c2ef;}
.footer {position: absolute;bottom: 0;height: 60px;margin-bottom:15px;}
.regname-footer {position: absolute;bottom: 0;height: 60px;width:90%;margin-bottom:10px;}
.regname-footer span,.footer-confirm-highlight {font-family: 'Noto Sans Bold';}
.circle {width: 11px;height: 11px;background: rgba(153, 153, 153, 0.40);-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius:50px; 
display:inline-block;margin-right: 5px;}
.circle.active{background:#999999;}
.circle a {text-decoration: none;}
.circle-ab {width: 11px;height: 11px;background: #d0e7f9;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius:50px; 
display:inline-block;margin-right: 5px;}
.circle-ab.active{background:#1485e0;}
.circle-ab a {text-decoration: none;}

.ui.bottom.fixed.menu {
    font-size: 0.9em;
}

/*Media Queries*/
@media screen and (max-width:450px){
	p.reg-section-info-onetwo{text-align:center;}
	.logo-reg {height: 70px;padding-top:0px;}
	img.topview_logo{float:none;margin-top: 20px;}		
	.reg-title {font-size: 18px;}
	.reg-subtitle {font-size: 16px;}
	.reg-notify-aa , .reg-notify-aa-link,.reg-notify-ab,.reg-notify-ac-link {font-size: 16px; text-align:center;}
	input[type="email"].default-topviewreg, input[type="number"].default-topviewreg, input[type="search"].default-topviewreg, input[type="text"].default-topviewreg, input[type="tel"].default-topviewreg, input[type="url"].default-topviewreg, input[type="password"].default-topviewreg, textarea.default-topviewreg, select.default-topviewreg {width:100% !important;font-size: 18px;}
	select.default-topviewreg-mobselect ,input[type="text"].default-topviewreg-mobinput{font-size: 17px;}
	.default-topview-regbtn{ margin-left:auto; margin-right:auto ;  float:none;}
	.button.default-topviewreg,
	button.default-topviewreg,
	input[type="submit"].default-topviewreg,
	input[type="reset"].default-topviewreg,
	input[type="button"].default-topviewreg {
		min-width: 160px;
		display:block;
		font-size: 16px;
		padding: 4px 0;
	}
	.topview-reg-next-arrow{width: 16px;}
	.registration-details.confirmreg {padding-top: 40px;}
	.footer {position: relative;text-align: center;}	
	.form-label-container .form-title {
		font-size: 18px;
		margin-bottom: 10px;
	}
}

@media (min-width:451px) and (max-width:719px){
	.logo-reg {height: 70px;padding-top:0px;}	
	img.topview_logo{float:left;margin-top: 20px;}
	p.reg-section-info-onetwo {text-align:left; margin-bottom:20px;}
	input[type="email"].default-topviewreg, input[type="number"].default-topviewreg, input[type="search"].default-topviewreg, input[type="text"].default-topviewreg, input[type="tel"].default-topviewreg, input[type="url"].default-topviewreg, input[type="password"].default-topviewreg, textarea.default-topviewreg, select.default-topviewreg {
		width:60%;
		font-size: 20px;
	}
	.reg-title {font-size: 18px;}
	.reg-subtitle {font-size: 16px;}
	input[type="email"].default-topviewreg, input[type="number"].default-topviewreg, input[type="search"].default-topviewreg, input[type="text"].default-topviewreg, input[type="tel"].default-topviewreg, input[type="url"].default-topviewreg, input[type="password"].default-topviewreg, textarea.default-topviewreg, select.default-topviewreg {
		width:65%;
		font-size: 16px;
	}
	select.default-topviewreg-mobselect ,input[type="text"].default-topviewreg-mobinput{font-size: 17px;}
	.registration-details.confirmreg {padding-top: 40px;}
	button.default-topviewreg {
		min-width: 165px;
		display:block;
		font-size: 16px;
		padding: 4px 0;
	}
	.topview-reg-next-arrow{  width: 16px;  }
	.registration-details.confirmreg {  padding-top: 40px;  }
	.footer {position: relative;}
}
@media (min-width:721px) and (max-width:1024px){
	.logo-reg {height: 90px;}	
	span.reg-button-info {padding: 7px 1px;}
	img.topview_logo{float:left;}
	input[type="email"].default-topviewreg, input[type="number"].default-topviewreg, input[type="search"].default-topviewreg, input[type="text"].default-topviewreg, input[type="tel"].default-topviewreg, input[type="url"].default-topviewreg, input[type="password"].default-topviewreg, textarea.default-topviewreg, select.default-topviewreg {
		width:65%;
		font-size: 17px;
	}
	.form-inline .form-control {
		min-width:300px;
	}
	.registration-details {
		padding-top: 7%;
	}
	.reg-title {font-size: 19px;}
	.reg-subtitle {font-size: 17px;}
	button.default-topviewreg {
		min-width: 180px; 
		display:block;	
		font-size: 17px; 
		padding: 4px 0;
	}
	.topview-reg-next-arrow {
		width: 17px;
	}
}
@media (min-width:1025px){
	img.topview_logo{float:left;}
	.form-inline .form-control {
		min-width:300px;
	}	
}
/*Copyrights, 7design.stduio, http://7design.studio */