/* STYLESHEET FOR SKOOLY WEBSITE ADMIN*/


@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;
}
@font-face{
    font-family:barca;
    src:url(../fonts/barca.ttf);
  }
body {
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: 'Noto Sans Regular',sans-serif;
}

/*Input Default*/

input[type="email"].default-skoolyreg, input[type="number"].default-skoolyreg, input[type="search"].default-skoolyreg, input[type="text"].default-skoolyreg, input[type="tel"].default-skoolyreg, input[type="url"].default-skoolyreg, input[type="password"].default-skoolyreg, textarea.default-skoolyreg, select.default-skoolyreg {
    height: 38px;
    padding: 6px 0px;
    background-color: #fff;
    border: none;
    border-bottom: solid 2px #c9c9c9;
    box-shadow: none;
    box-sizing: border-box;
    outline: none;
	width:75%;
	font-size: 16px;	/*80% css 20 to 16*/
}
select.default-skoolyreg-mobselect ,input[type="text"].default-skoolyreg-mobinput{
    height: 38px;
    padding: 3px 0px;
    background-color: #fff;
    border: none;
    border-bottom: solid 2px #c9c9c9;
    box-shadow: none;
    box-sizing: border-box;
    outline: none;
	width:40%;
	font-size: 20px;
	margin-right: 20px;
	color:#000000;
}
input[type="text"].default-skoolyreg-mobotpinput,input[type="number"].default-skoolyreg-mobotpinput, 
input[type="password"].default-skoolyreg-mobotpinput{
    height: 38px;
    padding: 3px 0px;
    background-color: #fff;
    border: none;
    border-bottom: solid 2px #c9c9c9;
    box-shadow: none;
    box-sizing: border-box;
    outline: none;
	width:10%;
	font-size: 20px;
	margin-right: 20px;
	color:#000000;
	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:#000000;
}
/* Buttons */

.button.default-skoolyreg,
button.default-skoolyreg,
input[type="submit"].default-skoolyreg,
input[type="reset"].default-skoolyreg,
input[type="button"].default-skoolyreg {
	color: #FFF;
	background-color: #DDDDDD;
	border: 1px solid #EEEEEE;
	font-size: 16px;	/*80% css 20 to 16*/
	display: inline-block;
	padding: 6.6px 0px;	/*80% css 8,0 to 6.6,0*/
	white-space: nowrap;
	box-sizing: border-box;
	border-radius: 4px;
	line-height: 30.4px;		/*80% css 38 to 30.4*/
	letter-spacing: .1rem;
	text-transform: none;
	text-decoration: none;
	cursor: pointer;
	min-width: 184px;		/*80% css 230 to 184*/
}

.button.default-skoolyreg:hover,
button.default-skoolyreg:hover,
input[type="submit"].default-skoolyreg:hover,
input[type="reset"].default-skoolyreg:hover,
input[type="button"].default-skoolyreg:hover,
.button.default-skoolyreg:active,
.button.default-skoolyreg.active.focus, .button.default-skoolyreg.active:focus, .button.default-skoolyreg:active.focus, .button.default-skoolyreg:active:focus,
.button.default-skoolyreg:focus,
button.default-skoolyreg:focus,
input[type="submit"].default-skoolyreg:focus,
input[type="reset"].default-skoolyreg:focus,
input[type="button"].default-skoolyreg:focus {color: #FFF;background-color: #E91E63;border-color: #E91E63; 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:0.5rem;
	padding-right: 20px;
    padding-left: 20px;
}
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: #F55980;border-color: #F55980; 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: #F55980;
    border-color: #FFFFFF;
}

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

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

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

.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, .skooly-reg{
	padding:0px;
	height:100%;
	font-family: 'Noto Sans Regular',sans-serif;
}
.skooly-reg-container,.skooly-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: 14px;	/*80% css 18 to 14*/
    color: #FFFFFF;
    text-align: center;
	margin-top: 32px;	/*80% css 40 to 32*/
}
p.reg-section-info-onetwo {
    font-size: 14px;
    color: #777777;
    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: 4.6px 5.4px;	/*80% css 7,8 to 4.6,5.4*/
    color: #ffffff;
    text-decoration: none;
}
.reg-section-info-regname {padding: 0px 40px;}
p.regname-title{
    font-size: 20px; /* 80% css 25 to 20 */
    color: #FFFFFF;
    text-align: left;
	margin-top: 20px;
}
p.regname-content {
    font-size: 14px; /* 80% css 18 to 14 */
    color: #FFFFFF;
    text-align: left;
	line-height: 2em;
}
p.regname-footer-left {
    font-size: 14px; /* 80% css 16 to 14 */
    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: 112px;	/*80% css 140 to 112*/
}
.reg-section-content{
	height:100%;
	background-color:#FFFFFF;
	padding: 10px 50px;
}
form.skoolyregistration {padding: 10px 0;}

