div#loginContaner{text-align: center; margin-bottom:50px;} div#loginContaner div.head{font-size: 30px; font-weight: bold;} div#loginContaner div.body{margin-top: 40px;} div#loginContaner div.err{} div#loginContaner input{box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); border: none; width: 200px; height: 50px; padding-right:20px;} div#loginContaner input[type="text"]{margin-left:50px;} div#loginContaner input[type="password"]{} div#loginContaner input[type=number]::-webkit-inner-spin-button, div#loginContaner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } div#loginContaner div.foot{margin-top:40px;} div#loginContaner div.foot button{width: 95px; height: 30px; color: #fff; background-color: #202557; border: none; border-radius: 4px;} div#loginContaner label{margin-left:5px;} #studentArea{} #studentArea .studentAreaWrapper{width:1500px; margin:0 auto;} #studentArea p{line-height:1.5em;} #studentArea a{color:#5d9cec; text-decoration:none;} #studentArea fieldset{margin:0; padding:0; border:none; display:block;} #studentArea legend{margin:0; padding:0; width:100%; display:block} #studentArea .waitingDiv{text-align:center;} #studentArea .hide{display:none;} #studentArea .waitingDiv .text{display:block; text-align:center;} #studentArea .loader{background:url(images/ajax-loader.gif); width:220px; height:19px; display:inline-block;} #studentArea em{} #studentArea .btn{display:inline-block; line-height:34px; background:#666; border-radius:3px; padding-left:10px; padding-right:10px; color:#fff; text-decoration:none; border:none; font-weight:normal; font-size:16px;} #studentArea .btn .fa{margin-left:5px;} #studentArea .btn:hover{background:#333;} #studentArea button.btn{line-height:normal; height:34px;} #studentArea .table{width:100%; border:1px solid #ccc;} #studentArea .table h1, #studentArea .table h2, #studentArea .table h3, #studentArea .table h4{margin:0; padding:0;} #studentArea .table th{border-bottom:1px solid #ccc; height:40px; background:rgba(204,204,204,0.2); padding-left:10px; padding-right:10px;} #studentArea .table tbody tr td{border-bottom:1px solid #ccc; padding:10px; background:#fff;} #studentArea .table tbody tr:last-child td{border-bottom:none;} #studentArea .table.table-striped tbody tr:nth-child(even) td{background:rgba(204,204,204,0.05);} #studentArea .table .thumb64{display:block; width:64px; height:64px; border-radius:50%; border:1px solid #ccc;} #studentArea .messageArea{position:absolute; width:100%; top:-78px; right:0;} #studentArea .messageArea .content{width:400px; margin:0 auto; padding:10px; border-radius:0 0 5px 5px; color:#fff;} #studentArea .messageArea .content.suc{background:#27c24c;} #studentArea .messageArea .content.err{background:#f05050;} #studentArea .parsley-errors-list{list-style:none; margin:0; padding:0;} #studentArea .parsley-errors-list li{list-style:none; margin:0; padding:0; color:#F00; text-align:right;} #studentArea h1.pageTitle{text-align:center; margin:0; padding:0; margin-bottom:50px;} #studentArea h2.pageTitle{text-align:center; margin:0; padding:0; margin-bottom:50px; position:relative;} #studentArea h2.pageTitle .btn{position:absolute; left:0;} #studentArea ul.files{margin:0; padding:0; list-style:none;} #studentArea ul.files li{line-height:40px;} #studentArea ul.files li a{padding-right: 7px; color: #1e1e1f; text-decoration:underline;} #studentArea .studentAreaHead{border-bottom:1px solid #CCC; margin-bottom:40px; padding-bottom:5px;} #studentArea .studentAreaHead .userInfo{float:right; line-height:34px;} #studentArea .studentAreaHead .buttons{float:left;} #studentArea .home .topContent .welcome{float:right; width:calc(100% - 625px); margin-bottom:50px;} #studentArea .home .topContent .welcome.wideWelcome{width:calc(100% - 400px);} #studentArea .home .topContent .rss{float:left; width:300px; border:1px solid #CCC; background:rgba(204,204,204,0.2);} #studentArea .home .topContent .rss .head{line-height:36px; border-bottom:1px solid #CCC; font-size:18px; padding-right:10px; padding-left:10px; background:rgba(204,204,204,0.3); font-weight:bold;} #studentArea .home .topContent .rss .body{padding:10px; height:250px; overflow:auto;} #studentArea .home .topContent .rss .body li{margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #CCC;} #studentArea .home .topContent .rss .body li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:0;} #studentArea .home .topContent .rss .body h3.title{padding:0; margin:0; font-size:16px;} #studentArea .home .topContent .rss .body .content{font-size:16px !important;} #studentArea .home .topContent .rss .body .date{font-size:14px;} #studentArea .home .topContent .rss.rssHomeWork{margin-left:15px;} #studentArea .home .topContent .rssHomeWork .body .content{margin-top:-20px;} #studentArea .home .latestData{text-align:center; background:rgba(204,204,204,0.2); padding-top:50px; padding-bottom:50px; border-top:1px solid #CCC; border-bottom:1px solid #CCC;} #studentArea .home .latestData .box{width:266px; border:1px solid #CCC; display:inline-block; text-align:right; margin-left:15px; margin-right:15px;} #studentArea .home .latestData .box .head{line-height:36px; border-bottom:1px solid #CCC; font-size:18px; padding-right:10px; padding-left:10px; background:rgba(204,204,204,0.3); font-weight:bold;} #studentArea .home .latestData .box .body{background:#fff; padding:10px; height:350px; overflow:auto;} #studentArea .home .latestData .box .body li.list{margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #CCC;} #studentArea .home .latestData .box .body li.list:last-child{margin-bottom:0; padding-bottom:0; border-bottom:none;} #studentArea .home .latestData .box .body a.link{display:block; color:#000;} #studentArea .home .latestData .box .body .right{float:right; width:20px;} #studentArea .home .latestData .box .body .left{float:right; width:calc(100% - 20px);} #studentArea .home .latestData .box .body .leftImage{float:right; width:calc(100% - 75px);} #studentArea .home .latestData .box .body .image{float:right; width:75px;} #studentArea .home .latestData .box .body .image img{width:65px !important; height:65px !important; display:block; border-radius:50%;} #studentArea .home .latestData .box .body .title{color:#5d9cec; font-weight:bold;} #studentArea .home .latestData .box .body .date{font-size:14px; color:#999;} #studentArea .home .latestData .box .body .desc p{margin:0; padding:0;} #studentArea .home .latestData .box .body .area{font-size:14px; color:#999;} #studentArea .home .areaList{padding-top:50px; padding-bottom:50px;} #studentArea .home .areaList h2.topTitle{margin:0; padding:0; text-align:center; border-bottom:1px solid #CCC; padding-bottom:10px; margin-bottom:50px;} #studentArea .home .areaList{} #studentArea .home .areaList ul{margin-right:25px;} #studentArea .home .areaList li.list{border:1px solid #CCC;} #studentArea .home .areaList li.list .image{display:block; width:100%;} #studentArea .home .areaList li.list h3.title{margin:0; padding:0; padding:10px; padding-bottom:0;} #studentArea .home .areaList li.list .update{font-size:14px; color:#CCC; padding-left:10px; padding-right:10px; padding-bottom:10px;} #studentArea .home .areaList li.list .desc{padding:10px; padding-top:0;} #studentArea .home .areaList li.list .counts{border-top:1px solid #CCC; border-bottom:1px solid #CCC; padding:10px;} #studentArea .home .areaList li.list .counts .num{float:right; width:33.3333333333333333%; border-left:1px solid #CCC; text-align:center;} #studentArea .home .areaList li.list .counts .num:last-child{border:none;} #studentArea .home .areaList li.list .foot{text-align:center; padding:5px;} #studentArea .settings .form{width:400px; margin:0 auto;} #studentArea .settings .field{margin-bottom:20px; text-align:center;} #studentArea .settings .field label{display:block; text-align:right; margin-bottom:5px;} #studentArea .settings .field input{display:block; text-align:right;width:100%; height:40px; padding-right:10px; border:1px solid #CCC;} #studentArea .settings .field input:required{border-right:1px solid #F00;} #studentArea .settings .field button{display:inline-block;} #studentArea .learningArea .studentAreaButtons{text-align:center; border-bottom:1px solid #CCC; padding-bottom:5px; margin-top:50px;} #studentArea .learningArea .activityList{background:rgba(204,204,204,0.2); padding-top:50px; padding-bottom:50px; border-bottom:1px solid #CCC;} #studentArea .learningArea .activityList li.list{background:#fff; border:1px solid #CCC;} #studentArea .learningArea .activityList li.list .image{display:block; width:100%;} #studentArea .learningArea .activityList li.list h3.title{margin:0; padding:0; padding:10px; padding-bottom:0;} #studentArea .learningArea .activityList li.list .date{font-size:14px; padding-left:10px; padding-right:10px;} #studentArea .learningArea .activityList li.list .update{font-size:14px; color:#CCC; padding-left:10px; padding-right:10px; padding-bottom:10px;} #studentArea .learningArea .activityList li.list .desc{padding:10px; padding-top:0;} #studentArea .learningArea .activityList li.list .grade{padding-left:10px; padding-right:10px; color:#090; } #studentArea .learningArea .activityList li.list .foot{text-align:center; padding:5px; border-top:1px solid #CCC;} #studentArea .learningArea .discussionList{padding-top:50px; padding-bottom:50px; border-bottom:1px solid #CCC;} #studentArea .learningArea .updatesList{background:rgba(204,204,204,0.2); padding-top:50px; padding-bottom:50px;} #studentArea .learningArea .formList{padding-top:15px;} #studentArea .activity .grade{position:absolute; right:0; top:-40px; background:#0C0; line-height:40px; padding-left:10px; padding-right:10px; font-size:16px; font-weight:normal; color:#fff;} #studentArea .activity .info{margin-bottom:50px; display:block;} #studentArea .activity fieldset{} #studentArea .activity legend{text-align:center; font-weight:bold; font-size:20px; margin-bottom:20px;} #studentArea .activity .field{margin-bottom:20px;} #studentArea .activity .field label{display:block; margin-bottom:5px;} #studentArea .activity .field input, #studentArea .activity .field select{display:block; width:100%; height:40px; padding-right:10px; border:1px solid #ccc; background:#fff;} #studentArea .activity .field .a{display:block;} #studentArea .activity .field .row{margin-bottom:10px;} #studentArea .activity .field .row:last-child{margin-bottom:0;} #studentArea .activity .answer{background:rgba(204,204,204,0.2); border-top:1px solid #ccc; padding-top:50px; padding-bottom:30px; margin-top:50px; padding-right:25px; padding-left:25px;} #studentArea .activity .field.submit{text-align:center;} #studentArea .activity span.num{float:right; font-weight:bold; margin-left:5px;} #studentArea .activity .americanAnswersList label{display:inline-block;} #studentArea .activity .americanAnswersList input[type="radio"]{width:20px; height:20px;} #studentArea .activity .americanAnswersList label p{margin:8px;} #studentArea .activity .americanAnswersList .questionText p{margin:0; margin-top:20px; margin-bottom:5px;} #studentArea .activity .americanAnswersList{border-bottom:2px dashed #fff;} #studentArea .activity .americanAnswersList:last-child{border-bottom:none;} #studentArea .newDiscussionContaner{margin-bottom:50px;} #studentArea .newDiscussionContaner .field{margin-bottom:20px;} #studentArea .newDiscussionContaner .field.submit{text-align:center;} #studentArea .newDiscussionContaner .field label{display:block; margin-bottom:5px;} #studentArea .newDiscussionContaner legend{font-weight:bold; margin-bottom:20px; text-align:center; border-bottom:1px solid #ccc; padding-bottom:5px;} #studentArea .newDiscussionContaner .field input{display:block; width:100%; height:40px; border:1px solid #ccc;} #studentArea .newDiscussionContaner .field input:required{border-right:1px solid #F00;} #studentArea .discussion{} #studentArea .discussion .panel{margin-bottom:30px;} #studentArea .discussion .commentRow{margin-bottom:50px;} #studentArea .discussion label.control-label{font-weight:bold; margin-top:20px; margin-bottom:10px; display:block;} #studentArea .discussion .buttons{margin-top:20px;} #studentArea .eventList{padding-top:50px; padding-bottom:50px;} #studentArea .galleryList{padding-top:50px; padding-bottom:50px; background:rgba(204,204,204,0.2);} #studentArea .galleryList li.list-none{float:right; width:20%; margin-left:20px; margin-right:20px; margin-bottom:20px;} #studentArea .galleryList li.list-none a{display:block;} #studentArea .galleryList li.list-none a .image{height:200px; background:no-repeat center; background-size:cover;} #studentArea .galleryList li.list-none a .title{} #studentArea .contactsList{padding-bottom:50px;} #studentArea .schedule *{margin:0 auto; max-width:100% !important;} #studentArea .schedule{padding-bottom:20px;} #studentArea .mailbox{margin-bottom:50px;} #studentArea .mailbox .buttons{margin-top:20px; text-align:center;} #studentArea .mailbox .correspondenceList{padding-top:50px;} #studentArea .mailbox .correspondenceList tr.parent{cursor:pointer;} #studentArea .btn .unRead{background-color: #900; border-radius: 50%; width: 23px; height: 23px; display: inline-block; line-height: 24px; text-align:center;} #studentArea .mailbox .replyMess{margin-top:25px;} #studentArea .mailbox .originalMess{padding: 0px 15px; margin-top:5px;} #studentArea .mailbox .mailBoxReply{padding: 15px; margin-top: 10px; margin-right: 25px;} #studentArea .mailbox .replyMessWrapper{background-color: rgba(204,204,204,0.05); border: 1px solid #ccc; padding: 5px; margin-bottom:10px;} #studentArea .mailbox .bgBorder{background-color: #fff; border: 1px solid #ccc;} @media only screen and (max-width: 1500px) { #studentArea .studentAreaWrapper{width:100%;} } @media only screen and (max-width: 500px) { #studentArea .studentAreaHead .studentAreaWrapper{padding-left:15px; padding-right:15px;} #studentArea .studentAreaHead .userInfo{float:none;} #studentArea .studentAreaHead .buttons{float:none;} #studentArea .studentAreaHead .buttons .btn {font-size:12px; margin-top:5px;} #studentArea .home .topContent .welcome{float:none; width:100%;} #studentArea .home .topContent .rss{float:none; width:100%; margin-bottom:30px;} #studentArea .home .topContent{padding-left:15px; padding-right:15px;} #studentArea .home .latestData .box{margin-bottom:30px; width:100%; margin-left:0; margin-right:0;} #studentArea .home .areaList li.list{left:-30px !important;} #studentArea .home .latestData .studentAreaWrapper{padding-left:15px; padding-right:15px;} .js .grid li{display:block !important; float:none !important; width:100%;} #studentArea .home .areaList{padding-left:15px; padding-right:15px; padding-top:0;} #studentArea .home .areaList ul{margin:0;} .js .grid li img, .js .grid li h3{visibility:visible !important;} #studentArea h1.pageTitle{font-size:24px; padding-left:15px; padding-right:15px;} #studentArea .fullText{padding-left:15px; padding-right:15px;} #studentArea .activityInnerList{padding-left:15px; padding-right:15px;} #studentArea h2.pageTitle .btn em{display:none;} #studentArea .table, #studentArea .table thead, #studentArea .table tbody, #studentArea .table tr, #studentArea .table td, #studentArea .table th{display:block; width:100% !important;} #studentArea .discussionList .studentAreaWrapper{padding-left:15px; padding-right:15px;} #studentArea .learningArea .updatesList .studentAreaWrapper{padding-left:15px; padding-right:15px;} #studentArea .activity h1.pageTitle{padding-left:15px; padding-right:15px;} #studentArea .activity .info{padding-left:15px; padding-right:15px;} #studentArea .activity .answer .studentAreaWrapper{padding-left:15px; padding-right:15px;} }