/* general */
.btn-info{border: 1px solid #0071bb; box-shadow: none; background-color: #43b4dd; background-image: linear-gradient(to bottom, #43b4dd, #3d8cc7);
						 background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #FFFFFF;	}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active,.btn-info.disabled,
						.btn-info[disabled] { color: #ffffff; background-color: #3d8cc7;}

.text-right{ text-align: right; }
.inline {display: inline;}
h4{ font-size: 18px; margin-bottom: 10px;}
h3,.classroom h3{font-family: 'OpenSans-Light-webfont'; font-size: 3.4em; font-weight:normal; line-height: 100%; text-align: left;}
a, a:hover{ color: #0079bc; }

.classroom h3, .join-group h3{ color:#3d8cc7; }


/* modal view */

.modal{border-radius: 0px; -webkit-border-radius:0px; outline: none;}
.modal .modal-footer{background-color: #fff; border-top:0px;}
.modal .modal-header{ border-bottom:0px; }
.modal p{ font-family: 'OpenSans-Light-webfont';}
.modal input[type='checkbox']{ margin-top:0px;}
/* classroom join group */

#UrlModal #group_name, #deleteConfModal #group_name, #deleteConfModal .student-name, #deleteConfModal .group-name { font-style:italic;}
#UrlModal #group_token {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 20px;}
label[for='id_can_export']{display:inline;}
.join-group {min-height:400px;}
.join-group .join-wrapper{ width:940px; margin-left:40px ;}
.join-group h3{ padding-bottom: 5px; margin: 80px 0px 30px 0px; }
.join-group .header p{font-weight:300; font-size: 15px; width:485px; margin-bottom:20px;}
.join-group .form{margin-bottom:200px;}
.join-group .form h3{ font-size: 1.9em; margin-bottom:7px; font-weight: bold; }
.join-group .form label{ font-family: 'OpenSans-Light-webfont'; }
.join-group .form .name input{ width:228px }
.join-group .form-btn{font-size: 18px; margin-right: 57px; margin-top: 20px;float:none;}
.join-group .form .span1{ margin-top:20px; }
.join-group .form.join{ width:522px; margin-bottom:400px; }
.join-group .form .social-buttons{ margin-top: 27px; }
.join-group .form .social-buttons a{display: block; margin-top:15px;}
.join-group .footnote{background-color: #f3f3f3;width: 400px;padding: 3px 7px;border: 1px solid #eaeaea;}
.join-group .footnote p{margin:0;}
.join-group .footnote a{color: #333333;text-decoration: underline;}
.join-group .input{height:30px;}
.join-group .inputs .input{width:471px;}
.join-group section,.join-group header{ position:static; }
.join-group .header-title p{margin-left: 636px; }
.join-group .header-title p, .join-group .header-title h3{ display:inline-block; }
.join-group .row-fluid [class*="span"]:first-child .details{ margin: 5px 0px 5px 25px; }



.class-container .upgrade{ width: 152px; margin-top: -51px;}
.class-container .upgrade a{font-size:14px;}
.class-container .upgrade span{font-size: 12px;}

/* main classroom page */
.classroom ul{ padding:0px; margin:0px;}
.classroom .my-groups li{ border-top: 1px solid #d7d7d7;  list-style: none; width: 100%; height:58px; background-color:#F1F1F1;}
.classroom .my-groups li.empty{ height: 100%; }
.classroom .my-groups li.empty .empty-group{ padding: 40px 80px; }
.classroom .my-groups li.empty .empty-group p{ font-family: 'OpenSans-Light-webfont'; font-size: 18px; }
.classroom .my-groups li.empty .empty-group img{ margin:20px 0px 20px 40px; }
.classroom .my-groups li.empty .empty-group input{ width: 508px; }
.classroom .my-groups .dropdown-menu li{ height: inherit;}
.classroom .my-groups .name-box .name{ font-size: 21px; margin:18px; font-family:'OpenSans-Light-webfont';}
.group-box .span9 .group-toggle,.classroom .my-groups .name-box{cursor: pointer; }


.classroom{ margin:40px; }
.classroom h3{ margin-bottom:30px; }
.classroom h2{ text-align: left; margin-top: 50px; margin-bottom: 30px; }
.classroom .group-box h4{ font-size: 38px; margin-bottom:36px; line-height: 36px;}

.classroom .main-box{ height: 110px; box-shadow: #d7d7d7 0px 0px 4px 2px; margin-bottom: 18px; }
.classroom .main-box .span9,.group-box .span9{ background-color:#efefef; height: inherit; padding:10px 10px 10px 19px; }
.classroom .main-box .span3 { padding-top:14px; }
.classroom .main-box .span3 p{ text-align: center; }
.classroom .main-box .span3 p.large{ font-size: 36px; }
.classroom .main-box span.large-num{ font-size: 20px; }
.classroom .group-box h4{ font-size: 38px; margin:7px 0px 36px 0px; font-family:'OpenSans-Light-webfont';}
.classroom .group-box span.large-num{ font-size: 30px; }
.classroom .group-box{ border: 1px solid #efefef; border-right: none; border-left: none;}
.classroom .group-box .arrow{ width:20px; height:13px; background:url(../images/edu/arrow1.png) 10px 0px; display:block;}
.classroom .group-box .arrow.active{ width:20px; height:13px; background:url(../images/edu/arrow1.png) 0px 0px; display:block; margin-top:10px; }
.classroom .group-box .span3 { padding-top: 20px; padding-left: 23px; }
.classroom .group-box .span3 .btn-info{ font-size: 18px; margin-top:12px;}



.classroom .name-details .name-row{padding:10px;}
.classroom .name-details p{display: inline; margin-right:14px; font-size:14px;}
.classroom .name-details a{margin-left:30px;}

.classroom .name-settings .view-btn{margin:0px auto; width: 50px; font-weight: normal;}
#UrlModal #myModalLabel,.group-edit-form #myModalLabel , #deleteConfModal h3{color:black; text-align:left; font-family:'OpenSans-Light-webfont';}
.classroom #id_can_export{ display: inline-block; }
 #UrlModal input{ width:98%; }
#deleteConfModal p{margin: 20px 0px 50px 0px;}

.classroom .new-submission{color: black; background-color: #ffcc00; padding: 4px; margin-right: 10px; margin-top: 1px; font-size: 13px;}