@charset "UTF-8";

/* ---------------------------------------------------
 form common
--------------------------------------------------- */
form {
    font-size: 15px;
}

label {
    cursor: pointer;
}

/* ----------------------------------------
 title
---------------------------------------- */
.pageTitle {
    font-size: 25px;
    color: #007AC6;
    border-bottom: 1px solid #007AC6;
    padding-bottom: 20px;
    margin-bottom: 30px;
    margin-top: 30px;
    font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

/* --- media 700px以下 --- */
@media (max-width: 700px) {
    .pageTitle {
        font-size: 20px;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }
}/* --- media 700px以下 --- */

.pageSubTitle {
    font-size: 18px;
    color: #007AC6;
    margin-bottom: 20px;
}

/* ----------------------------------------
 form area
---------------------------------------- */
input[type="tel"],
input[type="text"],
input[type="password"] {
    -webkit-appearance:none;
    border: 1px solid #CCC;
    padding: 10px;
    box-sizing: border-box;
}

.pulldown {
    outline:none;
    border-radius: 0;
    font-size: 15px;
    height: 40px;
    min-width: 100px;
}

.courseArea {
    padding: 40px;
    margin-bottom: 20px;
    font-size: 15px;
}
@media (max-width: 700px) {
    .courseArea {
        padding: 20px;
        margin-bottom: 20px;
    }
    .order > ul:first-child {
        margin-bottom: 0;
    }
}

.courseItem {
    margin-bottom: 20px;
}

.courseItem input[type="tel"],
.courseItem input[type="text"],
.courseItem input[type="password"] {
    height: 40px;
    width: 225px;
    font-size: 15px;
}
@media (max-width: 700px) {
    .courseItem input[type="tel"],
    .courseItem input[type="text"],
    .courseItem input[type="password"] {
        width: 100%!important;
    }
}

.courseItem input.address {
    width: 455px;
}

.member .courseItem input.address {
    width: 500px;
}
@media (max-width: 700px) {
    .member .courseItem input.address {
        width: 100%;
    }
}

.courseItem p {
    font-size: 15px;
    display: inline-block;
    width: 200px;
    text-align: right;
    margin-right: 20px;
}

.member .courseItem p {
    width: 180px;
}
@media (max-width: 700px) {
    .courseItem p {
        width: 100%;
        text-align: left;
        margin-bottom: 5px;
        font-weight: bold;
    }
}

.basicMl {
    margin-left: 173px;
}

.formArea {
    width: 570px;
    margin: 0 auto;
    color: #333;
}

.formArea dt {
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 5px;
}

.questionnaire .formArea dt:not(:first-child) {
    margin-top: 30px;
}

.formArea dt span {
    font-size: 14px;
    font-weight: normal;
}

.formArea dd input[type="tel"],
.formArea dd input[type="text"],
.formArea dd textarea {
    width: 100%;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', Osaka, 'メイリオ',Meiryo, 'ＭＳ Ｐゴシック','MS PGothic', sans-serif;
    font-size: 15px;
    color: #333;
    border: 1px solid #999;
    padding: 8px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline:none;
    border-radius: 0;
    -webkit-appearance: none;
}

.formArea dd textarea {
    resize: vertical;
    line-height: 1.4;
}

.checkList {
    display: inline-block;
}

.checkList li {
}

.checkList li {
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    margin-top: 5px;
    margin-bottom: 10px;
    position: relative;
    padding-left: 16px;
}

.checkList li input {
    cursor: pointer;
    height: 15px;
    position: absolute;
    top: 14%;
    left: 0;
}

.checkList li.other {
    display: block;
}

.formArea dd .checkList li.other input[type="tel"],
.formArea dd .checkList li.other input[type="text"] {
    width: 350px;
    margin-left: 15px;
}

.questionnaire .formArea dd .note {
    font-size: 13px;
    margin-bottom: 5px;
}

/* --- media 700px以下 --- */
@media (max-width: 700px) {
    .formArea {
        width: auto;
        margin: 0 auto;
    }

    .formArea dt {
        font-size: 14px;
        margin-top: 15px;
        margin-bottom: 3px;
    }

    .formArea dt span {
        font-size: 12px;
        /*display: block;*/
    }

    .formArea dd input[type="tel"],
    .formArea dd input[type="text"],
    .formArea dd textarea {
        font-size: 13px;
        padding: 7px;
    }

    .formArea dd select {
        font-size: 14px;
        height: 36px;
    }

    .formArea dd .checkList li {
        font-size: 14px;
    }

    .questionnaire .formArea dd .checkList li {
        margin-top: 5px;
        margin-bottom: 5px;
        margin-right: 0;
        min-width: 48%;
    }

    .formArea dd .checkList li.other input[type="tel"],
    .formArea dd .checkList li.other input[type="text"] {
        width: 200px;
        /* margin-left: 10px; */
    }

    .questionnaire .formArea dd .note {
        font-size: 12px;
        margin-top: 10px;
    }
}/* --- media 700px以下 --- */

.bigTxtArea {
    width: 100%;
    height: 250px;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #CCC;
    font-size: 15px;
}

.smallTxtArea {
    width: 100px!important;
}

.again {
    font-size: 15px;
}

.again input {
    margin-right: 5px;
    font-size: 20px;
}

.kiyaku {
    text-align: center;
}

.kiyaku a {
    text-decoration: underline;
}

.agree {
    margin-top: 10px;
    font-weight: bold;
}

.agree input {
    margin-right: 5px;
    font-size: 20px;
}

.longData {
    margin-left: 225px;
}
@media (max-width: 700px) {
    .longData {
        margin-left: 0;
    }
}

/* ----------------------------------------
 button
---------------------------------------- */
.btnGreySub {
    display: inline-block;
    background: #999;
    padding: 10px;
    color: #FFF;
}

.addressSearch {
    margin-left: 10px;
}
@media (max-width: 700px) {
    .addressSearch {
        margin-left: 0;
        margin-top: 5px;
    }
}

.btnYellow {
    display: inline-block;
    background: #FFF300;
    min-width: 200px;
    padding: 15px 30px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    border-radius: 10px;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
}

.btnYellow:hover {
    text-decoration: none;
    background: #FFFB93;
}

.btnYellowOff {
    display: inline-block;
    background: #FFFB93;
    color: #AAA;
    cursor: default;
    min-width: 200px;
    padding: 15px 30px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    border-radius: 10px;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
}

.btnYellowOff:hover {
    text-decoration: none;
}

.btnGrey {
    display: inline-block;
    background: #BBB;
    min-width: 200px;
    padding: 15px 30px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    border-radius: 10px;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
}

.btnGrey:hover {
    text-decoration: none;
    background: #CCC;
}

.btnAreaBottom {
    margin-top: 30px;
    text-align: center;
}

.btnAreaBottom li {
    display: inline-block;
    margin-right: 15px;
}
@media (max-width: 700px) {
    .btnAreaBottom li {
        margin-right: 0;
    }
    .btnAreaBottom li:last-child {
        margin-top: 10px;
    }
}

.formBtn {
    text-align: center;
    margin-top: 50px;
}

.formBtn p,
.formBtn li {
    display: inline-block;
    min-width: 220px;	/* 仮 */
    height: 60px;
    line-height: 60px;
    font-size: 18px;
}

.formBtn li {
    margin: 0 20px;
}

.formBtn a {
    display: block;
    background: #FFA9B3;
    color: #FFF;
    border-radius: 30px;
    padding: 0 50px;
}

.formBtn a:hover {
    text-decoration: none;
    background: #FF8F9C;
}

.formBtn .back a {
    background: #B2B2B2;
}

.formBtn .back a:hover {
    background: #999;
}

/* --- media 700px以下 --- */
@media (max-width: 700px) {
    .formBtn {
        margin-top: 30px;
    }

    .formBtn p,
    .formBtn li {
        min-width: 70%;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
    }

    .formBtn li {
        margin: 0 10px;
        min-width: calc(50% - 20px);
    }

    .formBtn a {
        border-radius: 20px;
        padding: 0 20px;
    }
}/* --- media 700px以下 --- */

.compTxt {
    font-size: 18px;
    text-align: center;
    margin: 60px 0;
}

.double {
    width: 550px;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 700px) {
    .double {
        width: auto;
        margin-left: 0;
        margin-right: 0;
    }
}

.double li:first-child {
    float: right;
    display: block;
}
@media (max-width: 700px) {
    .double li:first-child {
        float: none;
    }
}

.double li:last-child {
    float: left;
    display: block;
}
@media (max-width: 700px) {

    .double li:last-child {
        float: none;
    }
}



/* ---------------------------------------------------
 index requirement
--------------------------------------------------- */
.requirement dl {
    border-bottom: 1px dashed #E1D8D4;
    font-size: 14px;
    line-height: 1.6;
    overflow: hidden;
}

.requirement dl dt {
    float: left;
    width: 150px;
    font-weight: bold;
    padding: 25px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.requirement dl dd {
    overflow: hidden;
    padding: 25px 10px;
}

.requirement dl:first-child dt,
.requirement dl:first-child dd {
    padding-top: 0;
}

.requirement dl dd .note li:not(:first-child) {
    margin-top: 3px;
}

/* --- media 700px以下 --- */
@media (max-width: 700px) {
    .requirement dl {
        font-size: 13px;
        padding: 10px;
    }

    .requirement dl:first-child {
        padding-top: 0;
    }

    .requirement dl dt {
        float: none;
        width: auto;
        padding: 0;
        font-size: 14px;
        margin-bottom: 3px;
    }

    .requirement dl dd {
        padding: 0;
    }
}/* --- media 700px以下 --- */

.layoutBlock {
    overflow: hidden;
    margin-right: -10px;
}
@media (max-width: 700px) {
    .layoutBlock {
        overflow: inherit;
        margin-right: 0;
    }
}

.layoutBlock > li {
    float: left;
    width: 349px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 3px solid #CCC;
}
@media (max-width: 700px) {
    .layoutBlock > li {
        float: none;
        width: auto;
        margin-right: 0;
    }
}

.layoutBlock .day {
    background: #FFF;
    padding: 10px 20px;
}

@media (max-width: 700px) {
    .layoutBlock .day span {
        display: inline-block;
    }
    .layoutBlock .number span {
        display: inline-block;
    }
}

.layoutBlock .number a {
    text-decoration: underline;
}

.layoutBlock .number a:hover {
    text-decoration: none;
}

.layoutBlock li > div {
    padding: 10px 20px;
}
@media (max-width: 700px) {
    .layoutBlock li > div {
        padding: 10px;
    }
}

.layoutBlock .detail {
    margin-top: 10px;
    min-height: 80px;
    margin-right: -10px;
}
@media (max-width: 700px) {
    .layoutBlock .detail {
        min-height: 0;
    }
}

.layoutBlock .detail p {
    position: relative;
    padding-left: 87px;
}
@media (max-width: 700px) {
    .layoutBlock .detail p {
        padding-left: 92px;
    }
}

.layoutBlock .single .detail p {
    padding-left: 104px;
}

.layoutBlock .detail span:first-child {
    position: absolute;
    top: 0;
    left: 0;
}
.layoutBlock .detail .detailValue {
    display: inline-block;
    padding-left: 1em;
    text-indent: -1em;
}

.mypageNavi {
    width: 780px;
    margin: 0 auto 30px;
}
@media (max-width: 700px) {
    .mypageNavi {
        width: auto;
        margin: 0 0 20px;
    }
    .mypageNavi ul {
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid #CCC;
        border-left: 1px solid #CCC;
    }
}

.mypageNavi li {
    float: left;
}
@media (max-width: 700px) {
    .mypageNavi li {
        float: none;
        box-sizing: border-box;
        width: 50%;
        border: 1px solid #CCC;
        border-bottom: none;
        border-left: none;
    }
}

.mypageNavi li:last-child {
    border-right: 1px solid #CCC;
}

.mypageNavi li a {
    display: block;
    border: 1px solid #CCC;
    border-right: none;
    padding: 10px 15px 10px 25px;
    font-size: 12px;
    background: url("../images/header_arrow02.png") 18px center no-repeat;
}
@media (max-width: 700px) {
    .mypageNavi li a {
        border: none;
    }
}

.editBtnArea li {
    display: inline-block;
}

.editBtnArea {
    text-align: center;
    margin-top: 10px;
}

.editBtnArea li .btnYellow,
.editBtnArea li .btnGrey {
    font-size: 15px;
    min-width: 80px;
    padding: 10px;
}

.courseItem p.longname {
    width: 190px;
}

/* ---------------------------------------------------
 input error
--------------------------------------------------- */
.errorMessage {
    background: #FFECEC url("../images/form_icon_error.png") 15px center no-repeat;
    border: 1px solid #FF0033;
    color: #FF0033;
    font-size: 18px;
    line-height: 1.3;
    padding: 14px 45px;
    margin-bottom: 40px;
}
@media (max-width: 700px) {
    .errorMessage {
        padding: 14px 14px 14px 45px;
        margin-bottom: 20px;
    }
}

.error {
    background: #FFECEC;
}

/* --- media 700px以下 --- */
@media (max-width: 700px) {
    #input .errorMessage {
        background: #FFECEC url("https://hokan.pony-cl.co.jp/common/hokan/images/form_icon_error_sp.png") 10px 10px no-repeat;
        -webkit-background-size: 24px auto;
        background-size: 24px auto;
        border-width: 2px;
        font-size: 15px;
        line-height: 1.4;
        padding: 10px 10px 10px 40px;
        margin-bottom: 20px;
    }
}/* --- media 700px以下 --- */

.detailTable,
.detailTable2,
.detailTable3 {
    width: 100%;
    border-left: 1px solid #CCC;
    border-top: 1px solid #CCC;
}

.detailTable th,
.detailTable2 th {
    background: #FFF;
    padding: 5px;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.detailTable3 th {
    background: #FFF;
    padding: 5px;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    text-align: left;
}

.detailTable td,
.detailTable2 td,
.detailTable3 td {
    padding: 5px;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.detailTable td:first-child,
.detailTable2 td:first-child {
    width: 70%;
}

.detailTable3 td:first-child {
    width: 30%;
}

.detailTable td:last-child,
.detailTable2 td:last-child {
    text-align: right;
}


.dotted-r {
    border-right: 1px dotted #CCC!important;
}


/* ---------------------------------------------------
 confirm
--------------------------------------------------- */
#confirm .formArea dt {
    margin-top: 15px;
}

#confirm .formArea dt:first-child {
    margin-top: 20px;
}

#confirm .formArea dd {
    font-size: 15px;
    /* border-bottom: 1px dotted #CCC; */
    border-bottom: 1px dashed #E1D8D4;
    padding-bottom: 15px;
}