img.skooly_logo {max-width: 120px;}  /*80% css 150 to 120*/
form.skoolyregistration .form-group {padding-bottom: 12px;padding-top: 12px;}	/*80% css 15 to 12*/
form.skooly-edit-form .form-group {padding-bottom: 12px;padding-top: 12px;}		/*80% css 15 to 12*/
form.skoolyregistration.confirm-registration .form-group{padding-bottom: 1px;padding-top: 0px;}
.registration-details {padding-top: 18%;}	/*80% css 10 to 18*/
.registration-details.confirmreg {padding-top: 0px;}
.skoolyregistration.confirm-registration {margin-top: 15px;}
.reg-title {font-size: 20.8px;color: #393939;margin-bottom:8px;font-family: 'Noto Sans Regular';}	/*80% css 26,10 to 20.8,8*/
.reg-subtitle {font-size: 14px;color: #777777;margin: 1% 0;}	/*80% css 18 to 16*/
.reg-subtitle-ab{font-size: 18px;color: #777777;margin: 3.5% 0;}	/*80% css 20 to 18*/
.reg-subtitle .email{ color: #fe2167; font-family: 'Noto Sans Bold';}
.reg-subtitle-ab .email{ color: #fe2167; font-family: 'Noto Sans Bold';}
.skooly-reg-next-arrow{width: 18px;}		/*80% css 20 to 18*/
.reg-notify-aa {font-size: 16px;color: #393939;margin: 1% 0;}	/*80% css 18 to 16*/
.reg-notify-aa-link {font-size: 16px;color: #337ab7;margin: 1% 0; text-decoration:none !important;}		/*80% css 18 to 16*/
.reg-notify-ab {color: #777777;font-size: 16px;}	/*80% css 18 to 16*/
.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 {bottom: 0;height: 60px;margin-bottom: 12px;position: absolute;}	/*80% css margin and position added*/
.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;}
.confirm-checkbox {margin-top: 14px;margin-bottom: 14px;}	/* 80% css 20,21 to 14,14 */
.checkbox.checkbox-success label {font-size: 16px;color: #777777;padding-left: 18px; cursor: auto;}	/*80% css 18 to 16*/
p.confirmreg-text {font-size: 16px;padding-top: 3px;margin-bottom: 5px;}	/*80% css 18 to 16*/
.confirm-edit {font-family: 'Noto Sans Bold';font-size: 14px;color: #000;}	/*80% css 16 to 14*/	
select.dropdown {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background: url('../imgs/dashboard/dropdown.png')  no-repeat right;
}


/* Registration - Login End */

/* Registration - Forgot Password */
.reg-section-image-left{
	background-image: url('../imgs/registration/background.png');
	background-repeat : no-repeat;
	height: 100%;
	min-height:100%;
    position: relative;
    overflow: hidden;
}
/* Registration - Forgot Password End */


/* Dashboard */

body.skooly-dashboard {
	padding-top: 0px;
	background-color: #EFEFEF;
	font-family: 'Noto Sans Regular',sans-serif;
}
body.pushable > .pusher { /* Overide the semantic pusher style*/
	background: #EFEFEF;
}
.navbar-skooly-dashboard{
	padding:10px 0;
	background-color: #FFFFFF;
}
a.navbar-skooly-list {
	float: left;
	height: 44px;	/*80% css 55 to 44*/
	padding: 12px 12px;		/*80% css 15,15 to 12,12*/
	padding-left: 8px;		/*80% css padding-left added*/
	font-size: 14px;		/*80% css 18 to 14*/
	line-height: 20px;
	font-family: 'Noto Sans Regular',sans-serif;
	color: #000000;
	text-decoration: none;
}
.navbar-skooly-list img {
	width: 16px;	/*80% css 20 to 16*/
}
.navbar-skooly-list span {
	font-weight : normal;
	vertical-align: middle;
	padding-left: 10px;
}
.ui.left.skooly{
	background-color: #0e334e;
}
a.ui.logo.image {
	float: left;
}
.logo.image img{
	width: 50px;
	margin-right: 1em;
	/*border-radius: 6px;*/ /*80% css border-radius removed*/
}
.ui.vertical.menu .item{
	padding-top:0px;	/*80% css 8 to 0*/
	padding-bottom: 5px;	/*80% css padding bottom added*/
}
.ui.vertical.menu .item > .menu{
	margin-top:4px;
}
.ui.vertical.menu .item.dashboard-menu-logo{
	background-color: #1c547c;
	padding-top: 12px;
}
.dashboard-menu-help{
	padding-top:2px !important;
}
.greeting-group {
	margin: 6px 0;
}
.greeting-text{ color : #6b9abb; margin-bottom: 0;font-size: 0.8rem;}	/*80% css font-size added*/
.greeting-username{ color : #ffffff; margin-bottom: 0;font-size: 0.8rem;}	/*80% css font-size added*/
.ui.skooly.vertical.menu .menu .item {
	padding-top: 6px;
	padding-bottom: 4px;
}
.ui.skooly.vertical.menu .menu .item.active{
	background-color:#479964;
}
.ui.skooly.vertical.menu .menu .item:hover {
	background-color:rgba(71, 153, 100, 0.70);
}
.ui.skooly.vertical.menu .menu .item img {
	float: left;
	width: 12px;	/*80% css 16 to 12*/
	vertical-align:middle;
	margin-top: 0px;
	margin-right: 15px;
}
.ui.skooly.vertical.menu .menu .item label {
	color: #FFFFFF;
	font-size: 12px;	/*80% css 16 to 12*/
	font-family: 'Noto Sans Regular';
	font-weight: normal;
	cursor: pointer;
}
.ui.skooly.vertical.menu .menu .item span {
	color: #FFFFFF;
	font-size: 0.78rem!important; /* 80% css 16 to 12 */
	font-family: 'Noto Sans Regular';
	font-weight: normal;
	cursor: pointer;
}
.item-heading {
    font-family: 'Noto Sans Regular';
    font-size: 14px;	/*80% css 16 to 14*/
	color: #3c6a8c;		
	padding: 0px 15px;	/*80% css 0,48 to 0,15*/
	text-transform: uppercase;
}
.img-dash-student {
	width: 7px !important;
	margin-left: 6px !important;
	margin-right: 18px !important;
}
.img-dash-billing{
	width: 14px !important;
	margin-left: 2px !important;
	margin-right: 16px !important;
}
.img-dash-sigout{
	margin-left: 2px !important;
	margin-right: 13px !important;
}
.navbar-header a {outline: medium none;}
.skooly-dashboard-container {
	height: auto;
	background-color: #EFEFEF;
	margin: 2.84em 0;
}
.dashboard-container{
	float:none;
}
.container-greeting-text{
	font-size: 20px;	/*80% css 25 to 20*/
	font-family: 'Noto Sans Regular';
	margin-bottom: 20px;
}
.featured-media{
	padding-bottom: 5px;
	padding-top: 5px;
}
.featured-menu {
	background-color: #FFFFFF;
	padding: 30px 40px;
	margin-bottom: 20px;
}
.featured-left{
	min-width:55px;
}
.featured-image{
	width:25px;
}
.featured-heading{
	font-size: 14px;	/*80% css to 18 to 14*/
}
.featured-description{
    /*width: 90%;*/
	font-size: 12px;	/*80% css to 14 to 12*/
	color:#777777;
}
.featured-image.school{
	width:30px;
}
.featured-image.announcement{
	width:35px;
}
.featured-image.billing{
	width:30px;
}
.btn-dashboard-welcome {
	background-color: #f8577f;
	color: #ffffff;
	margin-right: 20px;
	border-color: #f8577f;
	margin-bottom: 1px;
}
.media-heading.featured-heading a {
    color: rgba(0, 0, 0, 0.87);
}
/*Dashboard End*/

/*Account*/

.container-greeting-text-account{
	font-size: 25px;
	font-family: 'Noto Sans Regular';
	margin-bottom: 20px;
	position:relative;
}
.container-greeting-text-account img{
	width: 35px;
}
.container-greeting-text-account  span{
	position:absolute;
	bottom:0;
	padding-left: 15px;
}
.reg-subtitle-editform {
    font-size: 16px;
    color: #777777;
    margin: 1% 0;
}
.reg-subtitle-editform span {font-family: 'Noto Sans Bold';}
.ui.tabular.accounttab .item.active{
    color: #000;
    font-size: 14.4px;	/*80% css 18 to 14.4*/
    font-family: 'Noto Sans Regular';
	font-weight: normal;
}
.ui.tabular.accounttab .item{
	color: #2196F3;
    font-size: 14px;	/*80% css 18 to 14*/
    font-family: 'Noto Sans Regular';
	font-weight: normal;
}
.form-label-container {
    padding-top: 10px;	/*80% css 20 to 10*/
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
    padding-right: 20px;
    margin-left: 13px;	/*80% css 20 to 13*/
}
.form-label-container:last-child,.no-border-bottom{
	 border-bottom: 0px solid #e0e0e0;
}
.form-label-container .form-title {
	font-size: 18px;	/*80% css 20 to 18*/
    margin-bottom: 10px;
}
.form-label-container .form-description {
    font-size: 12px;	/*80% css 16 to 12*/
    color: #777777;
}
.form-label-container .form-collapse {
    font-size: 12px;	/*80% css 16 to 12*/
    color: #4CAF50;
    font-family: 'Noto Sans Regular';
}
.form-label-container.one-field{
    padding-top: 40px;
    padding-bottom: 15px;
}

.btn-edit-details{
	background-color:#F55980;
	color:#FFFFFF;
	font-size: 12px; /*80% css font-size added*/
}

.skooly-edit-form.AcctPassword .form-group{
	padding-bottom:0px;
	margin-bottom: 5px;
}
.edit-form-field,.edit-form-fieldarea{
	color:#000000;
}
.edit-form-field.notinline{
	width:auto;
	min-width: 30%;
}
.edit-form-fieldarea.notinline{
	width:auto;
	min-width: 60%;
}
.skooly-edit-form .form-group label{
	font-size:16px;
	color:#383838;
	font-family:'Noto Sans bold';
}
.bar-line {
    height: 5px;
    width: 17%;
    display: inline-block;
    background-color: #DDDDDD;
}
.bar-line.active{
	background-color:#37BB25
}
.password-strenth{
	margin-bottom:18px;
}
.select-option-myaccount,.select-option-myaccount-profile{
	width:100% !important;
}
p#AcctBio_form-description {
    width: 85%;
}

.thumbnail_profile {
    display: block;
    padding-top: 20px;
    margin-bottom: 0px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 0px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.thumbnail_profile a>img, .thumbnail_profile>img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 80px;	/*80% css width added*/
}
.thumbnail_profile .caption {
    padding: 9px;
    color: #333;
	text-align: center;
}
.thumbnail_profile .caption  a{
	color:#4CAF50;
	font-size: 12px;	/*80% css 16 to 12*/
}
.alert-success-edit {
    color: #7D7D7D;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
	border-left: 3px solid #F6B842;
}
.alert-error-edit {
    color: #7D7D7D;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
	border-left: 3px solid #F34A3D;
}
.alert-success-complete {
    color: #7D7D7D;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    border-left: 3px solid #54B147;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 0px;
	font-size:16px;
	display:none; /*Remove if necessary*/
}
.alert.alert-success-edit span, .alert.alert-error-edit span  {
    padding-left: 7%;
}
/*Account End*/

/* School */

.school-setting-title {
    font-size: 16px;	/*80% css 20 to 16*/
    font-weight: 600;	/*80% css font-weight added*/
    font-family: 'noto Sans Regular';
}
.form-label-container .form-title {font-size: 14px; margin-bottom: 10px; }	/*80% css 18 to 14*/
.checkbox.confirm-checkbox:focus ,input#checkbox:focus,.checkbox.confirm-checkbox label{outline: none;font-size: 12px;}	/*80% css font-size added*/

/* School End */

/*Send Announcement*/
.greeting-heading-annoucement{
	margin-bottom: 10px;
}
.container-greeting-text-type2{
	font-size: 25px;
	font-family: 'Noto Sans Regular';
	margin-bottom: 6px;
	position:relative;
}
.container-greeting-text-type2 img{
	width: 35px;
}
.container-greeting-text-type2  span{
	position:absolute;
	bottom:0;
	padding-left: 15px;
}
.greeting-subtitle-annoucement{
	font-size: 12px;	/*80% css 16 to 12*/
    color: #777777;
}
.btn-skooly-type2 {
    color: #fff;
    background-color: #F8577F;
    border-color: #F8577F;
	padding: 4.8px 9.8px;
	letter-spacing: .5px;
	font-size: 12px;
}
.btn-skooly-type2:hover,.btn-skooly-type2:focus,.btn-skooly-type2:active{
	color: #fff;
}
span.announcement-title {
    font-size: 14px;	/*80% css 16 to 14*/
    font-family: 'Noto Sans Bold';
}
.input-grp-addon-tp1{
	background-color:#FFFFFF;
}
.announcement-form-collapse{
	font-size: 12px;	/*80% css 16 to 12*/
    color: #4CAF50;
    font-family: 'Noto Sans Regular';
}
.announcement-form-collapse:hover,.announcement-form-collapse:active,.announcement-form-collapse:focus{
    color: #4CAF50;
	text-decoration:none;
}
.announcement-details-form{
	padding-top:10px;
}
.scheduleAttach span.glyphicon,.scheduleAnnounce span.glyphicon {
    font-size: 14px;	/*80% css 16 to 14*/
}
.attach-container {
    padding-top: 10px;
}
.attach-icon{
	color:#47B8E7;
	padding-right: 3px;
}
.scheduleAnnounce span.glyphicon {
    color: #47B8E7;
}
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 20px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
/* Send Announcement END*/

/* Calendar*/
.btn-skooly-type3 {
    color: #fff;
    background-color: #60BB81;
    border-color: #60BB81;
}
.btn-skooly-type3:hover,.btn-skooly-type3:focus,.btn-skooly-type3:active{
	color: #fff;
}
.calendar-field-label{
    font-size: 16px;
    color: #707275;
    vertical-align: middle;
	line-height: 30px;
}
.btn-skooly-type4 {
    color: #fff;
    background-color: #1485E0;
    border-color: #1485E0;
}
.btn-skooly-type4:hover,.btn-skooly-type4:focus,.btn-skooly-type4:active{
	color: #fff;
}
.form-group .radio-inline {
    margin-left: 0px;
}
/*Calendar End*/

/*Billing*/
.container-greeting-text-billing{
	font-size: 25px;
	font-family: 'Noto Sans Regular';
	position:relative;
}
.container-greeting-text-billing img{
	width: 25px;
}
.container-greeting-text-billing  span{
	position:absolute;
	bottom:0;
	padding-left: 15px;
}

.form-label-container .billing-title {
    font-size: 16px;	/*80% css 18 to 16*/
    margin-bottom: 10px;
}
.form-label-container .billing-description {
    font-size: 14px;
    color: #777777;
}
.highlight_billing{
	color:#1485e0;
}
.billing-container{
	margin-top: 10px;
	margin-left: 15px;
    margin-right: 15px;
	margin-bottom: 20px;
}

.standard-container{
	border: 1px solid #F5F5F5;
	border-top:0px;
}
.plus-container{
	border-bottom: 1px solid #F5F5F5;
	border-left: 1px solid #F5F5F5;
	border-right: 1px solid #F5F5F5;
}
.enterprise-container{
    box-shadow: 5px 5px 15px 2px #DAD8D8;
}
.standard.pricing-details{
	background-color:#f56f5d;
	color:#ffffff;
}
.plus.pricing-details{
	background-color:#f7a710;
	color:#ffffff;
}
.enterprise.pricing-details{
	background-color:#20c6c4;
	color:#ffffff;
}
.pricing-heading {
    padding: 12px 25px;
	min-height: 140px;
}
.pricing-heading .title{
	font-size:18px;
	margin-bottom:10px;
}
.pricing-features {
    padding: 10px 20px;
	min-height: auto;
}
ul.description-list-group {
    padding-left: 0;
    list-style-type: none;
}
ul.description-list-group li {
    font-size: 1.0em;
    line-height: 27px;
	padding-left: 20px;
}
li.list-group-fir:before{
    content: "\e013";
    font-family: 'Glyphicons Halflings';
    font-size: 10px;
	position: absolute;
    margin-left: -20px;
	color:#09d189;
}
.brk-words{
    line-height: 1.5em !important;
}
.pricing-value {
    padding-bottom: 20px;
}
.price-permonth {
    font-size: 30px;
    margin-bottom: 10px;
	font-family: 'Noto Sans Bold';
}
.price-permonth span{
	font-size: 16px;
	font-family: 'Noto Sans Regular';
}
.btn-pricing {
    background-color: #f0f0f0;
	min-width: 144px;	/*80% css 180 to 144*/
	padding: 8px;		/*80% css 10 to 8*/
	font-size: 12px;	/*80% css font-size added*/
	color:#777777;
}
.btn-pricing.enterprise {
    background-color: #FF658B;
	color:#FFFFFF;
	border-color: #FF658B;
}
.billing-history{
	padding-bottom:40px;
}
.alert-success-edit,.alert-success-complete{
	padding:10px 15px;
}
.billing-details-img img {
    padding: 3px;
    width: 40px;
}
.btn-pricing span img {
    width: 20px;
}
.highlight-text {
    color: #000;
}
.less-highlight-text {
    color: #7D7D7D;
	font-size:14px;
}
.pop-menu button.btn-default {
    background: none;
}
span.dot {
    display: inline-block;
    background: #777;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    vertical-align: middle;
}
table>tbody>tr.history-table-heading th{
	border-top:0px ;
	font-weight:normal;
}
button.btn.btn-default.trigger {
    padding: 0px 8px;	/*80% css 0,10 to 0,8*/
    font-size: 12px;	/*80% css font-size added*/
}
/*pop-over*/
.pop-over {
  display: none;
  position: absolute;
  top: 70px; /*Changed - 75 */	/*80% css 51 to 70*/
  z-index: 9;
  right: 37px; /*Changed - 37 */
  width: 240px;
}

.pop-over ul.menu {
  list-style-type: none;
  display: inline-table;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 11px 14px 26px -8px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 11px 14px 26px -8px rgba(0, 0, 0, 0.16);
  -o-box-shadow: 11px 14px 26px -8px rgba(0, 0, 0, 0.16);
  -ms-box-shadow: 11px 14px 26px -8px rgba(0, 0, 0, 0.16);
  box-shadow: 11px 14px 26px -8px rgba(0, 0, 0, 0.16);
}

.pop-over ul.menu li {
  width: 100%;
  border: 1px solid #c6c6c6;
  text-align: left;
  background: #fff;
  padding: 9px;
  cursor: pointer;
}

.pop-over ul.menu li a {
  color: #535353;
}

.pop-over ul.menu li a:focus {
  text-decoration: none;
}

.pop-over ul.menu li:first-child {
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  border-bottom: 1px solid #ccc;
}

.pop-over ul.menu li:last-child {
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  border-top: none;
}


.email-notification{
	font-size:16px;
}
.email-notification .highlight-text{
	font-family:'Noto Sans Bold';
}
.billing-contact-img{
	float:left;
	width: 70px;
}
.billing-contact-container {
    padding: 15px;
    border-bottom: 1px solid #ccc;
}
.billing-contact-members-container {
    padding:20px 15px;
    border-bottom: 1px solid #ccc;
}
.billing-contact-add{
	 padding:20px 15px;
}
.billing-members-container {
    display: inline-block;
    margin-left: 20px;
}
.billing-members-container .title-name{
    font-size: 18px;
    color: #000;
}
.billing-members-container .title-description,.email-check-box{
    color: #777777;
}
.billing-contacts-chkbox{
	padding-top:35px;
}

.add-class-body .form-group input[type="text"],.add-class-body .form-group input[type="password"],.add-class-body .form-group input[type="number"] {
  margin-top: 5px;
  width: 100%; /*Changed 80%*/
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 3px;
  border: 1px solid #BDBCBC;
  font-size: 12px;		/*80% css 16 to 12*/
  padding: 6.6px 8px;	/*80% css 8,10 to 6.6,8*/
}
.billing-checkbox{
	width:25px;
}
.card-year,.card-month{
	height: 40px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.card-heading {
	font-size: 18px;	/*80% css 20 to 18*/
	padding: 10px 0;
}
.label-title{
	font-size: 16px;	/*80% css 18 to 16*/
    padding: 8px 0px;
}
.mrgn-card-label{
	margin-bottom:5px !important;
}
.cvv-credit-card{
	width:70% !important;
}
.cvv-credircard-img{
	width:25px;
}
.confirm-item {
    margin: 15px 0;
    color: #777777;
	font-size:12px;
}
.credit-card-tab{
	border:0px !important;
	padding:0px !important;
}
.add-credit-container{
	margin-top:20px;
}
.card-cvv-notify,.card-zip-notify{
	font-size:12px;
	color:#777777;
}
.card-terms-policy .policy,.card-terms-policy .term{
	color: #2196F3;
}
.ui.vertical.tabular.menu{
	border:0px !important;
	margin-left: 1px !important;
}
.vertical a.item {
    border: 0px !important;
	font-size: 16px;

}
.vertical a.item.active {
    font-weight: normal !important;
}
.card-tab-img {
    width: 20px !important;
}
.card-tab-text {
    vertical-align: middle;
	padding-left: 5px;
}
.ui.tabular.cardtab .item {
    color: #2196F3;
    font-size: 14px;	/*80% css 16 to 14*/
    font-family: 'Noto Sans Regular';
    font-weight: normal;
	padding-right:0px !important;

}
.ui.tabular.cardtab a.item{
    background-color: rgb(245, 243, 243) !important;
    border-radius: 0px !important;
}
.ui.tabular.cardtab a.active.item{
    background-color: #FFFFFF !important;
    border-radius: 0px !important;
}
a.item.credit-card-item {
    border: 0px !important;
}
.cardtab-top{
	border:0px !important
}
.top.cardtab > .item.credit-card-item,.top.cardtab > .item.debit-card-item {
    padding-right: 30px !important;
}
.ui.top.fluid.tabular.menu.cardtab {
    border: 0px;
}
a.item.active.credit-card-item {
    font-weight: normal !important;
}
/**/
/*First Screen*/
.container-greeting-text-firstscreen {
    font-size: 25px;
    font-family: 'Noto Sans Regular';
    margin-bottom: 20px;
    position: relative;
	text-align: center;
	padding: 30px 35px 20px;
	border-bottom: 1px solid #E2E2E2;
}
.container-greeting-text-firstscreen img {
    width: 35px;
}
.firstscreen-container {
    background-color: #ffffff;
}
.screen-one-description{
	color: #777777;
	font-size: 20px;
	padding-top: 10px;
	line-height: 1.5em;
}
.container-school-types{
	padding: 10px 20px 20px;
	border-bottom: 1px solid #E2E2E2;
}
.school-type-heading {
    font-size: 18px;
}
.school-type-select{
	margin-top:15px;
	margin-bottom:25px;
}
.btn-rounded-green {
	  background: #09d189;
	  border: none;
	  color: #fff;
	  padding: 8px 56px;	/*80% css 10,70 to 8,56*/
	  font-size: 16px;
	  -webkit-border-radius: 30px;
	  -moz-border-radius: 30px;
	  -o-border-radius: 30px;
	  -ms-border-radius: 30px;
	  border-radius: 30px;
}

.btn-rounded-green:focus {
	outline: none;
}
.container-screen-status{
	padding: 30px 20px 15px;
}
.progress {
    height: 12px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 11px;
    box-shadow: inset 0 1px 2px;
}
.progress-bar {
	box-shadow:none;
}
.progress-bar-active {
    background-color: #ff7f9f;
}
.progress-bar-inactive {
    background: #D8D8D8;
}
.progress-bar.progress-bar-active.progress-bar-striped { background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);	background-size: 40px 40px;}
.progress-bar.progress-bar-inactive .progress-bar-striped  { background-size: 40px 40px; }
.notify-current-step{
	color:#777777;
    font-size: 16px;
    margin-top: -3px;
}
.container-greeting-popup-firstscreen {
    font-size: 25px;
    font-family: 'Noto Sans Regular';
    margin-bottom: 10px;
    position: relative;
}
.alert.alert-success-edit.alert-popout-screen span{
    padding-left: 10px;
	color:#333;
}
.container-contact-no {
    padding: 30px 20px 20px;
    border-bottom: 1px solid #E2E2E2;
}
.contactnumber-section{
	padding-top:10px;
	padding-bottom: 20px;
}
.btn-rounded-next {
	  background: #09d189;
	  border: none;
	  color: #fff;
	  padding: 10px 50px;
	  font-size: 16px;
	  -webkit-border-radius: 30px;
	  -moz-border-radius: 30px;
	  -o-border-radius: 30px;
	  -ms-border-radius: 30px;
	  border-radius: 30px;
	  outline:0;
}
.btn-rounded-back {
	  background: #827D7D;
	  border: none;
	  color: #fff;
	  padding: 10px 50px;
	  font-size: 16px;
	  -webkit-border-radius: 30px;
	  -moz-border-radius: 30px;
	  -o-border-radius: 30px;
	  -ms-border-radius: 30px;
	  border-radius: 30px;
	  margin-bottom:5px;
	  margin-right:15px;
	  text-decoration:none;
	  outline:0;
}
a#assign:hover,a#assign:focus,a#assign:active{
	color: #ffffff;
	text-decoration:none;
	outline:0;
}
.easyoption-section {
    margin: 5px;
    background-color: #F1F1F1;
    padding: 15px;
    border: 1px solid #A8A8A8;
    border-radius: 6px;
	margin-bottom: 25px;
}
.easyoption-section.active{
    background-color: #f0f7fb;
	border: 2px solid #3395ff;
}
.option-heading{
	font-size:20px;
}
.option-description{
	font-size:18px;
	color:#777777;
}
.radio-easy-option{
	float:none;
}
.radio-container{
	margin-top:10px;
}
.radio-container-second{
	margin-top:25px;
}
.container-greeting-sub-firstscreen {
    font-size: 16px;
}
.header-easy-option-one{
    text-align: center;
}
.Add-c-headings.option-one{
	padding-top:0px;
}
.add-heading-option-one{
    font-size: 20px;
}
.header-firstsection{
	float:none;
}
.add-class-body.option-one{
	margin-top: 5px;
    padding: 0px;
}
.alert-success-complete span{
	padding-left:10px;
}
.heading-section-option-announce{
	text-align:center;
	padding: 15px 0;
}
.container-subtwo-firstscreen{
    font-size: 14px;
}
.send-container-firstscreen{
	background-color: #e6f5fc;
	padding:25px;
}
.send-option-button{
	padding-top:15px;
}
.congratz img {
    width: 50px;
}
.first-steptwo-verify{
	color:#f87b5e;
}
.setup-completed img {
    width: 25px;
}
/* End of First Section*/

/*Dairy Notes*/
.btn-export-data{
    color: #777777;
    padding: 6px 30px;
    background: transparent;
    font-size: 12px;	/*80% css font-size added*/
}
.panel-default>.panel-heading.daily-reportpanel-heading{
	background: #FFFFFF;;
}
.btn-red-fetch{
    padding: 7px 32px!important;		/*80% css 7,40 to 7,32*/
    letter-spacing: .5px;
    font-size: 1.1em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background: #f8577f;
    border: none;
    color: #fff;
	outline: 0;
}
.daily-report-container{
	padding-top:15px;
}
.activity-heading {
    padding-top: 0em;
    font-size: 18px;	/*80% css 22 to 18*/
	text-align:left;
	padding-bottom: 12px;	/*80% css 15 to 12*/
}
.parent-kid-heading{
	padding-left:20px;
}
.report-date-section{
	font-size: 12px;	/*80% css 16 to 12*/
    padding-right: 15px;
    padding-top: 8px;	/*80% css 5 to 8*/
    color: #777777;
}
.header.report-activity-header{
	border-bottom:1px solid #c4c4c4;
}
.class-profile-body.report-activity-section{
	padding-top:0px;
}
img.activity-icon {
    width: 50%;
	margin-bottom: 3px;
}
.report-activity-aside{
	padding-top:15px;
}
main.classroom-profile-wrap.parent-kid-activity-content {
    padding-bottom: 20px;
}
/*End of Dairy Report*/

/*Statistics*/
.statistics-container {
    margin-bottom: 15px;
}
.statistics-container-one {
    background-color: #ffffff;
	padding:30px;
}
.container-one-value{
	font-size:18px;		/*80% css 22 to 18*/
	margin-bottom:0px;
}
.container-one-status{
	font-size:12px;		/*80% css 16 to 12*/
	color:#777777;
}
.media-left.stats-container-one ,.media-left.stats-container-two{
    padding-right: 15px;
}
.media-left.stats-container-one  img {
    width: 40px;	/*80% css 50 to 40*/
}
.media-left.stats-container-two  img {
    width: 48px;	/*80% css 60 to 48*/
}
.progress-stats {
    height: 10px;
    margin-bottom: 0px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.progress-bar-stats {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    box-shadow: none;
    transition: width .6s ease;
}
.progress-bar-stats.teachers {
	background-color:#71C973;
}
.progress-bar-stats.parents {
	background-color:#ECC503;
}
.progress-bar-stats.students {
	background-color:#337ab7;
}
#barChartContainer .morris-hover.morris-default-style {
    display: none !important;
}
.list-of-teachers{
	float: left;
    margin-right: 10px;
    font-size: 18px;	/*80% css 20 to 18*/
    color: #777777;
}
.container-one-value.list{
	font-size:14px;		/*80% css 18 to 14*/
	margin-bottom:0px;
	color:#5c5c5c;
}
.container-one-status.list{
	font-size:14px;
	color:#777777;
}
.media-left.stats-container-three{
	padding: 13px 0px;
    background-color:#337ab7;
    border-radius: 5px;
    min-width: 50px;
    text-align: center;
}
.list-letter{
	font-size:20px;
	color:#FFFFFF;
}
.stats-container-one.description{
	padding-left:20px;
}
.media-left.stats-container-three.top-list-two{
	background-color: #f2711c;
}
.media-left.stats-container-three.top-list-three{
	background-color: #6435c9;
}
.media-left.stats-container-three.top-list-four{
	background-color: #4CAF50;
}
.media-left.stats-container-three.top-list-five{
	background-color: #F44336;
}

/* End of Statistics*/

@media screen and (max-width:450px) {
    form.skoolyregistration .form-group {
        padding: 0;
        margin-bottom: 15px !important;
        /*width: 100%;*/	/*80% css width removed*/
    }
    .skoolyregistration .form-control {
        font-size: 16px !important;
        /*width: 100%!important;*/		/*80% css width removed*/
    }
    .inline_input{
    	height: 60px !important;
    }
    .skoolyregistration .mobile-number-verified .default-skoolyreg-mobselect {
        width: 80%;
        margin-bottom: 10px;
        margin-right: 0;
    }
    .skoolyregistration .default-skoolyreg-mobinput {
        width: 80% !important;		/*80% css 100 to 80*/
        /*margin-right:0;*/			/*80% css margin-right removed*/
    }
    .mobile-number-verified i {
        top: 70px !important;
        right: 30px !important;
    }
    .reg-section-content {
        padding: 10px 35px;		/*80% css 10,1rem to 10,35px*/
    }
    p.reg-section-info-onetwo {
        margin-bottom: 15px;
    }
    .logo-reg {
        height: 30px;
        padding-top: 0px;
    }
    img.skooly_logo {
        float: left;
        max-width: 120px;
    }
    .reg-title {
        font-size: 17px;
    }
    .reg-subtitle {
        font-size: 15px;
    }
    .reg-notify-aa,
    .reg-notify-aa-link,
    .reg-notify-ab,
    .reg-notify-ac-link {
        font-size: 13px;
    }
    .resend-otp-buttom {
        font-size: 13px !important;
    }
    input[type="email"].default-skoolyreg,
    input[type="number"].default-skoolyreg,
    input[type="search"].default-skoolyreg,
    input[type="text"].default-skoolyreg,
    input[type="tel"].default-skoolyreg,
    input[type="url"].default-skoolyreg,
    input[type="password"].default-skoolyreg,
    textarea.default-skoolyreg,
    select.default-skoolyreg {
        width: 80% !important;		/*80% css 100 to 80*/
        font-size: 15px !important;
        padding: 8px !important;
    }
    select.default-skoolyreg-mobselect,
    input[type="text"].default-skoolyreg-mobinput {
        font-size: 16px !important;
        /*width: 100%!important;
    	margin-bottom: 1rem;*/			/*80% css width,margin-bottom removed*/
    }
    .default-skooly-regbtn {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    .button.default-skoolyreg,
    button.default-skoolyreg,
    input[type="submit"].default-skoolyreg,
    input[type="reset"].default-skoolyreg,
    input[type="button"].default-skoolyreg {
        min-width: 180px;	
    }
    .registration-details.confirmreg {
        padding-top: 40px;
    }
    .footer {
        position: relative;
    }
    .right-inner-addon {
        width: 100% !important;
    }
    .right-inner-addon i {
        position: relative !important;
        top: 0 !important;
        right: 0 !important;
    }
    .button.default-skoolyreg,
    button.default-skoolyreg,
    input[type="submit"].default-skoolyreg,
    input[type="reset"].default-skoolyreg,
    input[type="button"].default-skoolyreg {
        min-width: 80%;		/*80% css 100 to 80*/
    }

    .form-label-container .form-title {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .action-edit {
        display: inline-block;
    }
    #AcctPassword_editFields,
    #AcctPassword_closeFields,
    #AcctEmail_editFields,
    #AcctEmail_closeFields,
    #AcctMobile_editFields,
    #AcctMobile_closeFields {
        margin-top: 0px;
    }

    /* changes made on 28.10.2017 */
	
	.confirmation_code_span_cell{
		display: none!important;
	}

	.confirmation_code {
        width: 100% !important;
        display: flex!important;
    	flex-direction: row;
    	justify-content: space-between;
    }

    .left-side{
    	padding-right: 0.5rem;
    }

    .right-side{
    	padding-left: 0.5rem;
    }

    .mobile-number-container{
    	display: flex;
    	flex-direction: column;
    	align-items: center;
    }


}


@media (min-width:451px) and (max-width:991px){
	.logo-reg {height: 70px;padding-top:0px;}
	img.skooly_logo{float:left;margin-top: 20px;}
	p.reg-section-info-onetwo {text-align:left;}
	input[type="email"].default-skoolyreg, input[type="number"].default-skoolyreg, input[type="search"].default-skoolyreg, input[type="text"].default-skoolyreg, input[type="tel"].default-skoolyreg, input[type="url"].default-skoolyreg, input[type="password"].default-skoolyreg, textarea.default-skoolyreg, select.default-skoolyreg {
		width:60%;
		font-size: 20px;
	}
	.registration-details.confirmreg {padding-top: 40px;}
	.footer {position: relative;	}
	.action-edit {display: inline-block;}
	#AcctPassword_editFields,#AcctPassword_closeFields ,#AcctEmail_editFields,#AcctEmail_closeFields,#AcctMobile_editFields,#AcctMobile_closeFields{
		margin-top: 0px;
	}
	.report-activity-aside{
		padding-bottom:15px;
		border-bottom:1px solid #c4c4c4;
	}

}
@media (max-width:720px){
	input[type="email"].default-skoolyreg, input[type="number"].default-skoolyreg, input[type="search"].default-skoolyreg, input[type="text"].default-skoolyreg, input[type="tel"].default-skoolyreg, input[type="url"].default-skoolyreg, input[type="password"].default-skoolyreg, textarea.default-skoolyreg, select.default-skoolyreg {
		width:65%;
		font-size: 18px;
	}
	select.default-skoolyreg-mobselect ,input[type="text"].default-skoolyreg-mobinput{font-size: 17px;}
	.registration-details.confirmreg {padding-top: 40px;}

}
@media (max-width:767px){
	button.btn-edit-details.inline {
		margin-left: 0px;
	}
	form.skooly-edit-form .form-group {
		padding-bottom: 5px;
		padding-top: 5px;
	}
	.alert.alert-success-edit span , .alert.alert-error-edit span {
		padding-left: 3%;
	}
	.send-announce-fields{
		padding-right:0px;
	}
	.card-month{
		margin-bottom: 10px;
	}
	.confirm-item {
		padding-bottom: 30px;
	}
	.add-credit-grid-container{
		margin-left:0px !important;
		margin-right:0px !important;
	}
	.report-activity-aside{
		padding-bottom:15px;
		border-bottom:1px solid #c4c4c4;
	}
	.section-list{
		padding-bottom:15px;
	}
	.statistics-container {
		margin-bottom: 0px;
	}
}
@media (min-width:992px) and (max-width:1024px){
	.logo-reg {height: 90px;}
	span.reg-button-info {padding: 7px 1px;}
	img.skooly_logo{float:left;}
	input[type="email"].default-skoolyreg, input[type="number"].default-skoolyreg, input[type="search"].default-skoolyreg, input[type="text"].default-skoolyreg, input[type="tel"].default-skoolyreg, input[type="url"].default-skoolyreg, input[type="password"].default-skoolyreg, textarea.default-skoolyreg, select.default-skoolyreg {
		width:65%;
		font-size: 20px;
	}
	.form-inline .form-control {
		min-width:300px;
	}
	.pricing-features {
		min-height: 280px;
	}
	.plus-container{
		border-bottom: 1px solid #F5F5F5;
		border-left: 0px;
		border-right: 0px;
	}
}
@media (min-width:1025px){
	img.skooly_logo{float:left;}
	.form-inline .form-control {
		min-width:225px;
	}
	.pricing-features {
		min-height: 280px;
	}
	.plus-container{
		border-bottom: 1px solid #F5F5F5;
		border-left: 0px;
		border-right: 0px;
	}
}
.class-small-button-list button
{
  margin-bottom: 3px;
}

#procBtn {
    margin: 10px 10px 10px 1px;
}

.mr-auto{
	margin-right: auto!important;
}
#annouRecieptTable .dataTables_length{
	display: none;
}