/* #Site Styles
================================================== */
* { -webkit-text-size-adjust: none;	-ms-text-size-adjust: none;	box-sizing: border-box;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;	padding: 0; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{font-family:'Lato',sans-serif;color:#444;-webkit-font-smoothing:antialiased; /* Fix for webkit rendering */ font-size:16px}
html,body{height:100%}
a{text-decoration:none;outline:none;transition:all 450ms ease-in-out 0s;-webkit-transition:all 450ms ease-in-out 0s;-moz--transition:all 450ms ease-in-out 0s}
.text-decoration{text-decoration:underline}
a:hover{outline:none}
img{max-width:100%;height:auto;border:0}
input{outline:none}
input:focus{outline:none}
input::-moz-focus-inner{outline:none}
input[type="button"],input[type="submit"],input[type="reset"]{border:none;cursor:pointer}
textarea{resize:none;outline:none}
.container{max-width:1440px;width:100%;margin:0 auto}
*{outline:none!important}
/*.....page css start ....*/

/*common class start*/
.pad-top-10{padding-top:10px}
.pad-top-20{padding-top:20px}
.padding-left-right-10{padding-left:10px!important;padding-right:10px!important}
.margin-top-5{margin-top:5px!important}
.margin-top-20{margin-top:20px}
.margin-top-80{margin-top:80px}
.margin-bottom-5{margin-bottom:5px!important}
.margin-bottom-10{margin-bottom:10px!important}
.margin-bottom-15{margin-bottom:15px!important}
.margin-bottom-20{margin-bottom:20px!important}
.margin-bottom-25{margin-bottom:25px!important}
.margin-bottom-30{margin-bottom:30px!important}
.margin-bottom-35{margin-bottom:35px!important}
.margin-bottom-40{margin-bottom:40px!important}
.margin-bottom-50{margin-bottom:50px!important}
.margin-bottom-60{margin-bottom:60px!important}
.no-margin-bottom{margin-bottom:0!important}
.no-margin-top{margin-top:0!important}
.margin-left15{margin-left:15px}
.margin-right15{margin-right:15px}
.actions-col a{margin:0 5px}
.actions-col a:hover{color:#000}
hr{border:0;height:1px;border-top:1px solid #d7d7d7;background-image:-webkit-linear-gradient(left,transparent,rgba(0,0,0,.2),transparent);background-image:-moz-linear-gradient(left,transparent,rgba(0,0,0,.2),transparent);background-image:-ms-linear-gradient(left,transparent,rgba(0,0,0,.2),transparent);background-image:-o-linear-gradient(left,transparent,rgba(0,0,0,.2),transparent);background-image:linear-gradient(left,transparent,rgba(0,0,0,.2),transparent);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d6',endColorstr='#d6d6d6',GradientType=0); /* IE6-9 */}
/*common class end*/

.main-header{background:#A5CACD;background-size:cover;min-height:120px;padding:5px 0; /*background: url(../images/header-bg.jpg) no-repeat center top;*/}
.welcome-text{margin:0;padding:85px 0 0 0;text-align:right}
.welcome-text ul{margin:0;padding:0;width:100%}
.welcome-text ul li{color:#fff;display:inline;font-size:16px;font-weight:400;margin:0 0 0 15px;width:auto;position:relative;}
.welcome-text ul li:after{background:#fff;content:"";height:14px;position:absolute;right:-10px;top:3px;width:1px}
.welcome-text ul li:last-child:after{background:none}
.welcome-text ul li a{color:#fff}
.welcome-text ul li a:hover{color:#000;text-decoration:none}
.welcome-text ul li i{margin-left:5px}
.logo-outer{text-align:right}
.page-content{padding-top:5px}
.sidebar { background: #ADCAD0; padding: 15px;/*height: 500px;*/ }
.sidebar h3{font-size:20px;color:#fff;padding:10px;margin:0 0 10px 0;background:#257479}
.mid-content {/*height: 500px;*/ }
.pad-15 { 	padding: 15px; }
.contributor-list { margin: 0 0 20px 0; width: 100%; float: left; }
.contributor-list .custom-select { 	margin-bottom: 5px; }
.btn-blue.wide { width: 100%; }
.btn-blue { background: #38719E; color: #ffffff; }
.btn-blue:hover { text-decoration: none; background: #14446c; color: #fff; }
.btn-primary{background:#d82c5f;color:#fff}
.btn-primary:hover{text-decoration:none;background:#14446c;color:#fff}
.btn{margin-top:5px;margin-bottom:10px;/*margin-bottom:5px*/}
.btn-big{padding:20px 25px;font-size:20px}
.wide{width:100%!important}
.font-size{font-size:12px!important}
.student-search{width:100%;padding:0 0 5px 0}
.student-search input[type="text"]{border:1px solid #bbb;padding:7px;width:100%;background:#fff;margin:0 0 5px 0}
.student-list{width:100%}
.custom-select{position:relative;display:block;float:left;margin:0 10px 0 0;width:100%}
.custom-select:last-child{margin:0}
.custom-select select,.custom-select input[type="number"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid #d0d0d0;padding:7px;width:100%;cursor:pointer;font-size:14px;margin:0;height:37px;border-radius:0px!important}

/*.custom-select::after{content:"";display:block;height:35px;position:absolute;right:1px;top:1px;width:43px;background:#fff url(../../images/number-input.png) no-repeat center center;pointer-events:none;border-left:1px solid #bbb} background: #fff url(../images/arrow-down-gray.png) no-repeat center center;*/
.custom-select::after{content: ""; display: block; height: 22px; position: absolute; right: 4px; top: 7px; width: 36px; background: #fff url(../../images/number-input.png) no-repeat center center; pointer-events: none; border-left: None;}

.custom-select select.default{color:#ccc}
.custom-select select option{color:#444}

.first-child select option:first-child{color:#ccc}
.student-list-content{padding:10px 0 0 0;height:200px}
.student-list-content ul{margin:0;padding:0;float:left;margin-bottom:51px;width:100%}
.student-list-content ul li{margin:0;list-style:none;border-bottom:1px solid #fff;color:#fff;font-size:15px;border-left:5px solid transparent;width:100%;float:left;padding:10px 0 10px 5px}
.student-list-content ul li.progress-profile{border-left-color:#eab31a}
.student-list-content ul li.started-profile{border-left-color:#ea571a}
.student-list-content ul li.started-feature{border-left-color:#EA571A}
.student-list-content ul li.progress-feature{border-left-color:#EAB31A}
.student-list-content ul li.finished-feature{border-left-color:#00C74F}
.student-list-content ul li.completed-feature{border-left-color:#00C74F}
.student-list-content ul li.edit-profile{background:#b5b5b5}
.student-list-content ul li .student-name{float:left;width:65%}
.student-list-content ul li .profile-status{float:left;width:21%;padding-right:20px}
.student-list-content ul li .status-icon{float:left;width:11%;min-height:10px;background:url(../../images/profile-status.png) no-repeat left top;height:12px;margin-top:3px}
.student-list-content ul li .status-icon.first-stage{background-position:0 -13px}
.student-list-content ul li .status-icon.third-stage{background-position:0 -39px}
.student-list-content ul li .status-icon.second-stage{background-position:0 -26px}
.student-list-content ul li:hover,.student-list-content ul li.active{background:#000;color:#fff!important}
.form-block{border:1px solid #ccc}
.buttons-block{width:100%}
.buttons-block ul{margin:0;padding:0;float:right}
.buttons-block ul li{margin:0 5px 5px 0;padding:0;list-style:none;float:left}
.buttons-block ul li a{background:#F1F1F1;display:inline-block;min-width:60px;text-align:center;padding:5px;border:1px solid #DDD}
.buttons-block ul li a:hover{background:#ccc}
.buttons-block ul li a:hover {background: #ccc;}
.border-box {	/*border: 1px solid #ccc;*/	padding: 0 0 0 0; margin: 0 0 20px 0;}
.border-box-template {border: 1px solid #ccc; padding: 10px; margin: 0 0 20px 0;}
.border-box h4 {font-size: 18px; margin: 0 0 20px 0; border-bottom: 1px dotted #ccc; padding: 0 0 15px 0;}
.mid-scroll-content {/*height: 500px;*/	/*padding-bottom: 100px;*/ }
.border-box-header { margin: 0 0 10px 0;/*border-bottom: 1px solid #ccc;*/	padding: 0;	position: relative;}
.border-box-header p{color:#000}
.popover.fade{position:absolute!important;z-index:999;margin-top:0;width:300px!important;top:150px}
.border-box-header h3{color:#43c2c6;font-size:23px}
.letters-count{display:inline-block;padding-top:10px;font-size:13px;width:100%}
.birth-date .custom-select{width:125px}
.form-outer .form-group .browseimage-outer{width:25%;float:left;padding:0 15px}
.form-outer .form-group .browseimagelist-outer{width:75%;float:left;padding:0 30px}
.logo-attached{position:relative;width:100%}
.logo-attached .logo-placeholder {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;	-moz-border-top-colors: none;
	background: #f7f7f7 none repeat scroll 0 0;	border-color: #bbbbbb #bbbbbb -moz-use-text-color;	border-image: none;	/*border-style: solid solid none;
	border-width: 1px 1px medium;*/	border:1px solid #CCC;	text-align: center;	width: 100%;}
.browse-btn{float:left;height:45px;position:relative;width:100%;cursor:pointer}
.button-logo{background:#5f5f5f none repeat scroll 0 0;bottom:1px;color:#fff;cursor:pointer;font-size:19px;left:0;padding:9px 0;position:absolute;text-align:center;width:100%;z-index:0}
.imageUpload{width:100%;cursor:pointer!important;position:absolute;top:-10px;opacity:0!important;font-size:0;height:100%!important}/*for contributor issue of browse button photo upload*/

.logo-attached input{opacity:0;z-index:999999;cursor:pointer}
.button-logo{background:#5f5f5f;bottom:1px;color:#fff;cursor:pointer;font-size:19px;left:0;padding:9px 0;position:absolute;text-align:center;width:100%;z-index:0}.logo-attached input{opacity:0;z-index:999999}
.button-logo img{margin:0 10px 0 0}
.support{position:fixed;left:0;top:50%;margin:-50px 0 0 0;cursor:pointer;z-index:10000}
.support button[type="button"] { background: none; border: none; margin: 0; padding: 0; }
.photo-library-listing {/*height: 500px;*/ }
.photo-library-listing ul { margin: 0 0 20px 0; padding: 0; }

.photo-library-listing ul li{margin:0;padding:0;list-style-type:none;border-bottom:1px solid #fff;font-size:15px}
.photo-library-listing ul li a{color:#fff;padding:10px;display:block}
.photo-library-listing ul li a:hover,.photo-library-listing ul li.active a{background:#669DA1;text-decoration:none}
.gray-border{border:1px solid #ccc}
.image-outer{margin:0 0 30px 0;position:relative}
.image-outer a{display:inline-block}
.image-outer>a{width:100%}

/*fade image */
.photo-overlay {
  position: relative;
  z-index: -1;
	height: 100%;
}
.h-100{
	height: 100%;
}
.photo-overlay span {
  position: absolute;
  z-index: 1;
  background: rgba(0,0,0,0.5);
  width: 100%;
  height: 100%;
  display: flex;
  flex: 0 0 100%;
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
}

.mid-content h1 {font-size: 27px; clear: both;	/*min-height: 45px;*/ margin: 0 0 25px 0;}
.delete-btn{position:absolute;cursor:pointer;left:10px;top:5px;color:red;font-size:22px;z-index:5}
.photo-library-listing .panel-group .panel{border-radius:0;box-shadow:none;border-color:#EEE}
.photo-library-listing .panel-default>.panel-heading{padding:0;border-radius:0;color:#212121;background-color:#FAFAFA;border-color:#EEE}
.photo-library-listing .panel-title{font-size:15px;font-weight:700}
.photo-library-listing .panel-title>a{display:block;padding:15px;text-decoration:none}
.more-less{float:right;color:#212121}
.photo-library-listing .panel-default>.panel-heading + .panel-collapse>.panel-body{border-top-color:#EEE}
.photo-library-listing .panel-default>.panel-heading{background:#257479;border:none}
.photo-library-listing .panel-default>.panel-heading h4{color:#fff;border:none}
.photo-library-listing .panel-default>.panel-heading .more-less{color:#fff}
.photo-library-listing .panel-group .panel{border:none}
.photo-library-listing .panel-default>.panel-heading + .panel-collapse>.panel-body,.photo-library-listing .panel{background:none!important}
.photo-library-listing .panel-body{padding:0;height:350px}
.navbar-inverse .navbar-nav>li>a{text-transform:uppercase}
.question-listing ul{height:420px}
.question-listing{display:block;float:left;margin:0;width:100%}
.question-listing ul{margin:0;padding:0}
.question-listing ul li { /*background: #77c6cb;*/ display: block; float: left;	margin: 0; padding: 10px 0; width: 100%; border-bottom: 1px solid #fff; position: relative;}
.question-listing ul li a {	color: #ffffff;	display: block;	/*text-transform: uppercase;*/	padding-right: 15px; background: url("../images/tab-arrow1.png") no-repeat right 20px; height: 100%; min-height: 40px;}

.question-listing ul li .number{background:#67acb5;border-radius:50%;display:block;float:left;font-size:13px;height:30px;line-height:21px;max-width:200px;padding:5px;text-align:center;width:30px;position:absolute;top:17px}
.question-listing ul li .link-title{display:table;padding:0 0 0 40px;float:left;width:100%;vertical-align:middle;height:45px}
.question-listing ul li .link-title-inner{vertical-align:middle;display:table-cell}
.question-listing ul li .link-title.single-line{padding-top:10px}
.question-listing ul li a:hover{color:#000}
.question-listing ul li.selected i{color:#CD3667}
.question-listing ul li:hover:after,.question-listing ul li.active:after{background:url(../../images/tab-arrow.png) no-repeat right top;display:block;padding:0 15px 0 0;text-decoration:none;transition:none 0s ease 0s;color:#000;content:"";position:absolute;width:20px;height:20px;right:0;top:22px}
.question-listing ul li.active a{color:#000}
.question-listing ul li.active .number,.question-listing ul li a:hover .number{background:#257479;color:#fff}
.question-listing ul li a:hover i {}
.question-listing ul li p{float:left;padding:0 25px 0 0;margin:0;width:100%;font-size:15px}
.question-listing i{margin:0 5px 0 0;display:inline-block;vertical-align:top;float:left;position:absolute;right:15px;top:25px;font-size:inherit!important}
.welcome-block { /* margin: 0 0 15px 0; */ 	 margin-bottom:15px;}
.image-library-gallery.modal-body .delete-btn { display: none!important; }
.login-form{max-width:600px;margin:25px auto 0 auto;padding:0;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.3)}
.login-header { /*background: #14446c;*/	background: #D62661; border-radius: 10px 10px 0 0;}
.login-header h2{color:#fff;font-size:30px;font-weight:600;line-height:50px;min-height:60px}
.login-body{float:left;width:100%;padding:20px 20px 20px 20px}
.login-page .main-header{background:none;padding:0}
.login-page .logo-outer,.registration-page .logo-outer{display:table-cell;text-align:center;vertical-align:middle}
.login-page .logo-outer img, .registration-page .logo-outer img { margin:0 auto;}
.main-logo { /*background: #ffffff;	padding: 5px;*/	display: inline-block;}
.main-logo img {/*height: 60px;*/}
/*..........checkbox start.........*/

.checkbox-block, .radio-block {	margin: 0 0 15px 0;}
.checkbox-block input[type="checkbox"], .checkbox-block input[type="hidden"], .radio-block input[type="radio"], .radio-block input[type="radio"] {
/*display: none!important;*/ }
.radio-inline, .checkbox-inline {cursor: pointer; display: inline-block; padding-left: 25px; position: relative;	vertical-align: middle;/*width: 100% !important;*/}
.radio-inline .label-txt,.checkbox-inline .label-txt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:left;font-size:15px;padding:0}
.checkbox-block input[type="checkbox"] + label,.checkbox-block input[type="hidden"] + label{font-size:15px;padding:0 15px 0 28px}
.checkbox-block input[type="checkbox"] + label span,.checkbox-block input[type="hidden"] + label span{display:inline-block;vertical-align:middle;width:20px;height:20px;cursor:pointer;position:absolute;left:0;top:1px;background:url(../../images/checkbox.png) no-repeat 0 0}
.checkbox-block input[type="checkbox"]:checked + label span,.checkbox-block input[type="checkbox"]:checked + input[type="hidden"] + label span{width:20px;height:20px;background:url(../../images/checkbox.png) right 0}
/*..........radio start.........*/

.radio-block input[type="radio"] + label,.radio-block input[type="hidden"] + label{font-size:15px;padding:0 15px 0 28px}
.radio-block input[type="radio"] + label span,.radio-block input[type="hidden"] + label span{display:inline-block;vertical-align:middle;width:20px;height:20px;cursor:pointer;position:absolute;left:0;top:1px;background:url(../../images/radio.png) no-repeat 0 0}
.radio-block input[type="radio"]:checked + label span,.radio-block input[type="radio"]:checked + input[type="hidden"] + label span{width:20px;height:20px;background:url(../../images/radio.png) right 0}
/*..........radio end.........*/

.checkbox-outer,.radio-outer{position:relative;display:inline-block}
.border-box .btn + .btn{margin-left:15px!important}
.btn-group{margin:5px}
.btn-group:last-child{margin-right:0}
/*.btn-group + .btn-group { margin-left: 15px;}*/
.btn-primary{background:#d82c5f}
.btn-primary:hover{background:#6D0B1D}
.navbar-inverse {/*background: #39a5d6;*/ background: #D62661;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {background-color: #6D0B1D;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {background-color: #6D0B1D;}
.stepsbar{width:100%;border:1px solid #eaeaea;padding:5px;border-radius:50px;margin:0 0 25px 0}
.stepsbar ul{margin:0;padding:0;position:relative}
.stepsbar ul li{padding:0 20px 0 0;list-style:none;float:left;position:relative}
.stepsbar .number{font-size:25px;font-weight:bold;display:inline-block;background:#DDD;width:50px;height:50px;border-radius:50%;margin:0 15px 0 0;text-align:center;padding:8px 0 0 0}
.stepsbar p{display:inline-block;font-size:17px;font-weight:bold;vertical-align:middle;color:#d3d3d3}
.stepsbar ul li.active .number{background:#d82c5f;color:#fff}
.stepsbar ul li.completed .number{background:#8DB214!important;color:#fff}
.stepsbar ul li.active p,.stepsbar ul li.completed p{color:#000!important}
.mid-content h3{margin:0 0 10px 0;font-size:19px;line-height:normal}
.mid-content h4{margin:0 0 10px 0;font-weight:500;font-size:18px}
.template-tab{margin:10px 0 25px 0;width:100%}
.template-tab ul.nav-tabs .active>a{background:#eee}
.template-tab .tab-content{border:1px solid #ddd;border-top:none;padding:15px;border-radius:0 0 4px 4px}
.template-outer {/* border: 1px solid #ccc;	padding: 5px; */	margin: 0 0 30px 0;	text-align: center;	height: 220px;	/*border-radius: 3px;*/	box-shadow: 0 0 4px 0.04px rgba(0, 0, 0, 0.05);	position: relative;	background: #ECE3D8;}
.template-outer .photo-control {	position: relative;}
.template-outer .delete-photo {	position: absolute;	right: 10px;top: 10px;}
.template-outer:hover {	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);}
.template-outer img {	margin: 0 auto;	/* border: 1px solid #eee; */	padding: 0;	border-radius: 0;}
.template-outer p {	/* background: #fff; 	padding: 5px; */	padding: 5px 10px 0 10px;	margin: 10px 0 0 0;	font-size: 12px; width: 100%;}
#viewFeature .template-outer p{width:85%;text-align:left;padding:7px 10px 25px 10px}
#viewFeature .template-outer .image-outer img{width:100%;height:113px}
#viewFeature .template-outer .photo-control{position:relative}
#viewFeature .template-outer .delete-photo2{cursor:pointer}
.template-outer.active{background:#E9C3D5}
.registration-form{border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.3);margin:25px auto 20px auto;max-width:1000px;padding:0}
.registration-page .main-header {/*padding: 40px 0;*/	background: none;	min-height: 10px;}
.form-group.required label:after {	content: " *";	color: red;}
.feature-pages-gallery {	margin: 25px 0 0 0;}
.alphabet-list {margin: 25px 0 0 0;}
.alphabet-list li {	float: left;padding: 0!important;margin: 0 0 10px 0;}
.alumni-list .custom-select {	min-width: 150px;}
.alumni-list .form-control {	min-width: 150px;}
.fa-2 {	font-size: 25px!important;}
.fa-3 {	font-size: 4em}
.fa-4 {	font-size: 7em}
.fa-5 {	font-size: 12em}
.fa-6 {	font-size: 20em}
.vertical-middle {	vertical-align: middle!important;}
.question-element .selectbox {	max-width: 140px;min-width: 140px;/*width: 100%;*/}
.question-element table .question-col {}
.question-element table .small-col {width: 100px;}
.question-element table .icon-col {	width: 75px;}
.editor-right-form {margin: 20px 0 0 0;}
.inline-block {	display: inline-block;}
.feature-pages-block h4{font-size:15px;font-weight:bold}
.feature-page-editor {}
.feature-page-editor .feature-action-select .custom-select{width:200px;margin:5px 0 0 0}
.classmate-messages-table tr td:nth-of-type(1),.classmate-messages-table tr th:nth-of-type(1){width:230px}
.classmate-messages-table tr td:nth-of-type(3),.classmate-messages-table tr th:nth-of-type(3){width:200px}

/*css added while diff start*/
.lightboxOverlay{background-color:#000;left:0;opacity:.8;position:absolute;top:0;z-index:9999}
#feedLoading{position:absolute;width:100%;top:200px;text-align:center;font-size:4em;color:white;text-shadow:2px 2px 2px #021124}
.modal-body{float:left;width:100%}
#txtSchoolName_dropdown{height:300px}
.friends-list .checkbox{margin:0}
.friends-list i{float:right;position:absolute;/*color: #CC0000;*/ right:15px;cursor:pointer;top:13px}
.friends-list li{position:relative}
.friend-comment-list li {margin: 0 0 30px 0;/*border-bottom: 1px dotted #ccc;*/	padding: 0 0 15px 0}
.friend-comment-list li:last-child {border-bottom: none;margin-bottom: 0;padding: 0;}
.friend-comment-list h4 {font-weight: bold;font-size: 17px;}
/*css added while diff end*/
.features-image-listing .thumbnail {}
.features-image-listing .image-outer{margin-bottom:0}
.features-image-listing .image-caption{text-align:center;margin-bottom:10px}
.feature-page-editor .photo-listing .image-outer{margin:0;min-height:140px}
.dashboard .welcome-block ol li{margin-bottom:7px}
.dashboard-box .panel-heading .icon-outer{margin:0 5px 0 0;padding:8px;background:#b0b0b0;color:#fff;width:43px;height:25px;border-radius:50%;vertical-align:middle;text-align:center;display:table;float:left}
.dashboard-box .panel-heading .icon-outer i{display:table-cell;vertical-align:middle;text-align:center}
.dashboard-box .panel-heading p{margin:0;padding-top:10px;vertical-align:middle;display:inline-block;font-size:17px}
.dashboard-box .panel-body li{margin:0 0 15px 0;border-bottom:1px dotted #ccc;padding:0 0 15px 0}
.dashboard-box .panel-body li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.dashboard-box .panel-body li h5{font-weight:bold;font-size:15px}
.dashboard-box .panel-body li a h5 { /*color: #42C4CA;*/ color: #444444;}
.dashboard-box .panel-body li a h5 i, .dashboard-box .panel-body li a h5 .glyphicon {margin: 0 10px 0 0;}
.dashboard-box .panel-body li a:hover h5 {	color: #39A5D6;}
.chart-outer {	text-align: center;	padding: 20px;}
.dashboard .feature-pages-box {	min-height: 550px;}
.student-list-content ul li.started-feature {	border-left-color: #EA571A;}
.student-list-content ul li.progress-feature {	border-left-color: #EAB31A;}
.student-list-content ul li.finished-feature {	border-left-color: #00C74F;}
.student-list-content ul li.completed-feature {	border-left-color: #00C74F;}
.poll-questions-table .question-col {	width: 400px;	min-width: 200px;}
.poll-questions-table .question-col p {	white-space: pre-wrap;}
.poll-questions-table .answer-col {	max-width: 400px;	min-width: 200px;}
.poll-questions-table .order-col {	max-width: 120px;}
.poll-questions-table .actions-col {	width: 100px;}
/*page order start*/

.pageorder-page {}
.page-box {	padding: 0 5px!important;	background: red;	clear: both;}
.page-box .pipe {	margin: 0 2px;}
.pageorder-panel {}
.pageorder-panel ul{width:100%;float:left;margin:0;padding:0}
.pageorder-panel ul li{list-style:none;float:left}
.pageorder-list ul li a{color:#fff}
.book-front-cover{width:110px;min-height:120px;text-align:center}
.book-front-cover .image-outer{border:1px solid #ccc;margin:0 0 5px 0;width:109px;height:150px}
.page-style{border:1px solid #cbc5da;float:left;height:150px;margin:0 0 40px 0;width:109px;position:relative}
.page-style:nth-child(even){margin-right:25px;margin-left:1px}
.page-style:hover{border-color:#000;border-style:dashed;border-radius:2px}
.page-style:hover .page-style-edit{opacity:1}
.page-style figure{position:absolute;z-index:1;top:2px}
.page-style figure img{margin-top:1px}
.page-style-edit{opacity:0;position:absolute;font-size:10px;padding:5px;text-align:center;border-top:1px solid #ccc;bottom:0;z-index:100;background:rgba(255,255,255,.5);transition:all 450ms ease-in-out 0s;-webkit-transition:all 450ms ease-in-out 0s;-moz--transition:all 450ms ease-in-out 0s}
.page-style-edit a{display:inline-block;margin:2px}
.page-style-edit a:hover{color:#000}
.page-style-title{color:#9d90ab;font-size:10px;font-weight:700;height:32px;overflow-y:hidden;position:relative;text-align:center;top:2px;width:106px;z-index:2;padding:0 10px}
.page-style-name{color:#8a8a8a;font-size:10px;position:relative;text-align:center;top:125px;width:106px}
.page-box .color-icon{background:url(../../images/colors-cmyk.png) no-repeat left top;padding:4px 0 6px 20px}
.confirm-content-page {}
.confirm-content-page .stepbar ul li {}
.drop-box {	background: #F8F8F8;border: 5px dashed #DDD;width: 300px;height: 100px; /* 65px ; */text-align: center; padding-top: 25px; margin: 10px;}
.drop-box-big {	background: #F8F8F8;border: 5px dashed #DDD;width: 1000px;height: 200px; /* 65px ; */ text-align: center; padding-top: 25px;margin: 10px;}
.dragover {	border: 5px dashed blue;}
.confirm-content-page .steps-row li{margin:0 0 15px 0;padding:15px 0 15px 0;border-bottom:1px dotted #ccc;clear:both;width:100%;float:left;transition:all 450ms ease-in-out 0s;-webkit-transition:all 450ms ease-in-out 0s;-moz--transition:all 450ms ease-in-out 0s}
.confirm-content-page .steps-row li:hover {	background: #f7f7f7;}
.confirm-content-page .steps-row li:last-child {	border-bottom: none;}
.confirm-content-page .steps-row li h3 {	font-weight: 600;	font-size: 17px;}
.confirm-content-page .steps-row li:hover .number {	background: #000;}
.steps-row .number {width: 25px;height: 25px;margin: 0 15px 0 0;float: left;text-align: center;	color: #fff;line-height: 25px;font-weight: bold;background: #cfcfcf;
	transition: all 450ms ease-in-out 0s;-webkit-transition: all 450ms ease-in-out 0s;	-moz--transition: all 450ms ease-in-out 0s;}
.steps-row .steps-detail {	overflow: hidden;}
/*.table > thead { background:#e1e1e1;}*/

.staff-feature table tr th:nth-child(3), .staff-feature table tr td:nth-child(3) {	width: 220px;}
.staff-feature table tr td:nth-child(3) .custom-select {	width: 200px!important;}
.staff-feature table tr th:nth-child(4), .staff-feature table tr td:nth-child(4) {width: 130px;}
.staff-feature table tr th:nth-child(5), .staff-feature table tr td:nth-child(5) {width: 130px;}
.textarea-130 {	height: 130px!important;}
.designs-options-left {	padding-right: 40px!important;}
.designs-options-right {padding-left: 40px!important;border-left: 1px dotted #ccc;}
.design-options .cover-type{border:1px solid #ccc;padding:0 0 5px 0;width:120px;text-align:center;font-weight:bold}

.design-options .cover-type p{background:#eee;padding:5px 0 5px 0;margin:0 0 5px 0;border-bottom:1px solid #ccc}
.design-options .cover-type img{border:1px solid #ccc}
.custom-select-multiple{height:87px}
.custom-select-multiple::after{height:82px;background:#fff url(../../images/arrow-multiple.jpg) no-repeat center top;width:19px;background-size:cover; top: 1px; right: 1px;}
.panel-heading{font-weight:bold}
.image-library-gallery .image-outer{display:table;margin:0 auto 30px auto;padding:4px;max-width:350px;height:380px;/* 350px */ background-color:#fff;border:1px solid #ddd;text-align:center;vertical-align:middle}
.image-library-gallery .image-outer a{display:table-cell;vertical-align:middle}
.image-library-gallery .image-outer .thumbnail{border:none!important;padding:0!important;display:inline-block}
#show-image #preview_image{display:inline-block}
#show-image .modal-body{text-align:center}
#addpageDiv .template-outer{height:195px;margin-bottom:20px}

/* css for pie chart */
.pie-legend li span{width:1em;height:1em;display:inline-block;margin-right:5px}
.pie-legend{list-style:none}
.pagination.alphabet-list li.active a{background:#ccc!important;border-color:#ccc}
.preliminary-guidelines .button-block .pdf-factsheet-btn{display:block;border:1px solid #ccc;padding:10px;margin:0 auto;border-radius:6px;max-width:190px}.preliminary-guidelines .button-block .pdf-factsheet-btn:hover{border-style:dashed}
.preliminary-guidelines .button-block .pdf-factsheet-btn .btn{width:100%}
.preliminary-guidelines .button-block .pdf-factsheet-btn:hover .btn{background:#6d0b1d}
.preliminary-guidelines .guide-lines{border-right:1px solid #ccc}
.preliminary-guidelines .checkbox-outer{text-align:right}
.library-preview-img{height:595px;text-align:center}
.library-preview-img img{max-width:99%;max-height:99%}
.cover-image{cursor:pointer}
.booksubmit-confirmation {}
.preliminary-guidelines-heading{text-decoration:line-through}
.upload-photo .image-outer { /*border: 1px solid #ccc;*/ background: #eee !important;border-radius: 0;padding: 0px;	text-align: center;	font-size: 14px;}
.upload-photo .image-outer .thumbnail {
	padding: 0;
	border: 0;
	border-radius: 0;
	width: 100%;
}
.upload-photo .image-outer .photo-control {
}
.upload-photo .image-outer .checkbox-block {
	background: #948f89;
	padding: 5px;
	position: absolute;
	right: 0;
}
.upload-photo .image-outer {
	border: 1px solid #eaeaea;
	height: 280px;
	width:auto;
	/* width: 280px;  */
	overflow:hidden;

}
 .upload-photo .image-outer img {/*height: 280px; width: 280px; */ max-width: 100%;	overflow:hidden;display: inline-block;} 
.upload-photo a { 	text-align: center;}
.upload-photo .image-outer a, .upload-photo .image-outer input[type="checkbox"], .upload-photo .pipe {	vertical-align: top;}
.upload-photo .image-outer input[type="checkbox"] {	margin-top: 2px;}
.upload-photo .pipe {	margin: 0 5px;}
.progress-report .panel-body {	min-height: 620px;}
.feature-form .template-outer { /* height: 185px; margin-top: 5px; */ height: 165px;margin-top: 5px;padding: 0;}
.feature-form .template-outer .image-outer {min-height: 113px;	height: 115px;	overflow:hidden;}
.customise-layout .template-outer {	height: 145px;}
.customise-layout .template-outer img {	border: none;}
.feature-pages-gallery .template-outer p {	text-align: center;	width: 100%;}
.page-header {	margin-bottom: 15px!important;}
.poll-question-table-list .table-responsive tr th{white-space: normal  !important;}
.modal-open {    overflow: hidden !important;}
.photo-listing .col-sm-4.col-md-3.col-lg-2.ng-scope{vertical-align:top;}
/*--responsive version css below --*/
#addpageDiv .modal-dialog {	width: 90%;}
#flash .modal-dialog {	width: 80%;}
@media screen and (min-width: 768px) {
	#addpageDiv .modal-dialog {	max-width: 1200px;}
	#flash .modal-dialog {	max-width: 990px;}
}
@media screen and (min-width:768px) and (max-width:1279px) {
	.pagination1 {	float: left !important; width: 100% !important; margin-left: 0 !important;	}
	.navbar-inverse .navbar-nav > li > a {font-size: 14px;padding: 15px 7px;}
	.stepsbar { text-align: center; border-radius: 5px;}
	.stepsbar .number {	font-size: 17px; width: 40px; height: 40px;	margin: 0 auto;	display: block;}
	.stepsbar p {	width: 67%;	margin: 0 auto;}
	.alumni-feature .btn {	width: auto !important;}
	.navbar-collapse {padding-bottom: 10px!important;}
	.popover{  width:100% !important; left:450px  !important; position:absolute !important; right:10px !important; }
	.zip-code {  width: 32%; float: left; padding-right: 0px; margin-bottom:10px;}
}
@media (max-width:1280px) {
	.support {right: 0 !important;	left: auto;	}
}	
@media only screen and (max-width:1024px) {
	.book-front-cover {	margin-bottom: 25px;	}
	.feature-section {width: 200px !important;	}
	.advice {padding: 0px !important;margin-left: 0px !important;	}
	.alumni-feature .btn {	width: auto !important;	}
	.alumni-feature {min-height: auto !important;	}
	/* .support {		right: 0;		left: auto;	} */
	.student-page .border-box label, .your-entry .border-box label {	margin-bottom: 5px;	}
	.student-page .logo-attached, .your-entry .logo-attached {margin-bottom: 10px!important;display: block;float: left;}
	.mid-content h1 {font-size: 22px;}
	.border-box-header h3 {font-size: 20px;	}
	/*to overwrite javascript height*/
	.sidebar, .mid-scroll-content, .question-listing ul {height: auto !important;}
	/* left padding incresed container smooth srolling 1024px*/
	.container {   padding: 0px 15px 0px 30px !important;}
}
@media (max-width:880px) {
	.birth-date .custom-select {margin-bottom: 10px;}
	/*.poll tr > td {	white-space: normal !important;}
	.mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y > .col-lg-12 {	padding: 0 !important;}*/
}
@media (max-width:767px) {
	.upload{font-size: 10.5px !important;}
	.inner-header .header {    text-align: center !important;}
	.choose-cover .template-outer { height:250px!important;}
	.choose-cover .template-outer figure .image-inner { display:inline-block; vertical-align:top;}
	.choose-cover .template-outer figure { height:250px!important;}
	.choose-cover .template-outer figure .image-inner { vertical-align:top;}
	.photo-library-listing-images .upload-photo .image-outer { height: auto !important; }
	.student-list-content { height:200px!important; }
	/* added for mobile device start */
	.cont-comments-friends { margin-bottom: 25px!important; }
	.cont-comments-friends #leftcolumn { width: 100%;}
	.cont-comments-friends #rightcolumn { width: 100%; }
	.drop-box {max-width: 300px; width:100%; margin: 0px; z-index:999 !important; position: relative;}
	/* added for mobile device stop */
	.library-preview-img {	height: 200px;}
	.preliminary-guidelines .guide-lines{border-right:none;border-bottom:1px solid #ccc;margin-bottom:20px;padding-bottom:20px}
	.preliminary-guidelines .checkbox-outer{text-align:left;padding-left:55px!important}
	.guide-lines{margin-bottom:15px}
	.main-logo img{height:60px}
	.buttons-block ul{float:left}
	.alumni-page-block{margin-bottom:25px}
	.welcome-text{padding-top:15px}
	.sidebar{margin:0 0 25px 0}
	.page-header{margin-bottom:15px!important}
	.forgot-password{margin-bottom:10px}
	.stepsbar{border-radius:5px}
	.stepsbar .number{float:left;width:30px;height:30px;font-size:16px;padding:5px 0 0 0}
	.stepsbar p{float:left;margin:0;padding:4px 0 0 0}
	.stepsbar ul li{width:100%;margin:0 0 10px 0}
	.stepsbar ul li{padding:0}
	.stepsbar .number{margin:0 8px 0 0}
	.mid-content h3{font-size:17px}
	.template-outer{height:auto; padding-top:10px; padding-bottom:10px;}
	.feature-page-editor .photo-listing .image-outer{margin:0;min-height:10px}
	.feature-form .template-outer{display:inline-block;height:195px;width:141px}
	.photo-listing{	text-align:center;}
	.photo-listing .col-sm-4.col-md-3.col-lg-2.ng-scope{display:inline-block;width: 141px;	}
	.feature-form .template-outer {	width: auto;}
	.photo-library-listing-images{text-align:center;}
	.photo-library-listing-images .col-sm-5.col-md-4.upload-photo.ng-scope {display: inline-block;width: 140px;	}
	.mCSB_container .ng-scope #sendmessage .modal-body{ float:none;}
	.popover{  width:100% !important; left:0px  !important; position:absolute !important; right:10px !important; }
	.tooltip{ width:100px !important; margin-left:20px !important; right:auto !important;}
	.zip-code {	width: 114px;float: left; padding-right: 0px; margin-bottom:10px;}
	#upload_image .modal-content .modal-body{max-height: 250px; overflow: auto;}
	/* added for mobile device start */
	.friends-list {	top: 0!important;}
	.template-outer.featureImg{	width: 160px;height: 160px;	}
	.template-outer.featureImg img {margin-top: -5px;}
	/* added for mobile device stop */
	.registration-page .container {
		padding: 0px 15px 0px 15px !important;
	}
	.registration-page .login-body {
		padding: 15px 0 !important;
	}
	.registration-page .go-back {
		margin-bottom: 15px;
	}
}
@media only screen and (max-width:479px) {
	.confirm-content-page .steps-row .btn-group, .confirm-content-page .steps-row .btn-group .btn {	width: 100%;}
	.birth-date .custom-select {width: 87px;}
}
@media (max-width:991px) {
	.progress-report .panel-body {	min-height: 10px;}
	.mid-content h1 {margin-bottom: 10px;}
	.advice {min-height: auto !important;}
	.reunion {	min-height: auto !important;float: left;}
	.designs-options-left {	padding-right: 15px!important; margin-bottom: 25px;	border-bottom: 1px solid #ccc; padding-bottom: 15px;}
	.designs-options-right {padding-left: 15px!important; border: none;}
	.modal{z-index:5000 !important;}
}
@media (width:1280px) {
	.nav > li > a {	padding-left: 8px!important;	padding-right: 8px!important;}
	.modal{z-index:5000 !important;}
}
@media only screen and (max-width: 1280px) {
	.feature-page-editor .feature-action-select {clear: both;width: 100%;}
}
@media (max-width:1199px) {
	.feature-form .form-horizontal .control-label {margin-bottom: 5px;}
	.main-header {	min-height: 10px;	padding-bottom: 10px;}
	.modal{z-index:5000 !important;}
}
@media (width:1360px) {
	.page-style:nth-child(2n) { margin-right: 20px;	}
	.modal{z-index:5000 !important;}
}
@media (width:1280px) {
	.page-style:nth-child(2n) { margin-right: 48px;}
}
@media (width:1024px) {
	.page-style:nth-child(2n) {	margin-right: 38px;}
}
@media (width:768px) {
	.page-style:nth-child(2n) {	margin-right: 74px;}
}
@media (width:732px) {
	.page-style:nth-child(2n) {	margin-right: 4px!important;}
}
@media (width:736px) {
	.page-style:nth-child(2n) {	margin-right: 5px!important;}
}
@media (width:667px) {
	.page-style:nth-child(2n) {	margin-right: 10px!important;}
}

@media (width:800px) {
	.page-style:nth-child(2n) {	margin-right: 80px;	}
}

.browseimagelist-outer .custom-select select option {   border-left: 1px solid #ccc;  border-right: 1px solid #ccc;	}
.modal{z-index:5000 !important;}
span.red{color:#FF0000;}
table#messagefrom .sender{width:15%;}
table#messagefrom .message{width:70%;}
table#messagefrom .date{width:30%;}
table#messagefrom .action{width:5%;}
.space{margin:20px !important;}

/* 6th jan cover design */
.choose-cover .template-outer {margin-left: auto; margin-right: auto; max-width:175px; width:100%; height: 300px; position: relative; overflow: hidden; padding:15px 15px;}
.choose-cover .template-outer figure { margin: 0 auto; height: 300px; display: table; vertical-align: middle; border:2px solid #ccc; text-align: center; 	transition: all 450ms ease-in-out 0s;-webkit-transition: all 450ms ease-in-out 0s;	-moz--transition: all 450ms ease-in-out 0s; }
.choose-cover .template-outer figure:hover, .choose-cover .template-outer.active figure { border-color:#D62661;} 
.choose-cover .template-outer figure .image-inner { display: table-cell; vertical-align: middle; text-align: center;}
.choose-cover .template-outer figure img { width: 100%; height:auto; }
.choose-cover .template-outer p { position: absolute; width: 100%; bottom: 0; background:rgba(0, 0, 0, 0.9); color: #fff; min-height: 30px; padding: 5px; left: 0;}

/* changes for logout popup */
.modal-footer {	padding: 15px 5px !important;	text-align: right;	border-top: 1px solid #e5e5e5;}
.modal-footer .btn + .btn { 	margin-bottom: 10px;	margin-left: 5px;}

/* staff admin yearbook question tab table  start*/
.table.table-striped.table-hover.table-bordered thead tr th:first-child { min-width: 270px !important;}
.table.table-striped.table-hover.table-bordered thead tr th:nth-child(2) { min-width: 70px !important;}
.table.table-striped.table-hover.table-bordered thead tr th:nth-child(6){ min-width: 110px !important;}

.table.table-striped.table-hover.table-bordered thead tbody tr td:first-child { min-width: 270px !important;}
.table.table-striped.table-hover.table-bordered thead thead tr td:nth-child(2) { min-width: 70px !important;}
.table.table-striped.table-hover.table-bordered thead tbody tr td:nth-child(6){ min-width: 110px !important;}
/* staff admin yearbook question tab table  ends*/

/* qsw step 2 error message start*/
.help-block-section .help-block.error{ text-align: left; width: 100%; float:right;}
.overlimit-error{border-color:#a94442!important;border-width:5px!important;box-shadow:0 5px 5px rgba(0,0,0,.075) inset}
.qsw-step2-input { width:50px;float:left;margin:0;}

/*bootstrap overlay div*/
.img-overlay{position:absolute;top:0;width:100%;height:100%;z-index:100000;background:rgba(0,0,0,.6);display:none}

/*feature page anchor tag*/
.aside-book-txt li a {color:#fff;}
select[multiple], select[size] {height: auto !important;}
select[multiple] { height: 84px !important;}
@media (min-width:768px)and (max-width:1023px) {
	.navbar-header .welcome-text ul li:first-child { width:100%; margin:0; display:block;}
	.navbar-header .welcome-text ul li:first-child:after { background:none;}
	.tooltip{ width:140px !important; margin-left:0px !important; right:50px !important; margin-right:30px !important; }
}
.letters-count .max-chars{ float:left; width:40%;}
.letters-count .lines-left { float:left; width:60%;text-align:right;}

@media (max-width:550px) {
	.navbar-header .welcome-text ul li:first-child { width:100%; margin:0; display:block;}
	.navbar-header .welcome-text ul li:first-child:after { background:none;}
	.letters-count .max-chars { float:left; width:100%;}
	.letters-count .lines-left { float:left; width:100%;text-align:left;}
}
@media (max-width:360px) {
	.stepsbar p{font-size:14px;}
	#addpageDiv .modal-content .modal-body {max-height: 400px; overflow: auto;}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape){ 
	#addpageDiv .template-outer {height: auto !important;margin-bottom: 10px;padding: 15px;	/* background:blue;*/	}
	#addpageDiv .modal-header { padding: 8px!important;}
	#addpageDiv .modal-content .modal-body {max-height: 200px; overflow: auto;} 
	/* .modal-title {	font-size: 16px!important;	} */
	.alphabet-list, .feature-pages-gallery {  margin: 15px 0 0;}
}

@media only screen and (min-device-width : 360px) and (max-device-width : 640px) and (orientation : landscape){
	#addpageDiv .template-outer {height: auto !important;	margin-bottom: 10px;padding: 15px;	/*background:red; */	}
	#addpageDiv .modal-content .modal-body {max-height: 200px; overflow: auto;}
}

.cover-design-page .template-outer figure { height:180px; overflow:hidden;}
.cover-design-page .template-outer figure img {  height: 100%; max-width: 100% !important;}

/* template based css*/
.main-header {min-height:120px; height:120px; display: table; width: 100%;}
.logo-outer { display:table-cell; text-align:center; vertical-align:middle;}
.logo-outer  img{ display:inline-block;}
.inner-header{ display: table;width: 100%; height:110px; }
.inner-header .logo-outer { text-align:left; padding:5px; }
.login-page .main-header .inner-header .logo-outer,.registration-page .main-header .inner-header .logo-outer { text-align:center; }
.registration-form .form-group label { margin-bottom:10px;}
.login-page .main-header,  .registration-page .main-header { padding-top:5px!important;  padding-bottom:5px!important; }
@media (min-width:768px) and (max-width:1024px) {
	.inner-header { height: 60px;   }
	.main-header {height: 80px; min-height: 50px;  }
	.welcome-text {	padding: 15px 0 0;	}
}

@media  (max-width:767px) { 
	.inner-header { height:auto; display:inline;}
	.inner-header .logo-outer img, .login-page .logo-outer img, .registration-page .logo-outer img { height:50px; }
	.main-header {height: 80px;	min-height: 50px;	}
	.welcome-text {		padding: 15px 0 0;	}
	.welcome-text ul li { font-size:14px;}
	.welcome-text ul li::after { top:0;}
	.registration-page .main-header { min-height: 78px;	}
	.login-header h2 {font-size:23px; line-height: 50px; min-height: 40px;	}
	/* #addpageDiv .modal-content .modal-body {max-height: 300px; overflow: auto;} */
}

@media (max-width:1024px) {
	.login-page .main-header,.registration-page .main-header { height:60px;}
	.login-page .inner-header, .registration-page .inner-header  { display: table; height: 80px; }
	.upload-photo .image-outer{border:1px solid #eaeaea;height:200px;width:200px;overflow:hidden}
	.upload-photo .image-outer img{max-width:100%;overflow:hidden}
}

@media (max-width:991px) {
	.login-page label { margin-bottom:10px;}
}
@media (max-width:1023px) {
	.pageorder-organisepages .page-header .buttons-block ul { float:left;}
}

.unclickable  { text-decoration: none; }
.ui-notification.success{ z-index:13000; }
.poll-answer-multiple{overflow: auto;}

	/* body.modal-open {
		overflow: visible;
	} */

@media (min-width:768px) and (max-width:1024px){
	.upload-photo .image-outer{border:1px solid #eaeaea;height:180px;width:auto; /* 180px; */ overflow:hidden}
	.upload-photo .image-outer img{max-width:100%;overflow:hidden; /*height:180px; width: 180px;*/ }
}

@media (max-width:767px){
	.upload-photo .image-outer{border:1px solid #eaeaea;height:150px;width:auto;overflow:hidden}
	.upload-photo .image-outer img{max-width:100%;overflow:hidden; /*height:150px; width: auto; */}
}

/*css for message panel on contributor end*/
#wrapper{width:100%;margin:0 auto}
#leftcolumn,#rightcolumn{float:left}
#leftcolumn{width:20%}
#rightcolumn{width:80%}

/*.upload{	background-color: black;	width: 100%;	height: 100%;}*/
.upload{background-color:rgba(0,0,0,.8);width:100%;height:100%;position:absolute;bottom:0;height:auto;padding:8px 5px;color:#fff}
.front-cover-images .upload-photo .image-outer{height:100%;width:100%}
.front-cover-images .upload-photo .image-outer img{height:100%;width:100%}

/* unsunscribe_success.php file start */
.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}
.alert h4{margin-top:0;color:inherit}
.alert .alert-link{font-weight:700}
.alert>p,.alert>ul{margin-bottom:0}
.alert>p + p{margin-top:5px}
.alert-dismissable,.alert-dismissible{padding-right:35px}
.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}
.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}
.alert-success hr { border-top-color: #c9e2b3; }
.alert-success .alert-link { color: #2b542c; }
.alert-info {color: #31708f; background-color: #d9edf7; border-color: #bce8f1; }
.alert-info hr { border-top-color: #a6e1ec;}
.alert-info .alert-link {color: #245269;}
/* unsunscribe_success.php file start */

/* Create a custom checkbox for welcome page starts */
.welcome-page .checkbox input{ position: absolute; opacity: 0;  cursor: pointer; }
.welcome-page .note, #submit_step3 .note { text-align:left; float:left; width:100%; font-size:10px !important; }
.checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; /* background-color: #eee; */ box-sizing: border-box; border: 1px solid; }
.welcome-page .steps-row li {margin-bottom:15px;}
/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {   /* background-color: #ccc;  */ }

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {  /* background-color: #d82c5f; */  }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after { content: ""; position: absolute; display: none; }

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {  display: block; }

/* Style the checkmark/indicator */
.container .checkmark:after { /* left: 9px; top: 5px; width: 5px; height: 10px; */ top: 2px; width: 10px; height: 15px;  left: 7px;
  border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg); transform: rotate(45deg); }
/* Create a custom checkbox for welcome page ends */

.submit-page .steps-row li { clear: both; margin-bottom:30px !important; width:100%; float:left; }
.upload-top {background-color: rgba(0,0,0,.8); width: 100%; position: absolute; top: 0; height: auto; padding: 8px 5px; color: white;}
.upload-bottom { background-color: rgba(0,0,0,.8) !important; width: 100%; position: absolute; bottom: 0; right: 0; height: auto; padding: 8px 5px; color: white;}
.upload-folder {background-color: rgba(0,0,0,.8); width: 100%; position: absolute; top: 0; height: auto; padding: 8px 5px; left: 0; color: white;  }
.student-photo .delete-btn{ left:0; top:0; padding:5px; background-color:#FFF;  }
.student-profile-delete-btn {position: absolute; cursor: pointer; left: 10px; top: 5px;	z-index:1000; background-color:rgba(0,0,0,.8) !important; font-size: 22px;	padding: 2px 5px;}
.student-profile-delete-btn i:before {color: red;}
.cover-design .delete-btn{ left:0; top:0; padding:2px; background-color:#FFF;  }
#imgStatus { color:#3c763d; padding-left: 35px; font-weight:bold;}

#viewFeature .featureImg .image-outer img  { max-width:100% !important; height:100% !important; width:auto !important; }	/*To fix image distort issue */
#viewFeature .featureImg .image-outer { background: #f7f7f7;}
#feature-attachment-delete {font-size:16px; margin:5px 15px 5px 5px;}
.photo-listing .col-sm-4.col-md-3.col-lg-2{padding: 0 2px !important;}
.photo-listing .template-outer{margin: 0 0 10px; box-shadow: none; background: transparent; /* border: 1px solid #ccc; */}
.photo-listing .image-outer { background: transparent !important; }
.feature-comment { float:left; width:100%; }
.feature-attachment{display:inline-block; }

.photo-library-listing-images .col-sm-5.col-md-3{padding: 0 2px !important;}
.photo-library-listing-images .image-outer{ margin: 0 0 10px; box-shadow: none; background: transparent !important; border: 1px solid #ccc; }
.photo-library-listing-images-extra {    padding-right: 30px; }
.btn-highlight a{  background-color:#d62661 !important;  }
.btn-highlight a img{ -webkit-filter: brightness(0) invert(1);  filter: brightness(0) invert(1);  }
.photo_library_select {display: inline-block;}
.textarea-mar-bt-15 textarea{margin-bottom:0;}
@media (max-width:767px){
	.textarea-mar-bt-15 textarea{margin-bottom:10px;}
	.qsw-tab .nav-tabs > li {width: 100%; margin: 2px 0;}
	.qsw-tab .nav-tabs > li a{width: 100%; background: #a01856; color: #fff; border-radius: 0;padding: 3px 15px; font-size: 14px; font-weight: 600;}
	.qsw-tab ul.nav-tabs .active > a {background: #eee;color: #333;}
	.template-outer p {font-weight: 600;}
	.qsw-step3-table input[type=text]{ width: 320px; }
	#txtSchoolName_dropdown {overflow: auto; width:97%; height: 270px; overflow-y: scroll; /* has to be scroll, not auto */  -webkit-overflow-scrolling: touch; border:1px solid #ccc;}
}
@media (max-width:580px){
	.photo_library_select {display:block;}
	.photo_library_select input{margin-right:0 !important;}	
}
@media (max-width:400px) {
	#go_step2, #amend_book { width: 80%; margin: 10px auto !important;	display: inherit;}
}
.template-view{	font-size: 12px !important;	font-weight: bold; /* for QSW step1 */ }	
.student-list-content ul li .feature-name{float:left;width:68%} /* for feature page */
.student-list-content ul li .feature-status {float: left; width: 19%; padding-right: 20px;}
.feature-comment { padding: 0 4px 0 3px; } /* for feature page to display textarea complete on dev instance */
.mce-btn button{padding:0px 8px !important;} /* to reduce the padding for tinymce toolbar buttons */
.input-error{ border-color: #a94442!important; border-width: 3px!important; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)!important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)!important; } /* for editor: default poll question section */
@media (max-width: 1199px) { /* for student end: Your entry: image */
	.student-profile-img { 	margin-bottom: 65px; }
}
.green-border {border: 3px solid green !important;}

/* paymemt section on contributor view profile starts*/
	.container-wrapper {
		padding: 0px 15px 0px 40px !important;
	}
	@media(max-width:1024px){
		.container-wrapper {
			padding: 0px 30px 0px 15px !important;
		}
	}
	@media (max-width:1200px) and (max-width:1250px){
		.step-pay-online-section .custom-width{width:95%;}
	}
 	@media(max-width:1199px){
		.step-pay-online-section .custom-width{width:70%;}
	} 
	@media(max-width:889px){
		.step-pay-online-section .custom-width{width:80%;}
	}
	@media(max-width:775px){
		.step-pay-online-section .custom-width{width:100%;}
	}
	@media(max-width:767px){
		.step-pay-online-section .name-mob-margin{margin-top:15px;}
		.step-pay-online-section .xs-lable{max-width:157px;}
	}
	@media(max-width:400px){
		.step-pay-online-section .xs-lable{max-width:auto;}
	}
/* payment section on contributor view profile ends */

#hoodie-receipts th, #hoodie-receipts td, #book-receipts th, #book-receipts td { padding: 5px; }

/* css for guest Hoodie page starts */
.hoodie-form {
    border-radius: 10px !important;
    box-shadow: 0 5px 15px rgba(0,0,0,.3)!important;
    margin: 25px auto 20px auto !important;
    padding: 0;
}
.hoodie-form label {
    font-size: 15px !important;
}

.field {
	-moz-appearance: textfield;
	-webkit-appearance: textfield;
	background-color: white;
	background-color: -moz-field;
	border: 1px solid darkgray;
	border-radius: 4px;
	box-shadow: 1px 1px 1px 0 lightgray inset; 
	font: -moz-field;
	font: -webkit-small-control;
	margin-top: 5px;
	padding: 2px 5px;
	/* width: 398px; */
}

.hoodie-form .login-header h2{
	line-height: normal; 
	padding: 15px 10px;
}

.hoodie-form .help-block { margin-bottom: 0!important; }
/* css for guest Hoodie page ends */

/* link action - added for active/inactive profile questions */
.link-action {
	text-decoration: underline;
}

/* mail merge system button */
.btn-mms {
	margin: 0 10px 10px 0;
}

/* QSW success page new design changes 02NOV22 */
.qsw-success-thumb {
	width: 20% !important;
}
.mid-content h1.mb-10 {
	margin-bottom: 10px !important;
}
.qsw-success-thumb .panel-heading {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
}
.qsw-success-thumb .panel-heading p {
	margin: 0;
	padding: 0;
}
.forms-elements {
	background: #f9f9f9;
	border: solid 1px #ccc;
	padding: 10px;
	margin: 15px 0 0;
	border-radius: 4px;
}
.box-text {
	line-height: 20px;
}
.box-text ol {
	margin: 0;
	padding: 0 0 0 15px;
}
.box-text ol li {
	border: none !important;
	padding-bottom: 0 !important;
}
.flex-row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px 0;
}
.flex-row .qsw-success-thumb {
	flex: 20%;
	float: none;
	min-width: 250px;
	margin: 15px 0;
}
.flex-row .qsw-success-thumb .dashboard-box {
	height: 100%;
}
.flex-row .dashboard-box .panel-heading .icon-outer {
	height: 43px !important;
}
.flex-row .dashboard-box .panel-heading .icon-outer .fa-2 {
	font-size: 22px !important;
}
.notes-text {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #f1f1f1;
	border: solid 1px #ccc;
	padding: 15px;
	margin: 0 0 30px;
	border-radius: 4px;
}
.notes-text li {
	margin: 10px 0;
}

/*1-19-2023  start css for the hoodie and book tab on guest payment page*/
.guest-hoodie {
	padding: 20px;
}

.guest-hoodie ul.nav-tabs {
	text-align: center;
	border-bottom: 2px solid #404041;
}

.guest-hoodie ul.nav-tabs li {
	display: inline-block;
	float: inherit;
	margin-bottom: 0;
}

.guest-hoodie ul.nav-tabs li a {
	background-color: #e7e7e7;
	color: #000;
	border-radius: 7px 7px 0 0;
	padding: 10px 50px 6px 50px;
}

.guest-hoodie ul.nav-tabs li a:hover {
	border: 1px solid transparent;
	background-color: #404041;
	color: #fff;
}

.guest-hoodie ul.nav-tabs li a.active-tab {
	background-color: #404041;
	color: #fff;
}

@media(max-width:400px){
	.guest-hoodie ul.nav-tabs li a {
		padding: 10px 25px 6px 25px;
	}
}
/* end css of the hoodie and book tab*/

/*css used to add new feature page popup starts */
.row-margin{ margin-bottom: 20px; }
.frm-grp-popup.required label:after {content: " *";	color: red;}
/*css used to add new feature page popup ends */

/* Nickname printed on hoodie on hoodie payment pages */
.hoodie_nickname_img{display:flex;justify-content:center;align-items:center;height:60px;width:155px;padding:0!important;position:absolute;z-index:1;left:calc(50% - 77px);color:#fff;opacity:1;text-align:center;font-family:sans-serif;font-size:22px;font-weight:700;line-height:20px;top:78px;word-break:break-word;word-wrap:break-word}

@media (max-width: 399px) {
    .hoodie-image-container { width: 251px; }
	.hoodie_nickname_img { line-height: 17px; font-size: 20px; top: 50px;	}
}