/* --- media 700px以下 --- */
@media (max-width: 700px) {
    #confirm .formArea {
        padding: 0 10px;
    }

    #confirm .formArea dt {
        margin-top: 10px;
    }

    #confirm .formArea dt:first-child {
        margin-top: 15px;
    }

    #confirm .formArea dd {
        font-size: 13px;
        padding-bottom: 10px;
    }
}/* --- media 700px以下 --- */

.single {
    width: 100%!important;
    border-right: 3px solid #CCC!important;
    box-sizing: border-box;
}


/* ---------------------------------------------------
 complete
--------------------------------------------------- */
#complete #contentsHeader .pageTitle {
    margin-bottom: 40px;
}

#complete .completeText {
    text-align: center;
    font-size: 16px;
    margin-top: 50px;
}

/* --- media 700px以下 --- */
@media (max-width: 700px) {
    #complete #contentsHeader .pageTitle {
        margin-bottom: 20px;
    }

    #complete .completeText {
        font-size: 14px;
        margin-top: 30px;
    }
}/* --- media 700px以下 --- */



.help-block {
    display: block;
    margin-left: 200px;
    margin-top: 5px;
    color: #F00;
}

.note-block {
    display: block;
    margin-left: 226px;
    margin-top: 5px;
    font-size: 13px;
}

.note-block2 {
    display: block;
    margin-left: 215px;
    margin-top: 5px;
    font-size: 13px;
}

.block1 {
    display: inline-block;
    margin-top: 5px;
    color: #F00;
    width: 250px;
    min-height: 10px;
    float: left;
    margin-left: 0!important;
}
.block2 {
    display: inline-block;
    margin-left: 0;
    margin-top: 5px;
    color: #F00;
    width: 263px;
    float: right;
}
@media (max-width: 700px) {
    .block1 {
        width: auto;
        float: none;
    }
    .block2 {
        width: auto;
        float: none;
    }
    .help-block,
    .note-block,
    .block1 {
        margin-left: 0;
    }
}

.courseItemBox,
.exist_address {
    margin-left: 200px;
}
@media (max-width: 700px) {
    .courseItemBox,
    .exist_address {
        margin-left: 0;
    }
}

@media print {
    .btnAreaBottom,
    #footer
    {
        display: none;
    }
    html, body {
        height: auto;
    }
}


.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;list-style:none;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.428571429;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{color:#fff;text-decoration:none;background-color:#428bca}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;background-color:#428bca;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#999}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.428571429;color:#999}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0 dotted;border-bottom:4px solid #000;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@media(min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}}
.dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}
@media(max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media(min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}@media(min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1)}@media(min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;padding-left:0;margin-top:0;margin-bottom:0}.navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"]{float:none;margin-left:0}}@media(max-width:767px){.navbar-form .form-group{margin-bottom:5px}}@media(min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-nav.pull-right>li>.dropdown-menu,.navbar-nav>li>.dropdown-menu.pull-right{right:0;left:auto}
@media(max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}
@media(max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#999}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}
.bootstrap-datetimepicker-widget table th.prev::after{ color:#777; position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Previous Month"}.bootstrap-datetimepicker-widget table th.next::after{position:absolute; color:#777; width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Next Month"}




.bootstrap-datetimepicker-widget{list-style:none}.bootstrap-datetimepicker-widget.dropdown-menu{margin:2px 0;padding:4px;width:19em}@media (min-width:768px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:992px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:1200px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{content:'';display:inline-block;position:absolute}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);top:-7px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;top:-6px;left:8px}.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget .list-unstyled{margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:bold;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Hours"}.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Hours"}.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Hours"}.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle AM/PM"}.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Clear the picker"}.bootstrap-datetimepicker-widget .btn[data-action="today"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Set the date to today"}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget .picker-switch::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle Date and Time Screens"}.bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit}.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;height:2.5em;width:100%}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table th.picker-switch{width:145px}.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table th.prev::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Previous Month"}.bootstrap-datetimepicker-widget table th.next::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Next Month"}.bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:#eee}.bootstrap-datetimepicker-widget table td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget table td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new{color:#777}.bootstrap-datetimepicker-widget table td.today{position:relative}.bootstrap-datetimepicker-widget table td.today:before{content:'';display:inline-block;border:solid transparent;border-width:0 0 7px 7px;border-bottom-color:#337ab7;border-top-color:rgba(0,0,0,0.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget table td span:hover{background:#eee}.bootstrap-datetimepicker-widget table td span.active{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td span.old{color:#777}.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px}.bootstrap-datetimepicker-widget.wider{width:21em}.bootstrap-datetimepicker-widget .datepicker-decades .decade{line-height:1.8em !important}.input-group.date .input-group-addon{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}
.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}
@media screen and (min-width:768px){.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px}}

.glyphicon-chevron-left:before{font-family: 'FontAwesome'; content:"\f104"}
.glyphicon-chevron-right:before{font-family: 'FontAwesome'; content: "\f105";}
.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;left:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-caption .btn{text-shadow:none}

.courseArea .noteTable {
    font-size: 13px;
    margin: 10px 0;
}

.courseArea .noteTable th,
.courseArea .noteTable td {
    padding: 3px 5px;
    vertical-align: middle;
}
.newMessage {
    font-size: 1.3em;
    font-weight: bold;
    margin-top: 0px;
    margin-left: 20px;
}
.tab {

}

.tab li {
    display: inline-block;
    margin-right: 2px;
    border: 2px solid #eee;
    border-radius: 10px 10px 0 0 / 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
}

.tab li a {
    display: inline-block;
    padding: 10px 20px;
    text-align: center;
}

.tab .current {
    background: #eee;
}




select {
    max-width: 100%;
}
.marquee {
    width:100%;
    /* padding:0.5em 0; */
    overflow:hidden;
    background-color:#f6f6f6;
    margin-bottom:10px;
    position:relative;
}
.marquee p:after {
    content:"";
    white-space:nowrap;
    padding-right:50px;
}
.marquee p {
    margin:0;
    padding: 0.5em 0;
    padding-left:100%;
    display:inline-block;
    white-space:nowrap;
    -webkit-animation-name:marquee;
    -webkit-animation-timing-function:linear;
    -webkit-animation-duration:10s;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-name:marquee;
    -moz-animation-timing-function:linear;
    -moz-animation-duration:10s;
    -moz-animation-iteration-count:infinite;
    -ms-animation-name:marquee;
    -ms-animation-timing-function:linear;
    -ms-animation-duration:10s;
    -ms-animation-iteration-count:infinite;
    -o-animation-name:marquee;
    -o-animation-timing-function:linear;
    -o-animation-duration:10s;
    -o-animation-iteration-count:infinite;
    animation-name:marquee;
    animation-timing-function:linear;
    animation-duration:10s;
    animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
    from   { -webkit-transform: translate(0%);}
    99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
    from   { -moz-transform: translate(0%);}
    99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
    from   { -ms-transform: translate(0%);}
    99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
    from   { -o-transform: translate(0%);}
    99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
    from   { transform: translate(0%);}
    99%,to { transform: translate(-100%);}
}