@font-face{

    font-family: 'Fontfabric---Mont-SemiBold';

    src: url("{{asset('fonts/Fontfabric---Mont-SemiBold.otf')}}") format('opentype');

}

@font-face{

    font-family: 'Fontfabric---Mont-Regular';

    src: url('../fonts/Fontfabric---Mont-Regular.otf') format('opentype');

}

@font-face{

    font-family: 'Fontfabric---Mont-Light';

    src: url('../fonts/Fontfabric---Mont-Light.otf') format('opentype');

}

@font-face{

    font-family: 'Fontfabric---Mont-Bold';

    src: url('../fonts/Fontfabric---Mont-Bold.otf') format('opentype');

}

@font-face{

    font-family: 'Circular Air-Light';

    src: url('../fonts/Circular Air-Light.ttf') format('truetype');

}

@font-face{

    font-family: 'Circular Air-Medium';

    src: url('../fonts/Circular Air-Medium.ttf') format('truetype');

}

@font-face{

    font-family: 'CircularStd-Book';

    src: url('../fonts/CircularStd-Book.otf') format('opentype');

}

@font-face{

    font-family: 'CircularStd-Medium';

    src: url('../fonts/CircularStd-Medium.otf') format('opentype');

}

@font-face{

    font-family: 'ChaletNewYorkNineteenEighty';

    src: url('../fonts/ChaletNewYorkNineteenEighty.ttf') format('truetype');

}

body {

    background-color: #faf4f3 !important;

}

a {

    text-decoration:none !important;

}

.dashboard-cols-row {

    margin-left: 10px;

    margin-right: 10px;

}

.accordion span .fa-angle-down {

    position: absolute;

    bottom: 5px;

    right: 0;

    left: 0px;

    margin: 0 auto;

    font-size: 30px;

    font-weight: 900;

}



.notification-count{

    background: red;

    position: absolute;

    top: 10px;

    color: white;

    line-height: 0px;

    border-radius: 16px;

    min-width: 20px;

    min-height: 20px;

    text-align: center;

    padding-top: 10px;

    right: 5px;

    font-size: 15px;

}



/*Header Notification styling start*/



.messages-notifications-main {

    border: none;

}

.messages-notifications-main h2 {

    color: #284366;

    margin: 0;

    padding: 10px 15px 10px;

    font-size: 18px;

}

.msg-ntfctn-main a {

    padding: 0 !important;

}

.msg-ntfctn-img {

    display: inline-block;

    position: relative;

    vertical-align: top;

    width: 38px;

}

.msg-ntfctn-img img {

    border-radius: 50%;

    width:100%;

}

.msg-ntfctn-img span {

    position: absolute;

    right: -4px;

    bottom: -3px;

}

.msg-ntfctn-cont h3 {

    margin: 0;

    font-size: 14px;

    font-family: 'Fontfabric---Mont-Light';

    color: #28435b;

    font-weight: bold;

    float: left;

}

.msg-ntfctn-cont h5 {

    font-family: 'Fontfabric---Mont-Light';

    color: #28435b;

    margin: 0;

    font-style: italic;

    float: right;

    margin-right: -15px;

}



.msg-ntfctn-cont p{

    font-family: 'Fontfabric---Mont-Light';

    color: #28435b;

    margin-top: 5px;

    display: inline-block;

    width: 100%;

}



.msg-ntfctn-cont {

    display: inline-block;

    vertical-align: middle;

    position: relative;

    left: 5px;

    width: 80%;

}

.msg-ntfctn-right-cont {

    float: right;

}

.msg-ntfctn-right-cont a i {

    font-size: 18px !important;

    color: #53697c !important;

    font-weight: 600 !important;

}

.messages-notifications-main h4 a {

    display: block;

    text-align: center;

    font-size: 14px;

    text-transform: uppercase;

    padding: 8px 0px 0px;

    min-height: auto;

}

.msg-ntfctn-main {

    display: inline-block;

    width: 100%;

    background-color: #f6f7f8;

    padding: 12px;

}

.messages-notifications-main a {

    padding: 0 !important;

}

.messages-notifications-main h4 {

    margin-top: 14px;

}

.messages-notifications-main li {

    border-bottom: 1px solid lightgray;

}

.notification-bell img {

    width: auto;

}

.notification-bell {

    width: auto;

    vertical-align: middle;

}

.notification-cont-main .msg-ntfctn-cont h3, .notification-cont-main .msg-ntfctn-cont h5 {

    float: none;

    margin-top: 5px;

}



/*Header Notification styling end*/



.profile-picture-updated {

    background-image: url('../images/profile-picture-updated.png');

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    display: inline-block;

    padding: 15px;

}



.frgt-pswrd{

    display: inline-block;

    margin-top: 10px;

    font-weight: bold;

    text-decoration: underline !important;

}



.qstion-ctgry-dscrptn h4 {

    color: #53697c !important;

}

.qstion-ctgry-dscrptn {

    margin-bottom: 20px !important;

    background-color: #f7d1cb !important;

}



#view-prof-frm p {

    width: 48%;

    display: inline-block;

    vertical-align: top;

    margin-right: 21px;

}



#view-prof-frm p label {

    font-weight: 600;

    margin-bottom: 0;

}



#view-prof-frm p input {

    border: 0;

    box-shadow: none;

    border-bottom: 1px solid lightgray;

    padding-left: 0;

    color: #928f8f;

    border-radius: 0;

    font-size: 16px;

}



.btn.btn-secondary {

    color: #fff;

    background-color: #6c757d;

    border-color: #6c757d;

}



.chapter_heading{

    margin-top: 10px !important;

    margin-bottom: 10px !important;

}



.hidden-divs{

    display: none;

  }



.vdeo-chptr {

    display: block;

    margin: 5px !important;

    font-weight: 900;

}



.accordion p {

    margin-left: 0px;

    display: inline-block;

    /*width: 75%;*/

    vertical-align: top;

    text-align: justify;

    margin-right: 5px;

}

.accordion div {

    text-align: right;

    display: inline-block;

}



/*Result Page start*/



.view_mcq_rslt-exm_name {

    background-color: #28435b;

    border-radius: 6px;

    padding: 17px 20px 14px;

    box-shadow: 0px 4px 7px 1px #f6f6f6;

    margin-bottom: 35px;

}

.view_mcq_rslt-exm_name h4 {

    padding: 0 !important;

    color: #fff !important;

    margin: 0 !important;

    border: none !important;

    font-family: 'CircularStd-Medium' !important;

}

.view_mcq_rslt_answrs_cont {

    margin: 0 !important;

    padding: 0 !important;

    border: none !important;

    margin-top: 5px !important;

}

.detail1-page-title .view_mcq_rslt_answrs_title {

    margin: 0 !important;

    padding: 0 !important;

    border: none !important;

    text-transform: uppercase;

    color: #383838 !important;

    font-family: 'CircularStd-Medium' !important;

    font-size: 15px !important;

    position: relative;

}

.view_mcq_rslt_answrs_bx_main {

    border: 1px solid #cacaca;

    border-radius: 6px;

    padding: 22px 16px;

    margin-right: 10px;

    box-shadow: 0px 5px 5px 1px #f6f6f6;

    margin-bottom: 16px

}

.view_mcq_rslt_answrs_bx_main .detail1-page-form-icon {

    position: absolute;

    right: 0;

    top: -5px;

    transform: scale(0.9);

}

.detail1-page-title .prcntage-txt-heading {

    color: #373737 !important;

    font-family: 'CircularStd-Medium' !important;

    font-size: 20px !important;

}

.view_mcq_rslt_answrs_prcntge-main {

    text-align: left;

}

.detail1-page-title .prcntage-txt-heading {

    color: #373737 !important;

    font-family: 'CircularStd-Medium' !important;

    font-size: 20px !important;

    text-align: left;

    display: inline-block;

    vertical-align: top;

}

.view_mcq_rslt_answrs_prcntge-main h3 {

    font-family: 'CircularStd-Medium';

    min-width: 155px !important;

    min-height: 155px !important;

    padding-top: 54px !important;

    font-size: 35px !important;

    border: 6px solid #f7d1cb !important;

    box-shadow: none !important;

}

/*Result Page end*/



/*Active Sidebar link styling start*/



#side-menu .dashboard-txt a.active {

    background-color: #db3042;

    color: #fff;

    background-position: 14px 16px;

}

#side-menu .dashboard-txt.active > a {

    background-color: #db3042;

    color: #fff;

    background-position: 13px 17px;

}

.dashboard-txt .nav-second-level li {

    padding-left: 0 !important;

}

#side-menu .dashboard-txt.active ul li a.active {

    background-color: #db3042 !important;

    color: #fff;

}

#side-menu .dashboard-txt .nav-second-level li a {

    padding-top: 10px !important;

    padding-bottom: 10px !important;

    font-weight: 600;

    padding-left:55px !important;

}



/*Active Sidebar link styling end*/



#essay_paragraph_preview {

    border: 1px solid black;

    padding: 6px;

    background: #faf4f3;

}



/* View work book detail new styling */

.detail1-page-title {

    width: 100%;

    padding: 20px 10px !important;

    display: inline-block !important;

}

.detail1-page-title-hd {

    text-align: left !important;

    padding-left: 15px !important;

    margin-bottom: 20px !important;

    font-size: 22px !important;

    letter-spacing: 1px;

}

.detail1-page-form-icon i {

    background: #28435b;

    min-width: 35px;

    padding-top: 8px;

    min-height: 34px;

    color: #fff;

    font-size: 18px;

    border-radius: 30px;

    text-align: center;

    margin-right: 10px;

}

.detail1-page-ques-ans h3 {

color: #28435b;

font-family: 'CircularStd-Book';

font-size: 20px;

font-weight: 100;

margin: 10px 0;

}    

.detail1-page-form-group label {

margin-bottom: 20px;

}

.detail1-page-ques-ans {

padding: 18px 25px;

border: solid 1px #e5e5e5;

border-radius: 20px;

margin: 20px 0;

width: 100%;

}

.detail1-page-ques-ans h5 span {

    color: #28435b;

    font-family: 'CircularStd-Book';

    margin-right: 8px;

    font-size: 17px;

}

.detail1-page-ques-ans-hd{

text-align: left !important;

font-family: 'CircularStd-Book' !important;

margin-bottom: 30px !important;

color: #373737 !important;

font-size: 20px !important;

padding: 0 !important;

font-weight: 700 !important;

margin: 13px 0px 0 0px;

}

.detail1-page-form-group h4 {

    border-bottom: solid 1px #e5e5e5;

    padding-bottom: 15px;

    color: #000;

    font-family: 'Circular Air-Light';

    font-size: 17px;

    font-weight: 600;

}

.detail1-page-title .accordion {

    background-color: #fff;
    color: #28435b;
    cursor: pointer;
    padding: 16px 12px 27px 75px;
    font-family: 'CircularStd-Medium';
    width: 100%;
    border: solid #e5e5e5 1px;
    text-align: left;
    outline: none;
    font-size: 18px;
    transition: 0.4s;
    border-radius: 10px;
    position: relative;

}




.detail1-page-ques-ans h3 p {

    display: inline-block;

}



  .detail1-page-title .panel {

      padding: 0 18px;

      background-color: white;

      border: solid #e5e5e5 1px;

      max-height: 0;

      overflow: hidden;

      transition: max-height 0.2s ease-out;

      border-radius: 0;

      box-shadow: none;

      border-top: none;

  }

  .detail1-page-title .accordion .question-span {

    background: #53697c;
    padding: 17px 10px;
    color: #fff;
    font-size: 20px;
    margin-right: 10px;
    border-radius: 10px 0 0 10px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    text-align: center;

  }



.zoom-element {

    display:inline-block;

    position: relative;

}



.zoom-element img {

    display: block;

}



.zoom-element img::selection {

    background-color: transparent;

}



  .detail1-page-textarea {

    height: 150px !important;

    padding: 25px 10px;

    font-family: 'Circular Air-Light';

    color: #000;

    font-weight: 500;

    text-align: justify;

    font-size: 17px;

}

  .detail1-page-title .accordion.active span {

      border-radius: 10px 0 0 0;

  }

  .detail1-page-title .accordion.active {

      border-radius: 10px 10px 0px 0px;

  }

  .detail1-page-title .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {

    cursor: not-allowed;

    background-color: #f7f7f7;

    opacity: 1;

    padding: 22px 18px;

    border: solid 1px #cacaca;

    border-radius: 10px;

    font-size: 17px;

    color: #5b5b5b;

    box-shadow: 0 0 8px #ccc;

}

.detail1-page-title h4 {

    text-align: left;

    margin: 22px 0px 15px 0px;

    font-family: 'CircularStd-Book';

    font-size: 17px !important;

    font-weight: 500;

}

.detail1-page-ques-ans h5 {

    color: #000;

    font-family: 'Circular Air-Light';

    text-align: justify;

    font-size: 16px;

    line-height: 24px;

}

/* View work book detail new styling */



.dnld-btn{

    margin-right: 110px;

    background-color: #f7d1cb;

    color: #82534c;

    padding: 12px 30px;

    border-radius: 5px;

    font-family: 'Circular-Air-Bold';

    text-transform: uppercase;

    font-size: 13px;

}



#final_form_div .view-pole-diary-left .btn.vdeo-ctgry-btn {

    position: static;

    float: right;

    margin-top: 30px;

}

#final_form_div .view-pole-diary-sec-right .btn.vdeo-ctgry-btn {

    float: right;

    margin-top: 10px;

}



#final_form_div .view-pole-diary-sec-right h3{

    color: #28435b;

    font-weight: 600;

    margin-bottom: 25px;

    text-align: center;

    margin-top: 0;

}

#final_form_div .view-pole-diary-left h4 {

    color: #28435b;

    margin-top: 20px;

    font-size: 16px;

}



#final_form_div .view-pole-diary-sec-right h4 {

    font-weight: normal;

}



#crte_dry_div {

    padding: 40px 0px;

}



#crte_dry_div .pole-diary-pg-sec-inner-cont {

    position: static;

}



.qstns_sbmt_btn {

    background: #f7d1cb !important;

    color: #28435b !important;

    padding: 12px 25px;

    position: relative;

    border-radius: 8px;

    display: inline-block;

    font-weight: 900;

    font-size: 16px;

    text-transform: uppercase;

    border: 2px solid;

    margin: 0 !important;

}

.qstns_sbmt_btn_main {

    text-align: center;

    float: left;

    width: 100%;

}

#final_form_div {

    position: relative;

}

.nt-attmpt {

    background-color: yellow !important;

}



.attmptd {

    background-color: red !important;

}



.sbmted {

    background-color: #269abc !important;

}



.chcked {

    background-color: #c6f3c7 !important;

}



.chng-img:hover {

    color: #fff;

}

.img-btns {

    background-color: #28435b;

    color: #fff;

    border: none;

    padding: 10px 35px;

    text-transform: capitalize;

    font-size: 15px;

    border-radius: 5px;

    margin-top: 20px;

    display: inline-block;

}

.img-btns:hover{

    color: #fff;

}





.chng-img {

    margin-top: 20px;

    background-color: #53697c;

    color: #fff;

    border: none;

    padding: 10px 35px;

    text-transform: capitalize;

    font-size: 16px;

    border-radius: 5px;

    float: right;

}

#setting_form .save-setting-btn{

    float: left !important; 

}



.attempt_general_test_table {

    display: table !important;

    width: 100% !important;

    text-align: center;

    border-collapse: separate;

}

.attempt_general_test_thead th {

    padding: 14px 0px 14px 12px !important;

    font-size: 16px;

    background-color: #e6eced;

    border-left: 1px solid #c7d8d8;

    position: relative;

    text-align: center !important;

}   

.attempt_general_test_thead th:first-child {

    text-align: center;

}



.writting-pad-txtarea{

  background-repeat: no-repeat;

  background-size: cover;

}

.tox .tox-edit-area__iframe{

  background-color: transparent !important; 

}

.tox-edit-area{

background-color: white !important;

}



.modal-header {

position: absolute;

z-index: 9999;

right: 0;

width: auto !important;

border: none !important;

}

.modal-header button {

color: #000 !important;

font-size: 26px;

opacity: 1;

}

.pole-diary-pg-sec-main {

    box-shadow: 0px 0px 10px 1px #f2f2f2;

    border-radius: 5px;

    background-color: #28435b;

    position: relative;

    margin-top: 30px;

    height: 490px;

    padding: 0;

}

.pole-diary-pg-sec-main .pole-diary-main-img {

    width: 100%;

    height: 100%;

}

.pole-diary-pg-sec-inner-cont {

    margin: 0px 40px;

    border: 3px dotted #28435b;

    border-radius: 15px;

    padding: 10px 0px 40px;

    background-color: #d4d9de7d;

    position: absolute;

    top: 30px;

    left: 0;

    right: 0;

}



.attempt_general_test_thead  th {

    border-bottom: solid #53697c 6px;

}

.attempt_general_test_main {

    background-color: #ffffff;

    margin: 50px 0;

    padding: 10px;

    border-radius: 10px;

}

.attempt_general_test_tbody tr:nth-child(even) {

    background-color: #f6f7f8;

}

  

.attempt-test-btn {

    color: #fff;

    background-color: #28435b;

    border-color: #28435b;

    outline: none;

    padding: 10px 14px;

    border-radius: 10px;

}

.re-take-test {

    color: #fff;

    background-color: #f7d1cb;

    border-color: #f7d1cb;

    outline: none;

    padding: 10px 14px;

    border-radius: 10px;

}

.attempt_general_test_tbody td {

    text-align: left;

    padding: 15px 10px 15px 12px;

    border-top: none ;

    border: solid 1px #e5e5e5;

    border-right: none;

} 

.attempt_general_test_tbody td:last-child {

    border-right: solid 1px #e5e5e5;

    text-align: center;

}  

.attempt_general_test_tbody td:first-child {

    text-align: center;

}

.attempt_general_test_tbody td:first-child span {

    background-color: #28435b;

    border-radius: 50%;

    color: #fff;

    font-size: 14px;

    min-width: 30px !important;

    display: inline-block;

    padding-top: 3px;

    min-height: 29px;

    line-height: 25px;

    font-weight: 600;

}

.attempt_general_test_th {

    background: #f7d1ca !important;

}

.attempt_general_test_tbody tr:nth-child(even) .attempt-test-name {

    background-color: #eef0f1;

}  

.attempt_general_test_tbody tr:nth-child(even) .attempt-test-time {

    background-color: #f6eeee;

}

.attempt_general_test_thead th:first-child {

    text-align: center;

    border-top-left-radius: 10px;

}

.re-take-test:hover {

    background-color: #28435b;

    border-color: #28435b;

    color: #fff;

}.attempt-test-btn:hover {

    color: #fff;

    background-color: #f7d1cb;

    border-color: #f7d1cb;

}

.attempt_general_test_tbody tr:last-child td:first-child {

    border-bottom-left-radius: 10px;

}

.attempt_general_test_tbody tr:last-child td:last-child {

    border-bottom-right-radius: 10px;

}

.attempt_general_test_thead th:last-child {

    text-align: center !important;

    border-right: 1px solid #c7d8d8;

    border-top-right-radius: 10px;

}



.det-wb-main .panel-heading .accordion-toggle:after {

    /* symbol for "opening" panels */

    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */

    content: "\e114";    /* adjust as needed, taken from bootstrap.css */

    float: right;        /* adjust as needed */

    color: grey;         /* adjust as needed */

}

.panel-heading{

    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;

}

.det-wb-main .panel-heading .accordion-toggle.collapsed:after {

    /* symbol for "collapsed" panels */

    content: "\e080";    /* adjust as needed, taken from bootstrap.css */

}



.det-wb-main .panel-heading {

    width: 100%;

    background: #53697c !important;

    border: solid 1px #53697c !important;

    border-radius: 10px;

    border-bottom: none !important;

}

.det-wb-main .panel-heading h4 {

    text-align: left;

    color: #ffffff;

    padding: 12px;

    font-size: 20px;

    margin: 0 !important;

    border: none !important;

    outline: none !important;

}

.det-wb-main .panel-heading .accordion-toggle.collapsed:after {

    content: "\e080";

    color: #fff;

}

.det-wb-main .panel-heading .accordion-toggle:after {

    font-family: 'Glyphicons Halflings';

    content: "\e114";

    float: right;

    color: #fff;

}

.det-wb-main .panel.panel-default {

    border: none;

    margin-bottom: 15px;

}

.det-wb-main .panel-body {

    padding: 30px 20px;

    text-align: left;

    font-family: 'Circular Air-Light';

    display: inline-block;

    border-radius: 12px;

    border:solid 1px #53697c;

    width: 100%;

    border-top-left-radius: 0;

    border-top-right-radius: 0;

}

.work-bk-hd {

    text-align: left !important;

    font-family: 'CircularStd-Book' !important;

    margin-bottom: 30px !important;

    color: #373737 !important;

    font-size: 22px !important;

    padding-left: 15px !important;

    margin: 0 0 17px 0 !important;

}

.det-wb-main-dp-hd h3 {

    text-align: left !important;

    font-family: 'CircularStd-Book' !important;

    margin-bottom: 30px !important;

    color: #373737 !important;

    font-size: 17px !important;

    margin: 6px 0px !important;

    text-transform: capitalize;

    font-weight: 700;

}

.caret {

    float: right;

    margin-top: 20px;

    margin-left: 8px;

}

.det-wb-form label {

    float: left;

    font-family: 'CircularStd-Book' !important;

    color: #373737 !important;

    font-size: 17px !important;

}

.det-wb-form .dropdown {

    float: left !important;

    width: 100% !important;

    display: grid;

    margin: 0px 0px;

    height: 50px;

}

.det-wb-main {

    padding: 40px 70px !important;

    display: inline-block !important;

}

.det-wb-main #title {

    height: 50px;

}

.det-wb-main .card-header {

    width: 100%;

    background: #53697c;

    border: solid 1px #53697c;

    border-radius: 10px;

}

.det-wb-main .card-body {

    border: solid #53697c 1px;

    padding: 30px 20px;

    text-align: left;

    font-family: 'Circular Air-Light';

    display: inline-block;

    border-radius: 12px;

}

.det-wb-main .card-body p {

    text-align: left;

    font-family: 'Circular Air-Light';

}

.det-wb-main .btn.btn-link {

    width: 100%;

    text-decoration: none !important;

    text-align: left;

    color: #ffffff;

    padding-bottom: 12px;

    font-size: 16px;

    margin: 0 !important;

    border: none !important;

        outline: none !important;

}

.det-wb-main .card {

    margin-bottom: 15px;

}

.det-wb-main .show.collapse.in.card-header {

    border-bottom-left-radius: 0px !important;

    border-bottom-right-radius: 0px !important;

}

 .accordion-wb-btn li:last-child {

    margin: 0;

}

 .accordion-wb-btn li:first-child a {

background: #f7d1cb;

    color: #7a6460;

}

 .accordion-wb-btn li {

    display: inline-block;

    margin-right: 10px;

}

 .accordion-wb-btn {

    padding: 0;

    float: right;

    margin-top:10px;

}

.accordion-wb-btn a {

    text-transform: uppercase;

    background: #53697c;

    color: #fff;

    font-family: 'CircularStd-Medium';

    padding: 12px 20px;

    font-size: 14px;

    border-radius: 10px;

}

.accordion-hd h2 {

    text-align: left !important;

    font-family: 'CircularStd-Book' !important;

    margin-bottom: 30px !important;

    color: #373737 !important;

    font-size: 20px !important;

    padding: 0 !important;

    margin: 13px 0px 0 0px;

}

        #myInput {

            background-image: url('/css/searchicon.png');

            background-position: 10px 10px;

            background-repeat: no-repeat;

            width: 100%;

            font-size: 16px;

            padding: 12px 20px 12px 40px;

            border: 1px solid #ddd;

            margin-bottom: 12px;

        }



        #myTable {

            border-collapse: collapse;

            width: 100%;

            border: 1px solid #ddd;

            font-size: 18px;

        }



        #myTable th, #myTable td {

            text-align: left;

            padding: 12px;

        }



        #myTable tr {

            border-bottom: 1px solid #ddd;

        }



        #myTable tr.header, #myTable tr:hover {

            background-color: #f1f1f1;

        }

        .answer-textarea {

            resize: none;

            width: 100% !important;

            border: none;

        }

        .answer-textarea:focus {

            outline: none;

        }



.vdeo-ctgry-btn {

    background: #28435b !important;

    color: #fff !important;

}



.cmplsry-btn {

    background: red !important;

    color: #fff !important;

}



.crnt-ctgry-btn {

    background: #5cb85c !important;

    color: #fff !important;

}



.btn{

    padding: 10px 15px !important;

    border-radius: 10px !important;

}

.appearance-tabs-main {

    margin-bottom: 50px;

}

.count {

    background-color: red;

    padding: 6px 6px;

    border-radius: 50%;

    color: #fff;

    font-size: 13px;

}

.reatmpt-btn {

    display: block !important;

    border-radius: 30px !important;

    width: 40% !important;

    text-align: center !important;

    font-weight: 900 !important;

    color: #53697c !important;

    font-size: 18px !important;

    margin-left: 110px !important;

    margin-top: 15px !important;

    outline:none !important;

}

.appearance-tabs-main ul li a {

            border: 2px solid #28435b !important;

            border-radius: 30px;

            padding: 12px 30px;

            text-transform: uppercase;

            font-weight: 600;

            color: #fff !important;

            background-color: #28435b !important;

            letter-spacing: 0.5px;

}

.appearance-tabs-main .nav-tabs {

    border: none;

}

.appearance-tabs-main ul li {

    margin-right: 15px;

}

.exam-tf-opt {

    text-align: center;

    margin-top: 20px;

}

.bg-imgs-list {

    padding: 40px 20px;

    list-style: none;

    margin: 0;

}

.bg-imgs-list li {

    display: inline-block;

    width: 8.8%;

    margin-right: 10px !important;

    margin-bottom: 10px;

}

.bg-imgs-list li img {

    width: 100%;

}

.appearance-tabs-main .tab-content {

    background-color: #fff;

    margin-top: 15px;

}

.pad-bg-clrs{

    padding:30px;

    border-radius:8px;

}

.pad-bg-red{

    background-color:red !important;

}

.pad-bg-blue{

    background-color:blue !important;

}

.pad-bg-green{

    background-color:green !important;

}

.pad-bg-pink{

    background-color:pink !important;

}

.pad-bg-black{

    background-color:black !important;

}

.tox-statusbar__path{

    display: none !important;

  }

#add-element {

    color: #28525b;

    background-color: #e9edee;

    border-radius: 50%;

    position: relative;

    border: none;

    margin-left: 0px;

    height: 30px;

    width: 30px;

    padding-left: 10px;

}

/*JOURNAL*/

.journal-main-container {

    display: inline-block;

    width: 100%;

    padding: 45px 0px 0 35px;

}

.journal-inner-container {

    background-color: #fff !important;

    display: inline-block;

    width: 100%;

}

.journal-head h4 {

    font-size: 32px;

    color: #28435b;

    font-family: 'Circular Air-Light';

}

.journal-head-left {

    width: 75%;

    float: left;

    padding: 16px 0 0 32px;

}

.journal-head-right {

    width: 25%;

    float: left;

}

.journal-head-left .mb-head, .journal-head {

    width: 57%;

    float: left;

}

.journal-head-btn button i {

    color: #28435b;

    font-size: 21px;

    margin-top: 2px;

}

.journal-head-btn button {

    border: none;

    background-color: #faf4f3;

    border-radius: 50%;

    height: 35px;

    width: 35px;

    outline: none;

    margin-right: 8px;

    margin-top: 10px

}

.journal-head-btn {

    width: 37%;

    float: left;

}

.journal-head-right ul li a {

    font-family: 'Circular Air-Light';

    color: #28435b;

    font-size: 15px;

    font-style: italic;

}

.journal-head-right {

    border-left: 1px solid #e5e5e5;

}

.journal-head-right ul li:last-child {

    border: navajowhite;

}

.journal-head-right ul {

    margin: 0;

    list-style: none;

    padding: 0;

}

.journal-head-cont {

    border-bottom: 1px solid #e5e5e5;

    display: inline-block;

    width: 100%;

}

#save-now:after, #saved:after {

    content: '\f0c7 ';

    font-family: 'FontAwesome';

    position: absolute;

    left: 21px;

    color: #f7d1cb;

    font-size: 20px;

    top: 5px;

}

#saved:after {

    content: '\f00c'; 

}

.journal-head-right ul li {

    border-bottom: 1px solid #e5e5e5;

    padding: 10px 56px;

    position: relative;

}

.journal-head-right ul li:first-child a {

    text-decoration: underline;

}

.journal-btn-left, .journal-btn-right {

    width: 50%;

    float: left;

}

.journal-btn-left ul, .journal-btn-right ul {

    padding: 0;

    list-style: none;

    margin: 0;

}

.journal-btn-left ul li {

    display: inline-block;

    color: #28435b;

    font-size: 16px;

    border-right: 1px solid#e5e5e5;

    margin-left: 28px;

    padding-right: 31px;

}

.journal-btn-left ul li i {

    font-size: 18px;

    margin-right: 15px;

}

.journal-btn-left ul li:last-child, .journal-btn-right ul li:last-child {

    border: none !important;

}

.journal-btn-left ul li:last-child i {

    background-color: #faf4f3;

    min-height: 36px;

    min-width: 36px;

    border-radius: 50%;

    line-height: 35px;

    text-align: center;

}

.journal-btn-right ul li {

    display: inline-block;

}

.journal-btn-right ul li a i {

    font-size: 19px;

    color: #28435b;

}

.journal-btn-right ul li {

    padding: 0 21px;

    border-right: 1px solid #e5e5e5;

}

.journal-btn-right ul li:first-child i {

    font-size: 23px;

}

.journal-btn-right ul li:nth-child(6) i {

    font-size: 16px !important;

    transform: rotate(270deg);

}

.journal-btn-right ul {

    margin-top: 5px;

}

.journal-btn-left ul {

    margin-bottom: 5px;

}

.journal-btn-opt {

    border-bottom: 1px solid #e5e5e5;

    display: inline-block;

    width: 100%;

}

.journal-area {

    background-color: #fff;

    display: inline-block;

    height: 450px;

    width: 100%;

}

.journal-area textarea {

    height: 100%;

    resize: none;

    width: 100%;

    outline: none;

    border: none;

    padding: 10px 25px;

}

/*JOURNAL END*/

/*questions portal*/

.questions-portal-main {

    background-color: #fff;

    display: inline-block;

    width: 100%;

}

.secq-opt {

    padding: 0;

    list-style: none;

}

.questions-portal-hdr {

    background-color: #f4f4f4;

    display: inline-block;

    width: 100%;

    border-top-left-radius: 7px;

    border-top-right-radius: 7px;

    border: 1px solid #e5e5e5;

    border-bottom: none;

    border-right: none;

    padding: 10px 15px;

}

.questions-portal-hdr-ex-details-main-sec {

    float: left;

    width: 80%;

}

.questions-portal-hdr-ex-name-main h4 {

    color: #4a4a4a;

    font-size: 15px;

    margin-top: 0;

    float: left;

    width: 100%;

}

.questions-portal-hdr-ex-name-main h4 span {

    padding: 2px 10px;

    font-size: 13px;

    margin-left: 5px;

    width: 84%;

    display: inline-block;

    vertical-align: top;

}

.questions-portal-hdr-ex-detail-list {

    padding: 0;

    list-style: none;

    margin: 0;

}

.questions-portal-hdr-ex-detail-list li {

    display: inline-block;

    margin-right: 15px;

    color: #4a4a4a;

    font-size: 15px;

    margin-top: 0;

}

.questions-portal-hdr-ex-detail-list li span {

    border: 1px solid lightgray;

    padding: 2px 10px;

    font-size: 13px;

    margin-left: 9px;

}

.qs-portal-dr-col h5 {

    color: #4a4a4a;

    font-size: 15px;

    margin-top: 0;  

}

.qs-portal-dr-col h6 {

    margin: 0;

    color: #565656;

    font-size: 13px;

    font-weight: 400;

    border: 1px solid #dbdbdb;

    border-radius: 4px;

    padding: 8px 8px;

}

.qs-portal-dr-col {

    width: 20%;

    float: left;

    padding: 10px 10px 10px 15px;

}

.qs-portal-total-qs h5 {

    color: #fff;

    font-size: 15px;

    margin-top: 0;

    margin-bottom: 0;

}

.qs-portal-total-qs h6 {

    color: #fff;

    font-size: 26px;

    margin: 0;

}

.qs-portal-total-qs:after {

    content: '\f0da ';

    font-family: fontawesome;

    position: absolute;

    font-size: 47px;

    left: -4px;

    top: -4px;

    color: #f4f4f4;

}

.questions-portal-hdr-ex-name-main {

    display: inline-block;

    width: 96%;

}

.qs-portal-total-qs {

    background-color: #4f6aa4;

    display: inline-block;

    width: 20%;

    padding: 6px 10px 5px 30px;

    border-top-right-radius: 6px;

    position: relative;

}

.questions-portal-cnt {

    border: 1px solid #e5e5e5;

    border-top: none;

    border-bottom-left-radius: 6px;

    border-bottom-right-radius: 6px;

}

.ctgry-tag {

    color: #353535;

    font-size: 12px;

    border: 1px solid #e5e5e5;

    border-radius: 5px;

    padding: 5px 7px;

    display: inline-block;

    margin-bottom: 10px;

    font-weight: 900;

}

.qs-prtl-inner-row h5 {

    color: #313131;

    font-size: 15px;

    text-align: justify;

    font-weight: 900;

}

.sbap-cont input {

    margin-right: 14px;

    top: -2px;

    position: absolute;

    left: 0;

}

.sbap-cont label {

    color: #3b3b3b;

    font-size: 14px;

    font-weight: 400;

    margin: 0;

    position: relative;

    padding-left: 20px;

    display: block !important;

    line-height: 23px;

}

.qs-prtl-inner-row {

    padding: 20px;

    border-bottom: 1px solid #e5e5e5;

    display: inline-block;

    width: 100%;

}

.qs-prtl-inner-left {

    width: 70%;

    float: left;

}

.qs-prtl-inner-right {

    width: 26%;

    float: left;

    margin-left: 30px;

}

.qs-prtl-inner-row:last-child {

    border: none;

}

.carousel-control {

    background: none !important;

}

.carousel .glyphicon-chevron-right:before{

    content: "\e080";

    font-size: 17px;

    color: #000;

    position: absolute;

    right: -9px;

}

.carousel .glyphicon-chevron-left:before{

    content: "\e079";

    font-size: 17px;

    color: #000;

    position: absolute;

    left: -11px;

}

.carousel .item img{

    margin: auto !important;

}

.carousel .item-cont{

    margin-top: 10px;

    text-align: center;

}

.sbap-row {

    margin-bottom: 5px;

    display: inline-block;

    width: 100%;

}

.tf-opt h5 {

    color: #3b3b3b;

    font-size: 14px !important;

    margin: 0;

    font-weight: 400;

    line-height: 20px;

    float: left;

    padding-left: 20px;

    width: 76%;

    margin-right: 19px;

    position: relative;

}

.tf-opt {

    position: relative;

}

.tf-opt h5:before {

    content: '\f111 ';

    font-family: 'FontAwesome';

    font-size: 7px;

    position: absolute;

    left: 2px;

    top: 0px;

    color: #5bb9f8;

}

.secq-opt li {

    padding-left: 20px;

}

.secq-opt h5:before {

    content: '\f111 ';

    font-family: 'FontAwesome';

    font-size: 7px;

    position: absolute;

    left: -17px;

    top: 3px;

    color: #5bb9f8;

}

.secq-opt h5 {

    color: #3b3b3b;

    font-size: 14px !important;

    font-weight: 400;

    position: relative;

    line-height: 20px;

}

.questions-portal-sec .container-fluid {

    padding: 0;

}

.qs-prtl-inner-left a {

    color: #ffffff;

    background-color: #f0ad4e;

    border-color: #f0ad4e;

    padding: 5px 23px;

    font-weight: 700;

    font-size: 14px;

    margin-top: 2px;

    display: inline-block;

    margin-bottom: 25px;

}

/*questions portal end*/

.pole-movement-sidebar {

    background-color: #28435b;

    margin: 0;

    height: 93.9vh;

    overflow-y: auto;

    padding-top: 70px;

}

.lft-sd-main {

        position: fixed;

    left: 0;

    z-index: 9999;

    top:0;

}

#side-menu li{

    background-color: transparent;

}

#side-menu li a {

    color: #fff;

    font-size: 16px;

    background-color: #53697c;

    margin-top: 5px;

    padding: 18px 0px 18px 50px;

}

#side-menu.active{

    background-color: #f7d1cb;

}

.nav-second-level li a {

    padding-left: 10px !important;

}

.fxd-tp-br {

    height: 64px;

}

.pole-movement-top-bar {

    background-color: #28435b;

    position: fixed;

    border: none;

    height: 75px;

    z-index: 999;

}

#page-wrapper {

    padding: 0;

    border: none;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    min-height: auto !important;

    padding-bottom: 120px;

    background-color: #faf4f3;

}

.navbar-header {

    float: left;

    width: 280px;

    padding: 0;

    z-index: 999999;

    position: relative;

    background-color: #28435b;

}

.navbar-header img{

    width: 100%;

    margin-top: 0;

}

.navbar-brand{

    padding: 0;

}

#side-menu>li>a:focus, #side-menu>li>a:hover{

    background-color: #db3042;

    color: #ffffff;

}

.pole-movement-sidebar ul li a .arrow {

    background-color: #28435b;

    transform: rotate(180deg);

    position: absolute;

    right: 0;

    padding: 7px 19px 8px 11px;

    color: #fff !important;

    border-radius: 0px 30px 30px 0px;

    font-size: 22px;

    margin-top: -7px;

    font-weight: 600;

}

.pole-movement-sidebar li.active a .arrow {

    transform: rotate(0deg) !important;

    border-radius: 30px 0px 0px 30px;

    padding: 7px 10px 8px 15px;

}

.nav-second-level li a {

    background-color: transparent !important;

    padding-top: 5px !important;

    padding-bottom: 5px !important;

    font-family: 'Circular Air-Light';

    font-size: 14px !important;

}

.sidebar .nav-second-level li {

    position: relative;

    padding-left: 35px;

}

.sidebar .nav-second-level li:before {

    content: '\f111';

    position: absolute;

    font-family: fontawesome;

    color: #fff;

    font-size: 10px;

    left: 15px;

    top: 10px;

    border: 1px solid #fff;

    border-radius: 50%;

    padding: 1px 3px 2px 4px;

}

.nav-second-level {

    margin: 25px 0px;

}

.admin-details-main{

    text-align: center;

    margin-top: 25px;

}

.admin-title {

    font-size: 32px;

    color: #28435b;

}

.admin-description {

    font-size: 16px;

    color: #595a5a;

    font-family: 'Circular Air-Light';

    font-weight: 500;

}

.dashboard-txt > a {

    background-image: url(../images/dashboard-left-sidebar-icons-sprite-imgs.png);

    background-repeat: no-repeat;

    background-position: 13px 17px;

}

.dashboard-txt > a:hover, .dashboard-txt > a:active, .dashboard-txt > a:focus {

    background-position: 13px 17px;

}

.course-material-txt > a {

    background-image: url(../images/dashboard-left-sidebar-icons-sprite-imgs_14.png);

    background-repeat: no-repeat;

    background-position: 13px 13px;

}

.course-material-txt > a:hover, .course-material-txt > a:active, .course-material-txt > a:focus {

    background-position: 13px -32px;

}

.workbook-txt > a {

    background-image: url(../images/dashboard-left-sidebar-icons-sprite-imgs_18.png);

    background-repeat: no-repeat;

    background-position: 13px 19px;

}

.workbook-txt > a:hover, .workbook-txt > a:active, .workbook-txt > a:focus {

    background-position: 13px -21px;

}

.video-library > a {

    background-image: url(../images/dashboard-left-sidebar-icons-sprite-imgs_22.png);

    background-repeat: no-repeat;

    background-position: 13px 19px;

}

.video-library > a:hover, .video-library > a:active, .video-library > a:focus {

    background-position: 13px -32px;

}

.assessments-txt > a {

    background-image: url(../images/dashboard-left-sidebar-icons-sprite-imgs_26.png);

    background-repeat: no-repeat;

    background-position: 13px 19px;

}

.assessments-txt > a:hover, .assessments-txt > a:active, .assessments-txt > a:focus {

    background-position: 13px -25px;

}

.class-planner-txt > a {

    background-image: url(../images/dashboard-left-sidebar-icons-sprite-imgs_29.png);

    background-repeat: no-repeat;

    background-position: 13px 17px;

}

.class-planner-txt > a:hover, .class-planner-txt > a:active, .class-planner-txt > a:focus {

    background-position: 13px -27px;

}

.pole-dairy > a {

    background-image: url(../images/dashboard-left-sidebar-icons-sprite-imgs_10.png);

    background-repeat: no-repeat;

    background-position: 15px 19px;

}

.pole-dairy > a:hover, .pole-dairy > a:active, .pole-dairy > a:focus {

    background-position: 15px -22px;

}

.message-board-txt > a {

    background-image: url(../images/dashboard-left-sidebar-icons-sprite-imgs_07.png);

    background-repeat: no-repeat;

    background-position: 15px 19px;

}

.message-board-txt a:hover, .message-board-txt a:active, .message-board-txt a:focus {

    background-position: 15px -21px;

}

/************Circle progress****************/

.circle-wrap {

    margin: 25px auto;

    width: 250px;

    height: 250px;

    background: #26415a;

    border-radius: 50%;

    margin-top: 45px;

}

.circle-wrap .circle .mask,

.circle-wrap .circle .fill {

    width: 250px;

    height: 250px;

    position: absolute;

    border-radius: 50%;

}

.circle-wrap .circle .mask {

    clip: rect(0px, 260px, 180px, 75px);

}

.circle-wrap .circle .mask .fill {

    clip: rect(0px, 95px, 220px, 0px);

    background-color: #db3042;

}

.circle-wrap .circle .mask.full,

.circle-wrap .circle .fill {

    animation: fill ease-in-out 3s;

    transform: rotate(126deg);

}

@keyframes fill {

    0% {

        transform: rotate(0deg);

    }

    100% {

        transform: rotate(126deg);

    }

}

.circle-wrap .inside-circle {

    width: 230px;

    height: 230px;

    border-radius: 50%;

    background: #fff;

    line-height: 215px;

    text-align: center;

    margin-top: 10px;

    margin-left: 10px;

    position: absolute;

    z-index: 100;

    font-size: 68px;

    font-family: 'ChaletNewYorkNineteenEighty';

    color: #26415a;

}

/*************Circle progress****************/

.dashboard-cols-main {

    background-color: #fff;

    border: 8px solid #f4edeb;

    border-radius: 30px;

    padding: 30px 0px 20px;

    margin-top: 30px;

    min-height: 435px;

}

.dashboard-cols-title {

    color: #1f374d;

    font-family: 'CircularStd-Medium';

    font-size: 21px;

    margin-bottom: 8px;

}

.dashboard-cols-sub-title {

    font-size: 16px;

    font-family: 'Circular Air-Light';

    margin-top: 0;

}

.socket {

    background-color: #2e3338;

    height: 40px;

    position: fixed;

    bottom: 0;

    z-index: 9999;

    width: 100%;

}

/********progress bar start*********/

.progressbar {

    width: 100%;

    margin-top: 5px;

    margin-bottom: 35px;

    background-color: #EEEEEE;

    box-shadow: inset 0px 1px 1px rgba(38,65,90,.1);

}

.proggress{

    height: 8px;

    width: 10px;

    background-color: #3498db;

}

.percentCount{

    position: absolute;

    top: 0;

    right: 0;

    font-family: 'CircularStd-Medium';

    font-size: 16px;

}

/********progress bar end*********/

.dashboard-col3 {

    padding-left: 20px;

    padding-right: 20px;

}

.assessments-progress-bar-list {

    padding: 0;

    list-style: none;

    margin: 0;

    margin-top: 30px;

}

.assessments-progress-bar-list li {

    margin: 0;

    text-align: left;

    position: relative;

}

.progressbar {

    background-color: #26415a !important;

    margin-bottom: 12px;

}

.assessments-progress-bar-list li h5 {

    font-size: 16px;

}

.counter-dpl-none .percentCount {

    display: none;

}

.counter-dpl-none .progressbar {

    width: 88% !important;

}

.workbook-progress-list {

    padding: 0px 10px;

    margin: 0;

    list-style: none;

    text-align: left;

    margin-top: 30px;

    height: 320px;

    overflow: hidden;

    overflow-y: scroll;

}

.workbook-progress-list li {

    border-bottom: 1px dashed #cccccc;

    padding: 0px 8px;

    margin-bottom: 0px;

    padding-bottom: 0px;

}

.workbook-progress-list li h5 {

    display: inline-block;

    vertical-align: middle;

    font-family: 'CircularStd-Medium';

    color: #383b3e;

    font-size: 17px;

    margin-left: 8px;

}

.workbook-progress-list li img {

    display: inline-block;

    vertical-align: middle;

}

.workbook-progress-list li input {

    float: right;

    margin-top: 15px;

}

.workbook-progress-list li:last-child {

    border: none;

}

.workbook-progress-check-main {

    position: relative;

    padding-left: 35px;

    cursor: pointer;

    font-size: 20px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    float: right;

    margin-top: 10px;

}

/* Hide the browser's default checkbox */

.workbook-progress-check-main input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

    height: 0;

    width: 0;

}

/* Create a custom checkbox */

.checkmark {

    position: absolute;

    top: 0;

    left: 0;

    height: 20px;

    width: 20px;

    border:2px solid #26415a;

    border-radius: 5px;

}

/* When the checkbox is checked, add a blue background */

.workbook-progress-check-main input:checked ~ .checkmark {

    background-color: transparent;

}

/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {

    content: "";

    position: absolute;

    display: none;

}

/* Show the checkmark when checked */

.workbook-progress-check-main input:checked ~ .checkmark:after {

    display: block;

}

/* Style the checkmark/indicator */

.workbook-progress-check-main .checkmark:after {

    left: 6px;

    top: 2px;

    width: 5px;

    height: 10px;

    border: solid #e9837f;

    border-width: 0 3px 3px 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}

/* width */

::-webkit-scrollbar {

    width: 10px;

}

/* Track */

::-webkit-scrollbar-track {

    box-shadow: inset 0 0 5px grey;

    border-radius: 10px;

}

/* Handle */

::-webkit-scrollbar-thumb {

    background: gray;

    border-radius: 10px;

}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {

    background: #db3042;

}

.msg-notfction-area{

    background-color: transparent;

}

.msg-notfction-area a:hover{

    background-color: transparent !important;

}

.msg-notfction-area a i {

    font-size: 24px;

    color: #ffffff !important;

    position: relative;

    top: 4px;

}

.navbar-top-links > li {

    border-left: 1px solid #53697c;

    line-height: 45px;

}

.navbar-top-links>li>a:focus {

    background-color: transparent;

}

.navbar-top-links>.open>a {

    background-color: transparent !important;

}

.pole-movement-top-bar .navbar-top-links li:last-child {

    padding: 0px 15px;

}

.admin-settings {

    padding-top: 9px !important;

    padding-bottom: 8px !important;

}

.admin-settings:hover {

    background-color: transparent !important;

    color: inherit !important;

}

.admin-settings {

    padding-top: 9px !important;

    padding-bottom: 8px !important;

    color: #ffffff !important;

    font-size: 16px;

    font-weight: 500;

    letter-spacing: 0.5px;

}

.admin-settings .caret {

    transform: scale(1.5);

}

.admin-settings:hover {

    color: #fff !important;

}

.admin-settings img {

    margin-right: 6px;

}

.admin-settings-dropdown {

    box-shadow: none;

    border: 1px solid #f5ebea;

    width: 100% !important;

    margin-top: 20px;

    border-radius: 12px;

}

.admin-settings-dropdown li {

    padding: 0px 6px !important;

    margin-bottom: 6px;

    padding-top: 6px !important;

    border-bottom: 1px dashed #d9d9d9;

    padding-bottom: 8px !important;

}

.admin-settings-dropdown li a {

    padding: 0 !important;

    font-family: 'Circular Air-Light';

    color: #28435b !important;

    font-size: 16px;

}

.admin-settings-dropdown li a:hover{

    background-color: transparent;

}

.admin-settings-dropdown li:last-child {

    border-bottom: none;

    margin-bottom: 0;

}

.admin-settings-dropdown li a i {

    font-size: 18px;

    margin: 0px 4px;

    color: #28435b !important;

}

.admin-settings-dropdown:before {

    content: url(images/dropdown-icon-top.png);

    position: absolute;

    height: 10px;

    width: 10px;

    top: -20px;

    right: 28px;

}

/*Login panel start*/

#login-panel-bg {

    background-image: url(../images/login-page-bg.png);

    background-repeat: no-repeat;

    background-size: cover;

    height: 100vh;

}

.login-panel-main-cont {

    background-color: #fff;

    border-radius: 20px;

    padding: 0;

    text-align: center;

    box-shadow: 0px 0px 3px 10px #456db0;

    margin-top: 10%;

    margin-bottom: 10%;

    border: 6px solid #db3042;

}

.login-panel-main-cont form {

    padding: 0px 30px;

    margin-top: 35px;

    text-align: left;

}

.login-panel-main-cont form p label, .login-panel-main-cont form p input {

    width: 100%;

}

.login-panel-main-cont form p label b {

    font-size: 16px;

    font-weight: 500;

    color: #28435b;

    font-family: 'CircularStd-Book';

}

.login-panel-main-cont form p input {

    padding: 16px 20px;

    border-radius: 8px;

    border: 1px solid #d1b9b5;

    outline: none;

}

.login-panel-main-cont img {

    display: inline-block;

    margin-top: 25px;

}

.login-panel-main-cont form p input::placeholder {

    color: #999999;

    font-family: 'Circular Air-Light';

    font-size: 15px;

}

.login-panel-main-cont small {

    margin-top: 10px;

    display: inline-block;

    font-size: 14px;

    color: #6a5754;

    font-family: 'Circular Air-Light';

}

.login-panel-main-cont form h6 {

    margin-top: 2px;

    font-size: 14px;

    color: #6a5754;

    font-family: 'Circular Air-Light';

}

.login-btn {

    width: 100%;

    background-color: #164899;

    color: #fff;

    border: none;

    padding: 14px 0px;

    font-weight: 600;

    font-size: 20px;

    border-radius: 8px;

    margin-top: 15px;

}

.login-panel-main-cont ul {

    margin: 0;

    padding: 0;

    text-align: center;

    list-style: none;

    margin-top: 22px;

}

.login-panel-main-cont ul li {

    display: inline-block;

    border-right: 2px solid #716464;

    line-height: 14px;

    padding-right: 15px;

    margin-right: 15px;

    color: #716464;

    margin-bottom: 16px;

}

.login-panel-main-cont ul li:last-child {

    border: none;

    margin: 0;

    padding: 0;

}

/*Login panel end*/

/*WORKBOOK PAGE STARTS*/

.wb-head h4 {

    font-size: 32px;

    color: #28435b;

}

.workbook-col-main {

    background-color: #fff;

    border-radius: 10px;

    border: 1px solid #e5e5e5;

    padding: 10px 25px 10px 30px;

    min-height: 237px;

    position: relative;

    margin-bottom: 40px;

}

.wb-assignment h6 {

    color: #4b4b4b;

    font-size: 16px;

}

#wb-1 {

    background-color: #ff3030;

    color: #fff;

    border-radius: 50%;

    padding: 4px 8px;

    margin-right: 6px;

    font-size: 14px;

}

.wb-course-code {

    color: #2f2f2f;

    font-size: 18px;

}

.wb-col-name {

    color: #0c0c0c;

    font-family: 'Circular Air-Medium';

    font-size: 20px;

}

.wb-container {

    position: absolute;

    bottom: 12px;

    padding-right: 25px;

}

.wb-assignment {

    position: absolute;

    top: 29px;

}

#tri-topright1 {

    width: 0;

    height: 0;

    border-top: 25px solid red;

    border-left: 27px solid transparent;

    position: absolute;

    right: 11px;

}

.workbook-container {

    width: 95%;

    margin: auto;

    margin-top: 40px;

}

#wb-3 {

    background-color: #3069ff;

    color: #fff;

    border-radius: 50%;

    padding: 4px 8px;

    margin-right: 6px;

    font-size: 14px;

}

#tri-topright2 {

    width: 0;

    height: 0;

    border-top: 25px solid #7a30ff;

    border-left: 27px solid transparent;

    position: absolute;

    right: 11px;

}

#tri-topright3 {

    width: 0;

    height: 0;

    border-top: 25px solid #3069ff;

    border-left: 27px solid transparent;

    position: absolute;

    right: 11px;

}

#tri-topright4 {

    width: 0;

    height: 0;

    border-top: 25px solid #30c3ff;

    border-left: 27px solid transparent;

    position: absolute;

    right: 11px;

}

#tri-topright5 {

    width: 0;

    height: 0;

    border-top: 25px solid #ffc035;

    border-left: 27px solid transparent;

    position: absolute;

    right: 11px;

}

#tri-topright6 {

    width: 0;

    height: 0;

    border-top: 25px solid #3eda66;

    border-left: 27px solid transparent;

    position: absolute;

    right: 11px;

}

.wb-head {

    margin-bottom: 40px;

}

#wb-6 {

    background-color: #3eda66;

    color: #fff;

    border-radius: 50%;

    padding: 4px 8px;

    margin-right: 6px;

    font-size: 14px;

}

.workbook-col-find {

    border-radius: 10px;

    border: 1px solid #e5e5e5;

    min-height: 237px;

    position: relative;

    margin-bottom: 40px;

    text-align: center;

}

.workbook-col-find-cont h6 {

    font-size: 20px;

    color: #7e7e7e;

}

.workbook-col-find-cont p {

    font-size: 20px;

    color: #7e7e7e;

}

.workbook-col-find-cont {

    padding: 83px 0;

}

.chapters-status-main {

    margin-top: 10px;

    display: inline-block;

    float: right;

}

.triangle-main {

    transform: rotate(170deg);

    position: absolute;

    top: 10px;

    right: 0;

}

.triangle:before,

.triangle:after {

    content: '';

    position: absolute;

    background-color: inherit;

}

.triangle, .triangle:before, .triangle:after {

    width: 1.4em;

    height: 1.4em;

    border-top-right-radius: 30%;

}

.triangle {

    transform: rotate(277deg) skewX(-51deg) scale(1,0.866);

}

.triangle:before {

    transform: rotate(-135deg) skewX(-45deg) scale(1.400,0.707) translate(0,-52%);

}

.triangle:after {

    transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);

}

.triangle-cmplt{

    background-color: #c6f3c7;

}

.chapters-status-main h5 {

    margin: 0;

    text-align: right;

    margin-right: 18px;

    margin-top: -7px;

    color: #28435b;

    font-weight: bold;

    font-size: 13px;

    min-height: 15px;

}

.chptrs-heading {

    text-align: center;

    margin-top: 40px;

}

.chptrs-heading h4 {

    color: #28435b;

    font-weight: bold;

    margin: 0;

}

.triangle-normal{

    background-color: #28435b;

}

.needs-attention{

    background-color: #ff858f;

}

.submitted-approval{

    background-color: #f3f1a3;

}

.workbook-col-title {

    text-align: center;

}

.workbook-col-title h5 {

    color: #28435b;

    font-size: 15px;

    font-weight: bold;

}

.chptr-img img {

    width: 100%;

    height: 160px;

    object-fit: cover;

}

.view-diary-pad-main img {

    max-width: 100%;

}

.chptr-img {

    margin-top: 10px;

}

/*WORKBOOK PAGE ENDS*/

/*VIDEO LIBRARY PAGE STARTS*/

.video-library-main-container {

    width: 95%;

    margin: auto;

    margin-top: 40px;

}

.vl-head h4 {

    font-size: 32px;

    color: #28435b;

    margin-bottom: 40px;

}

.vl-col-main img {

    border: 7px solid #fff;

    border-radius: 7px;

    width: 100%;

}

.vl-col-main p {

    color: #878787;

    font-size: 14px;

    font-family: 'Circular Air-Light';

}

.vl-col-main h6 {

    color: #2b2b2b;

    font-size: 18px;

    font-family: 'CircularStd-Medium';

    margin-top: 14px;

}

.vl-col-main {

    margin-bottom: 40px;

}

.load-more-btn a {

    color: #695e5c;

    font-size: 14px;

    font-family: 'Circular Air-Medium';

    background-color: #f7d1cb;

    padding: 20px 16px;

    border-radius: 5px;

}

.load-more-btn {

    text-align: center;

    margin-top: 50px;

}

/*VIDEO LIBRARY PAGE ENDS*/

/*MESSAGE BOARD PAGE STARTS*/

.message-board-main-container {

    width: 95%;

    margin: auto;

    margin-top: 40px;

}

.mb-head h4 {

    font-size: 32px;

    color: #28435b;

    margin-bottom: 40px;

}

.mb-left-col-inner {

    background-color: #f2f1f6;

    border: 1px solid #e7e7e8;

    padding: 17px 18px 8px 0;

    display: table;

}

.mb-left-img-container img {

    width: 70%;

}

.mb-left-img-container:after {

    bottom: -27px;

    content: url(../images/mb-img-after_03.jpg);

    position: absolute;

    left: 0;

    right: 0;

}

.mb-left-img-container {

    width: 30%;

    float: left;

    text-align: center;

    position: relative;

}

.mb-client-right-cont {

    float: left;

    width: 70%;

    position: relative;

}

.online {

    color: #99999a;

    font-size: 12px;

    font-family: 'CircularStd-Book';

}

.mb-client-right-cont h6 {

    color: #1e1b1b;

    font-size: 16px;

    font-family: 'Circular Air-Medium';

}

.mb-client-right-cont p {

    color: #847e7e;

    font-size: 14px;

    font-family: 'Circular Air-Light';

}

.time {

    color: #bfbfbf;

}

.chat-counter {

    float: right;

    background-color: #f193bb;

    color: #fff;

    padding: 5px 11px;

    border-radius: 50%;

    font-weight: 700;

}

.online:after {

    content: '\f006';

    font-family: fontawesome;

    color: #3794fe;

    position: absolute;

    right: 0;

    font-size: 19px;

}

.mb-left-col .col-lg-12 {

    padding: 0;

}

#users-list {

    padding: 0;

}

#user-preview {

    padding: 0;

}

#user-preview .col-lg-12 {

    padding: 0;

}

.user-head-bar {

    width: 100%;

    background-color: #f5f8fa;

    display: table;

    padding: 22px 0;

}

.user-head-bar-cont h4 {

    color: #000000;

    font-family: 'Circular Air-Medium';

    font-size: 22px;

    margin: 0;

}

.active-status {

    color: #99999a;

    font-size: 12px;

    font-family: 'CircularStd-Book';

}

.user-head-bar-controls li {

    display: inline-block;

    margin-left: 12px;

}

.user-head-bar-controls {

    text-align: right;

    list-style: none;

    margin: 0;

}

#phone-user i {

    margin-top: 8px;

}

#phone-user {

    background-color: #ab9af2;

    color: #fff;

    border-radius: 50%;

    font-size: 24px;

    border: 2px solid #FFF;

    min-height: 46px;

    min-width: 46px;

    text-align: center;

}

#video-user i {

    margin-top: 10px;

}

#video-user {

    background-color: #f286ff;

    color: #fff;

    border-radius: 50%;

    font-size: 21px;

    border: 2px solid #FFF;

    min-height: 46px;

    min-width: 46px;

    text-align: center;

}

.chat-btn {

    width: 13%;

    float: left;

    padding: 9px 0;

}

.chat-textarea {

    width: 77%;

    float: left;

}

.attachments {

    width: 10%;

    float: left;

    padding: 21px 0;

}

.attachments i {

    color: #c6c5c5;

    font-size: 20px;

    margin: 0 6px;

}

.chat-textarea input {

    width: 100%;

    border: none;

    padding: 20px 31px;

    font-size: 17px;

    outline: none;

}

.chat-bar {

    background-color: #fff !important;

    display: table;

    width: 100%;

    border-top: 1px solid #e7e7e7;

}

.chat-btn ul li {

    display: inline-block;

}

.chat-btn ul {

    padding: 0;

    list-style: none;

    margin: 0;

}

#chat-btn i {

    color: #fff;

    margin-top: 12px;

}

#chat-btn {

    background-color: #4c1eea;

    min-height: 46px;

    min-width: 46px;

    border-radius: 50%;

    text-align: center;

    font-size: 20px;

}

.chat-btn ul li i {

    color: #c6c5c5;

    font-size: 20px;

    margin: 0 9px;

}

.chat-area {

    background-color: #fff;

    min-height: 663px;

}

/*MESSAGE BOARD PAGE END*/

/*YOUR VIDEO LIBRARY*/

@font-face

{ font-family:'CircularStd-Medium';

    src:url('../fonts/CircularStd-Medium.otf') format('opentype') }

@font-face

{font-family: 'Circular-Air-Light';

    src:url('../fonts/Circular-Air-Light.ttf') format('truetype') }

.news-holder p {

    margin-bottom: 12px;

    font-family: 'Circular-Air-Light';

}

.news-holder {

    max-width: 100%;

    margin: 0 auto;

    font-family: Verdana, sans-serif;

    font-size: 13px;

}

.news-holder * {

    margin: 0;

    padding: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

a {

    color: #336699;

    text-decoration: none;

}

.news-headlines {

    list-style: none;

    position: relative;

}

.news-headlines li {

    padding: 17px 9px 5px 9px;

    position: relative;

    z-index: 20;

    color: #336699;

    display: inline-block;

}

/*

.nh-anim {

  -webkit-transition: all .75s ease-out;

  -moz-transition: all .75s ease-out;

  -o-transition: all .75s ease-out;

  transition: all .75s ease-out;

  -webkit-transform: translateZ(0);

  -moz-transform: translateZ(0);

  -o-transform: translateZ(0);

  transform: translateZ(0);

}

.news-headlines li:before {

  content: "";

  display: inline-block;

  width: 5px;

  height: 5px;

  background: #888;

  vertical-align: middle;

  margin-left: -12px;

  margin-right: 7px;

}

*/

.news-headlines li:hover, a:hover {

    cursor: pointer;

    text-decoration: underline;

}

.news-headlines .highlight {

    width: 100%;

    background: #ededed;

    border-top: solid 1px #999;

    border-left: solid 1px #999;

    border-bottom: solid 1px #999;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 10;

}

.news-headlines .highlight:before {

    display: none;

}

.news-headlines {

    float: left;

    width: 49%;

}

.news-preview {

    float: left;

    border: solid 1px #999;

    width: 51%;

    position: relative;

    z-index: 5;

    margin-left: -1px;

    min-height: 304px;

    position: relative;

}

.news-preview img {

    display: block;

    border: solid 1px #999;

    width: 100%;

    height: auto;

    max-width: 220px;

    max-height: 143px;

    margin: 0 auto 5px auto;

}

.news-content {

    position: absolute;

    z-index: 10;

    top: 0;

    left: 0;

    display: none;

    width: 97%;

    background-color: #fff;

    padding: 30px 20px;

    border-radius: 8px;

    box-shadow: 3px 0px 11px -1px lightgrey;

    border-left: 5px solid #28435b;
    float: right !important;

}



.shown{

    display: block;

}



/**

 * For modern browsers

 * 1. The space content is one way to avoid an Opera bug when the

 *    contenteditable attribute is included anywhere else in the document.

 *    Otherwise it causes space to appear at the top and bottom of elements

 *    that are clearfixed.

 * 2. The use of `table` rather than `block` is only necessary if using

 *    `:before` to contain the top-margins of child elements.

 */

.cf:before,

.cf:after {

    content: " "; /* 1 */

    display: table; /* 2 */

}

.cf:after {

    clear: both;

}

/**

 * For IE 6/7 only

 * Include this rule to trigger hasLayout and contain floats.

 */

.cf {

    *zoom: 1;

}

/*CUSTOM HTML*/

.video-thumbnail img {

    width: 100%;

    min-height: 130px;

}

.video-thumbnail {

    width: 40%;

    float: left;

}

.news-headlines li {

    min-height: 140px;

    width: 100%;

}

.news-preview {

    

    margin-left: 20px;

    border: none;

    height: auto !important;

    border-radius: 10px;

    min-height: auto;
    float: left;
    width: 49% !important;

}

.news-headlines {

    float: left;

    width: 47%;

    margin-right: 20px;

    border-radius: 10px;

    overflow-y: scroll;

    height: 497px;

    box-shadow: 3px 0px 11px -1px lightgrey;

    border-left: 5px solid #28435b;

    background-color: #fff;

}

/*.news-content iframe {

    width: 100%;

    height: 300px;

    border-radius: 2px;

    border: none;

}*/

.thumbnail-desc {

    color: #1f374d;

}

.thumbnail-head {

    color: #1f374d;

    font-family: 'CircularStd-Medium';

    font-size: 19px;

    margin-bottom: 8px;

}

.thumbnail-cont {

    width: 55%;

    float: left;

    margin-left: 18px;

}

.news-holder p {

    margin-bottom: 12px;

    margin: 0;

    margin-top: 8px;

    line-height: 22px;

    color: #1f374d !important;

    font-size: 16px;

    font-family: 'Circular Air-Light';

}

.news-holder ::-webkit-scrollbar-track {

    box-shadow: inset 0 0 5px grey;

    border-radius: 10px;

}

.news-holder ::-webkit-scrollbar-thumb {

    background: #e9837f;

    border-radius: 10px;

}

.news-holder ::-webkit-scrollbar {

    width: 10px;

}

.news-demo {

    background: #fff;

    padding: 20px;

}

.news-demo h1 {

    text-align: center;

    font-family: Arial, sans-serif;

    color: #777;

    margin-bottom: 40px;

}

.news-demo .p {

    text-align: center;

    font-family: 'Circular-Air-Light';

    font-size: 22px;

    margin-top: 70px;

}

.news-demo .p ~ p {

    margin-top: 0;

}

.news-demo .p a {

    text-decoration: underline;

}

.news-demo .p a:hover {

    color: red;

}

.yvl-head h4 {

    font-size: 32px;

    color: #28435b;

}

.yvl-head h6 {

    font-size: 15px;

    color: #28435b;

    margin: 10px 0 34px 0;

}

.yvl-head {

    text-align: center;

    margin-top: 40px;

}

.news-headlines h5 {

    color: #28435b;

    font-family: 'CircularStd-Medium';

    font-size: 21px;

    margin: 16px 0px 0px 11px;

}

/*YOUR VIDEO LIBRARY*/

/*General Test start*/

.exams-types-form-main {

    padding: 30px 12px;

}

.exams-types-form-lbl {

    display: block;

    color: #fff;

    font-family: 'Fontfabric---Mont-SemiBold';

}

.exams-types-form-flds {

    width: 100%;

    padding: 12px 12px;

    border-radius: 8px;

    line-height: 19px !important;

    outline: none;

    background-color: #fff;

    background-repeat: no-repeat;

    background-position: 92% 13px;

    color: #ababab;

}

.exams-types-form-main p {

    margin-bottom: 20px;

}

.exams-date-fld {

    text-transform: uppercase;

}

.exams-types-form-flds::placeholder {

    color: #ababab;

    font-family: 'Fontfabric---Mont-Regular';

    font-size: 13px;

    letter-spacing: 0.5px;

}

.exams-name-fld {

    background-image: url(../images/exams-types-form-flds-icons.png);

}

.exams-instruction-fld {

    resize: none;

    height: 75px;

    background-image: url(../images/exams-types-form-flds-icons_16.png);

}

.exams-date-fld::-webkit-calendar-picker-indicator {

    opacity: 0 !important;

}

.exams-date-fld {

    background-image: url(../images/exams-types-form-flds-icons_06.png);

}

.exams-time-fld::-webkit-calendar-picker-indicator {

    opacity: 0;

}

.exams-time-fld {

    background-image: url(../images/exams-types-form-flds-icons_14.png);

}

.exams-negative-mrk-fld {

    -webkit-appearance: none;

    background-image: url(../images/exams-types-form-flds-icons_25.png);

    background-position: 92% 19px;

}

.create-exam-btn {

    background-color: #53697c;

    color: #fff;

    border: none;

    text-transform: uppercase;

    font-family: 'Fontfabric---Mont-SemiBold';

    font-size: 16px;

    letter-spacing: 1px;

    padding: 10px 20px;

    border-radius: 8px;

    float: right;

    margin-top: 10px;

    outline: none;

}

.exam-type-list-main {

    padding: 0;

    list-style: none;

    margin: 0;

    margin-top: 10px;

}

.exam-type-list-main li {

    display: inline-block;

    margin-right: 10px;

}

.exam-type-list-main li a {

    background-color: #e9edee;

    color: #4e6261;

    border-radius: 30px;

    padding: 2px 12px;

    font-size: 15px;

    font-family: 'Fontfabric---Mont-SemiBold';

}

.exam-type-heading {

    font-family: 'Fontfabric---Mont-SemiBold';

}

.added-qstn-main {

    background-color: #53697c;

    color: #fff;

    border-radius: 10px;

    padding: 8px 30px;

    margin-top: 15px;

}

.added-qstn-main h4 strong {

    font-family: 'Fontfabric---Mont-Bold';

}

.added-qstn-main h4 {

    font-family: 'Fontfabric---Mont-Regular';

    text-transform: uppercase;

    font-size: 16px;

    letter-spacing: 1px;

}

.exams-types-qstn-main label {

    display: block;

    font-family: 'Fontfabric---Mont-SemiBold';

    font-size: 16px;

    margin-bottom: 10px;

}

.exams-types-qstn-main {

    margin-top: 25px;

}

.exams-types-qstn-txtarea {

    width: 100%;

    resize: none;

    background-color: #faf4f3;

    border: 1px solid #ece4e3;

    border-radius: 8px;

    outline: none;

    padding: 13px 45px;

    box-shadow: none;

    height: 135px !important;

}

.exams-types-subject-main {

    margin-top: 45px;

}

.exams-types-subject-label {

    font-family: 'Fontfabric---Mont-SemiBold';

    display: block;

    padding-left: 15px;

}

.student-exam-options-cont-main .exam-tf-opt {

    margin: 0;

}

.exams-types-slt-sbjct {

    width: 100%;

    border: 1px solid #d8e4f3;

    padding: 14px 15px;

    color: #a6acb4;

    border-radius: 6px;

}

.exams-types-option-main {

    background-color: #faf4f3;

    display: inline-block;

    width: 100%;

    margin-top: 30px;

    border-radius: 8px;

    padding: 18px 8px;

}

.exams-types-option-cont label {

    font-family: 'Fontfabric---Mont-Regular';

    color: #a6acb4;

}

.exams-types-sbaq-cont, .exams-types-sbaq-cont input {

    background-color: #fff !important;

    border: none !important;

}

.exams-types-sbaq-cont input::placeholder {

    color: lightgrey !important;

}

.exams-types-option-main ul {

    padding: 0;

    list-style: none;

    margin: 0;

    margin-top: 20px;

}

.exams-types-option-main ul li {

    display: inline-block;

    margin-right: 15px;

}

.exams-types-option-main ul li a {

    color: #fff;

    border-radius: 8px;

    padding: 10px 14px;

    display: inline-block;

    text-transform: uppercase;

    font-family: 'Fontfabric---Mont-SemiBold';

    letter-spacing: 0.5px;

}

.add-more-option-btn {

    background-color: #70889e;

}

.remove-option-btn{

    background-color: #f7d1cb;

}

.exams-types-option-main ul li a i {

    font-size: 20px;

    margin-left: 5px;

}

.exams-types-supporting-img {

    display: block;

    font-family: 'Fontfabric---Mont-SemiBold';

    font-size: 16px;

    margin-bottom: 10px;

    margin-top: 30px;

}

.add-question-btn {

    float: right;

    background-color: #53697c;

    color: #fff !important;

    padding: 8px 15px;

    display: inline-block;

    margin-top: 45px;

    border-radius: 8px;

    text-transform: uppercase;

    font-family: 'Fontfabric---Mont-SemiBold';

    letter-spacing: 0.5px;

}

.exams-types-form-main input {

    border: none;

}

.add-question-btn i {

    font-size: 18px;

    margin-left: 5px;

}

.exams-types-option-cont input[type="text" i]::placeholder {

    font-family: 'Fontfabric---Mont-Regular';

    color: #a6acb4;

}

.exams-types-form-rdo-main {

    width: 46%;

    margin: 0 !important;

    color: #fff;

    margin-top: 5px !important;

    margin-bottom: 5px !important;

    font-family: 'Fontfabric---Mont-Regular';

}

.active-exam-type{

    background-color: red !important;

    color: #fff !important;

}

.exams-types-form-rdo-main .form-check-input{

    margin-right: 5px;

}

.exams-types-sbaq-cont {

    background-color: #fff;

    border-radius: 10px;

    padding: 14px 10px 12px;

    border: 1px solid #d8e4f3;

}

.exams-types-sbaq-cont input[type="text"] {

    border: none;

    outline: none;

    width: 95%;

}

.exams-types-sbaq-cont input[type=radio] {

    float: right;

    margin-right: 5px;

}

/*General Test end*/

/*General Test1 start*/

.exams-types-options-list {

    background-color: #53697c;

    color: #fff;

    font-family: 'Fontfabric---Mont-SemiBold';

    border-radius: 50px;

    min-height: 28px;

    display: inline-block;

    min-width: 28px;

    text-align: center;

    padding-top: 4px;

    font-size: 15px;

}

.exams-types-option-cont {

    margin: 10px 0px;

}

.exams-types-option-txt-fld {

    width: 73%;

    margin-left: 15px;

    background-color: #fff;

    border-radius: 10px;

    padding: 14px 10px 12px;

    border: 1px solid #d8e4f3;

    outline: none;

}

.exams-option-form-rdo-main {

    margin-left: 15px;

    padding: 3px 15px 3px 25px;

    border-radius: 30px;

    color: #fff !important;

    font-family: 'Fontfabric---Mont-SemiBold' !important;

    text-transform: uppercase;

    letter-spacing: 0.5px;

}

.exams-option-form-true {

    background-color: #70889e;

}

.exams-option-form-false {

    background-color: #f7d1cb;

}

/*General Test1 end*/

/*Student Exam start*/

.contr-main ul {

    display: inline-block;

    background-color: #3f656e;

    padding: 10px 0px 4px;

    border-radius: 8px;

}

.red-box-main {

    background-color: #f8d1cc;

    border-radius: 8px;

}

.answr-cols-main .answr-cols span {

    background-color: #fff;

    color: #132625;

    border-radius: 5px;

    padding: 0px 14px;

    text-transform: capitalize;

    font-size: 15px;

    font-weight: 300;

    width: 94%;

}

.yellow-box-main {

    background-color: #faf4f4;

    border-radius: 8px;

}

.yellow-box-main h1 {

    color: #295159;

}

.gray-box-main {

    background-color: #fff;

    border-radius: 8px;

}

.gray-box-main h1 {

    color: #28515a;

}

.gray-box-main h1 span {

    background-color: #d6eaed !important;

}

.green-box-main {

    background-color: #6f889e;

    border-radius: 8px;

}

.progrss-br-txt h4 {

    color: #fff !important;

}

.result-btn {

    background-color: #f7d1cb;

    border-radius: 8px;

    text-transform: uppercase;

    letter-spacing: 1px;

    font-size: 15px;

    font-weight: 600;

    padding: 10px 20px;

    margin-top: 10px;

    color: #28435b;

    outline: none;

    border: 1px solid #f7d1cb;

}

.result-btn:hover {

    background-color: #f7d1cb;

    border-radius: 8px;

    text-transform: uppercase;

    letter-spacing: 1px;

    font-size: 15px;

    font-weight: 600;

    padding: 10px 20px;

    margin-top: 10px;

    color: #28435b;

    outline: none;

    border: 1px solid #f7d1cb;

}

.result-btn:focus {

    background-color: #f7d1cb;

    border-radius: 8px;

    text-transform: uppercase;

    letter-spacing: 1px;

    font-size: 15px;

    font-weight: 600;

    padding: 10px 20px;

    margin-top: 10px;

    color: #28435b;

    outline: none;

    border: 1px solid #f7d1cb;

}

.student-exam-left-sidebar {

    text-align: center;

    margin-top: 35px;

}

.inner-page-wrapper {

    display: inline-block;

    margin-top: 60px;

    background-color: #ffffff;

    padding-top: 16px;

    border-radius: 7px;

    padding-bottom: 16px;

    width: 100%;

}

.student-exam-left-sidebar .contr-main ul {

    margin: 0;

    padding: 10px;

    list-style: none;

    background-color: #3d566c;

    padding-bottom: 5px;

}

.student-exam-left-sidebar .contr-main ul li .contr-digits {

    display: block;

    background-color: #6f889e;

    font-size: 38px;

    font-family: 'ChaletNewYorkNineteenEighty';

    border-radius: 8px;

    min-width: 65px;

    padding: 2px 0px;

}   

.student-exam-left-sidebar .contr-main ul li {

    display: inline-block;

    color: #fff;

    margin-right: 25px;

    position: relative;

}

.student-exam-left-sidebar .contr-main ul li:last-child {

    margin-right: 0;

}

.student-exam-left-sidebar .contr-main ul li .contr-span2 {

    font-family: 'Fontfabric---Mont-SemiBold';

    font-size: 13px;

    margin-top: 6px;

    display: inline-block;

}

.counter-dots-second {

    position: absolute;

    top: 3px;

    font-size: 40px;

    right: -20px;

}

.student-exam-left-sidebar .answr-cols-main .answr-cols span {

    background-color: #fff;

    color: #000000;

    border-radius: 5px;

    text-transform: capitalize;

    font-size: 13px;

    font-weight: 300;

    width: 94%;

    display: inline-block;

    font-family: 'Fontfabric---Mont-SemiBold';

    padding: 3px 0px;

    margin-bottom: 3px;

    line-height: normal;

}

.student-exam-left-sidebar .answr-cols-main h1 {

    font-family: 'Fontfabric---Mont-Bold';

    font-size: 42px;

    padding-top: 13px;

    line-height: 32px;

}



.gray-ansr-col{

    color: #fff;

    background-color: #53757c !important;

}



.red-ansr-col {

    color: #fff;

    background-color: #f7d1cb !important;

}



.yellow-ansr-col{

    color: #fff;

    background-color: #e9837f !important;

}



.green-ansr-col{

    color: #fff;

    background-color: #f7d1cb !important;

}



.student-exam-left-sidebar .answr-cols-main a {

    text-decoration: none;

}

.green-box-main h1 {

    color: #fff;

}

.student-exam-left-sidebar #myProgress {

    background-color: #fff;

    border-radius: 8px;

    margin-top: 30px;

    padding: 5px;

}

.student-exam-left-sidebar #attmptd-bar {

    background-image: url(../images/progress-bar-img.png);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    width: 50%;

    color: #fff;

    font-family: 'Fontfabric---Mont-Bold';

    border-radius: 5px;

    font-size: 15px;

    letter-spacing: 1px;

}

.student-exam-left-sidebar #remain-bar {

    margin-top: -20px;

    float: right;

    margin-right: 5px;

    font-family: 'Fontfabric---Mont-Bold';

    font-size: 15px;

}

.exam-counts ul {

    margin: 20px 260px;

    padding: 0;

    list-style: none;

    text-align: center;

}

.exam-counts ul li {

    display: inline-block;

    margin: 5px;

    text-align: center;

}

.exam-counts ul li:last-child {

    margin-right: 0px;

}

.exam-counts ul li a {

    background-color: #53757c;

    color: #fff;

    font-family: 'Fontfabric---Mont-Regular';

    font-size: 18px;

    border-radius: 50%;

    min-width: 30px;

    display: inline-block;

    min-height: 30px;

    padding-top: 3px;

}

.student-exam-qstn-main {

    background-color: #53697c;

    padding: 3px 20px;

    border-radius: 8px;

}

.student-exam-qstn-main h4 {

    font-family: 'Fontfabric---Mont-SemiBold';

    color: #fff;

    font-size: 16px;

}

.student-exam-headings-lbls {

    display: block;

    font-family: 'Fontfabric---Mont-SemiBold';

    font-size: 16px;

    margin-bottom: 10px;

    text-transform: uppercase;

    letter-spacing: 1px;

    margin-top: 25px;

}

.student-exam-options-cont-main {

    background-color: #faf4f3;

    margin-bottom: 30px;

    border-radius: 8px;

    padding: 10px;

}

.student-exam-options-cont-main p {

    background-color: #f2eae9;

    color: #374a49;

    font-family: 'Fontfabric---Mont-Regular';

    padding: 10px 15px 10px 45px;

    border-radius: 8px;

    font-size: 15px;

    position: relative;

}

.student-exam-options-cont-main p span {

    background-color: #53697c;

    color: #fff;

    border-radius: 50%;

    min-width: 22px;

    min-height: 22px;

    display: inline-block;

    text-align: center;

    position: absolute;

    left: 15px;

    font-family: 'Fontfabric---Mont-Bold';

    font-size: 15px;

    padding-top: 1px;

}

.exams-option-form-dnt-knw {

    background-color: #c0c0c0;

    color: #fff !important;

}

.student-exam-answr-hnt-bx {

    width: 100%;

    resize: none;

    background-color: #faf4f3;

    border: 1px solid #ece4e3;

    border-radius: 8px;

    height: 80px;

    outline: none;

    padding: 13px 45px;

    background-image: url(../images/comment-inut-icon.png);

    background-repeat: no-repeat;

    background-position: 15px 15px;

}

.student-exam-answr-hnt-bx::placeholder {

    font-family: 'Fontfabric---Mont-Light';

    color: #a6acb4;

}

.student-exam-imgs-lst {

    margin: 0;

    padding: 0;

    display: inline-block;

    list-style: none;

}

.student-exam-imgs-lst li:last-child {

    margin-right: 0;

}

.student-exam-imgs-lst li {

    width: 48.8%;

    margin-right: 20px;

    color: #445655;

    font-family: 'Fontfabric---Mont-Light';

    font-size: 14px;

    line-height: 24px;

    text-align: center;

    float: left;

}

.student-exam-imgs-lst li img {

    width: 100%;

    display: block;

    margin-bottom: 20px;

}

.student-exams-btns-main {

    text-align: right;

    margin-top: 30px;

}

.save-answr-nxt-btn {

    font-family: 'Fontfabric---Mont-Bold';

    color: #fff;

    background-color: #53697c;

    padding: 13px 18px 12px;

    text-transform: uppercase;

    letter-spacing: 1px;

    font-size: 15px;

    border-radius: 8px;

    border: none;

}

.save-answr-nxt-btn i {

    margin-left: 5px;

    font-size: 16px;

}

.student-exams-btns-main ul {

    margin: 0;

    padding: 0;

    list-style: none;

    margin-top: 25px;

}

.student-exams-btns-main ul li {

    display: inline-block;

    margin-left: 15px;

}

.student-exams-btns-main ul li a {

    text-transform: uppercase;

    letter-spacing: 1px;

    font-family: 'Fontfabric---Mont-Regular';

    font-size: 15px;

    text-decoration: none;

}

.student-exams-btn-prev {

    color: #53697c !important;

}

.student-exams-btn-prev i {

    margin-right: 5px;

    font-size: 16px;

}

.student-exams-btn-skip {

    color: #e9837f !important;

}

.student-exams-btn-skip i {

    font-size: 16px;

    margin-left: 5px;

}

/*

.student-exam-counts-red {

    background-color: #fe0000 !important;

}

.student-exam-counts-skipped {

    background-color: #ffff06 !important;

    color: #000 !important;

}

.student-exam-counts-unseen {

    background-color: #fff !important;

    color: #000 !important;

}

.student-exam-counts-answered {

    background-color: #17a361 !important;

}*/

/*Student Exam end*/

/*Student Exam1 start*/

.student-exam1-option-cont-main {

    background-color: #faf4f3;

    margin-bottom: 16px;

    border-radius: 8px;

    padding: 10px 0px;

    font-family: 'Fontfabric---Mont-Regular';

}

.student-exam1-option-cont-main label {

    display: block !important;

}

.student-exam1-option-cont-main input[type="radio"] {

    float: right !important;

    position: static;

    margin-right: 20px;

}

.student-exam1-option-cont-main input[type="checkbox"] {

    float: right !important;

    position: static;

    margin-right: 20px;

}

/*Student Exam1 end*/

/*Create Assignment*/

#grand-cicu-table-main thead tr th {

    padding: 14px 0 !important;

    font-size: 16px;

    text-align: center;

    background-color: #e6eced;

    border-left: 1px solid #c7d8d8;

    position: relative;

}

#grand-cicu-table-main thead tr th:first-child {

    border: none;

}

#grand-cicu-table-main thead {

    width: 100%;

}

.main-subhead {

    display: inline-block;

}

#grand-cicu-table-main thead tr th:first-child, #grand-cicu-table-main tbody tr td:first-child {

    border-top-left-radius: 8px;

    border-bottom-left-radius: 8px;

}

#grand-cicu-table-main thead tr th:last-child, #grand-cicu-table-main tbody tr td:last-child {

    border-top-right-radius: 8px;

    border-bottom-right-radius: 8px;

}

#grand-cicu-table-main {

    display: table !important;

    width: 100% !important;

    text-align: center;

    border-spacing: 0px 15px;

    border-collapse: separate;

}

#grand-cicu-table-main tbody td:nth-child(odd) {

    background-color: #fdfcfc;

}

#grand-cicu-table-main tbody td {

    border-left: 1px solid #c7d8d8;

    font-size: 15px;

    color: #4e6261;

    padding: 17px 0;

    border-top: 1px solid #c7d8d8;

    border-bottom: 1px solid #c7d8d8;

}

#grand-cicu-table-main tbody td:last-child {

    border-right: 1px solid #c7d8d8;

}

#sr-no span {

    background-color: #53697c;

    border-radius: 50%;

    color: #fff;

    font-size: 13px;

    min-width: 25px !important;

    display: inline-block;

    min-height: 25px;

    line-height: 25px;

}

#passive-bdg span {

    background-color: #fe8b10;

    padding: 6px 18px;

    border-radius: 30px;

    color: #fff;

}

#active-bdg span {

    background-color: #a4cc44;

    padding: 6px 22px;

    border-radius: 30px;

    color: #fff;

}

#grand-cicu-table-main tr {

    margin: 13px 0px !important;

    width: 100%;

    border-radius: 10px !important;

}

.time-head {

    position: absolute;

    top: 0;

    text-transform: uppercase;

    background-color: #3db1b3;

    color: #fff;

    font-family: 'Fontfabric---Mont-SemiBold';

    padding: 3px 15px;

    border-radius: 0px 0px 10px 10px;

    right: -32px;

    z-index: 99;

    font-size: 13px;

}

/*Create Assignment*/

/*Result Page start*/

/* dashboard 27 start */

.inner-page-wrapper-dashboard-27

{

    margin-bottom: 20px;

background-color: #fff !important;

display: inline-block;

width: 100%;

border-radius: 10px;

padding: 15px 25px;

box-shadow: 0px 0px 5px 3px #eae9e9;

}

.inner-page-wrapper-dashboard-27 .nav-tabs li.active a {

    border: none !important;

    background-color: #f9fbfc;

    box-shadow: none !important;

}

.inner-page-wrapper-dashboard-27 .nav-tabs li a {

    padding: 10px 25px;

    border-top-left-radius: 8px;

    border-top-right-radius: 8px;

    box-shadow: 0px 0px 5px 3px #f7f7f7;

    border: 1px solid #f9fbfc !important;

    border-bottom: none !important;

}

.inner-page-wrapper-dashboard-27 .nav-tabs {

    border: none;

}

.inner-page-wrapper-dashboard-27 .tab-content {

    margin-top: -4px;

}

.inner-page-wrapper-dashboard-27 .nav-tabs li {

    margin-right: 12px;

}

.inner-page-wrapper-dashboard-27 .nav-tabs a {

    padding: 15px 30px;

    font-size: 20px;

}

.inner-page-wrapper-dashboard-27 label {

    font-size: 17px;

    color: #113965;

font-weight: 500;

margin: 0px 0px 5px 0px;

}

.inner-page-wrapper-dashboard-27 #name

{

    width: 95%;

    padding: 20px;

    font-size: 18px;

    letter-spacing: 1px;

    border-radius: 8px;

}

.inner-page-wrapper-dashboard-27 #main-tabs

{

    padding: 15px 10px;

}

.inner-page-wrapper-dashboard-27 #sel1

{

    width: 95%;

    padding: 20px;

}

 .inner-page-wrapper-dashboard-27 #main-tabs {

    background: #f9fbfc;

}

.col-lg-2.time-col {

    padding: 10px 0px 0px 15px;

}

.col-lg-2.Questions-col {

    padding: 10px 0px 0px 15px;

}

.col-lg-3.Questions-col {

    padding: 10px 0px 0px 15px;

}

.col-lg-2.Answer-col {

    padding: 10px 0px 0px 15px;

}

.inner-page-wrapper-dashboard-27 #Time-1 {

    padding: 20px;

    font-size: 18px;

    width: 100%;

}

.inner-page-wrapper-dashboard-27 #Time

{

    width: 50%;

    font-size: 18px;

    padding: 20px;

}

.inner-page-wrapper-dashboard-27 .pie_chart_content

{

    padding: 47px 0px 0px 0px;

    

}

.inner-page-wrapper-dashboard-27 .pie_chart_content h3

{

    font-size: 24px;

}

.inner-page-wrapper-dashboard-27 .pie_chart_graph {

    float: left;

}

.inner-page-wrapper-dashboard-27 .pie_chart_intigation {

    padding: 35px 0px 0px 35px;

    float: left;

}

.inner-page-wrapper-dashboard-27 .btn.btn-primary {

    border-radius: 50%;

    padding: 8px;

    display: inline-block;

    margin: 0;

    background-color: #f7d1cb;

    border-color: #f7d1cb;

    vertical-align: 5px;

}

.inner-page-wrapper-dashboard-27 .btn.btn-danger {

    border-radius: 50%;

    padding: 8px;

    background: #53697c;

    border-color: #53697c;

    vertical-align: 5px;

}

.inner-page-wrapper-dashboard-27 .pie_chart_intigation h4

{

    display: inline-block;

    padding: 0px 0px 10px 5px;

    color: #20466f;

    font-size: 16px;

    margin-bottom: 20px;

}

/* table-start */

.inner-page-wrapper-dashboard-27 #grand-cicu-table-main {

    padding-top: 10px;

background-color: transparent !important;

}

.inner-page-wrapper-dashboard-27 #grand-cicu-table-main thead tr th {

    text-align: left;

    padding-left: 20px !important;

    font-family: 'Circular Air-Medium';

    font-weight: 100;

    font-size: 21px !important;

}

.inner-page-wrapper-dashboard-27 #grand-cicu-table-main tbody td {

    background: white !important;

    padding: 20px 10px;

    text-align: center;

}

 

.Correct_btn {

    background: #53697c;

    border-radius: 8px;

    font-size: 17px;

    padding: 11px 25px;

    color: #ffff !important;

}

.Wrong_btn {

    background: #f7d1cb;

    border-radius: 8px;

    font-size: 17px;

    padding: 11px 17px;

    color: black !important;

}

.Unattempt_btn {

    background: #c0c0c0;

    border-radius: 8px;

    font-size: 17px;

    padding: 11px 17px;

    color: #fff !important;

}

.Total_btn {

    background: #aecce1;

    border-radius: 8px;

    font-size: 17px;

    padding: 11px 17px;

    color: #fff !important;

}

.inner-page-wrapper-dashboard-27 .first-column {

    font-size: 17px !important;

    text-align: center !important;

    color: #48605e !important;

}

.inner-page-wrapper-dashboard-27 #grand-cicu-table-main {

    text-align: left;

}

/*

.inner-page-wrapper-dashboard-27 .main-MCQ_Questions {

    margin-bottom: 20px;

    background-color: #fff !important;

    display: inline-block;

    width: 100%;

    border-radius: 7px;

    padding: 20px 15px;

    border: solid 1px #d8e4f3;

}*/

.inner-page-wrapper-dashboard-27 .main-MCQ_Questions h4

{

    color: #21466f;

}

.inner-page-wrapper-dashboard-27 .main-MCQ_Questions .main-question-col

{

    background: #f1f6f7;

    border-radius: 7px;

    padding: 0px 50px;

    border: solid 1px #d8e4f3;

}

.inner-page-wrapper-dashboard-27 .grand-cicu-table-main-mcq-tbl #grand-cicu-table-main thead tr th {

    text-align: left;

    padding-left: 20px !important;

    font-size: 19px;

}

/* table-end */

.inner-page-wrapper-dashboard-27 .involvement-inner-cont-dashboard-27-b

{

    background: #f1f6f7;

    padding: 10px 0px 1px 15px;

    border-radius: 7px;

    font-size: 17px;

    border: solid 1px #d8e4f3;

    margin-bottom: 20px;

    color: #28535d;

}

.inner-page-wrapper-dashboard-27 .involvement-inner-cont-dashboard-27-b span

 {

    background-color: #3db1b3;

    padding: 5px 7px;

    border-radius: 50%;

    color: #fff;

    font-size: 15px;

    font-weight: 600;

    margin-right: 5px;

}

.inner-page-wrapper-dashboard-27 .involvement-inner-cont-dashboard-27-c {

    color: white;

    background: #f7d1cb;

    padding: 10px 0px 1px 15px;

    border-radius: 7px;

    font-size: 17px;

    border: solid 1px #edc8c2;

    margin-bottom: 20px;

}

.inner-page-wrapper-dashboard-27 .involvement-inner-cont-dashboard-27-c span

 {

    background-color: white;

    border-radius: 50%;

    color: #f7d1cb;

    font-size: 15px;

    font-weight: 600;

    margin-right: 5px;

    min-width: 30px;

    display: inline-block;

    min-height: 30px;

    padding: 0;

    text-align: center;

    padding-top: 6px;

}

.inner-page-wrapper-dashboard-27 .involvement-inner-cont-dashboard-27-d {

    color: white;

    background: #eff4f7;

    padding: 10px 0px 1px 15px;

    border-radius: 7px;

    font-size: 17px;

    border: solid 1px #d8e4f3;

    margin-bottom: 20px;

}

.inner-page-wrapper-dashboard-27 .involvement-inner-cont-dashboard-27-d span {

    background-color: white;

    padding: 5px 0px 0px;

    border-radius: 50%;

    color: #53697c;

    font-size: 15px;

    font-weight: 600;

    margin-right: 5px;

    min-width: 30px !important;

    min-height: 30px !important;

    display: inline-block;

    text-align: center;

}

.inner-page-wrapper-dashboard-27 .involvement-inner-cont-dashboard-27-d p {

    color: #53697c;

}

.inner-page-wrapper-dashboard-27 .involvement-inner-cont-dashboard-27-e

{

    background: #f1f6f7;

    padding: 10px 0px 1px 45px;

    border-radius: 7px;

    font-size: 17px;

    border: solid 1px #d8e4f3;

    margin-bottom: 20px;

    color: #28535d;

    background-image: url(../images/attempt-one-txt-flds-imgs_16.png);

    background-repeat: no-repeat;

    background-position: 18px 13px;

}

.inner-page-wrapper-dashboard-27 #grand-cicu-table-main {padding: 0;

}

.Dashboard-27-table #grand-cicu-table-main thead tr th  {

    background: #f1f6f7;

    color: #113965;

    

    font-weight: 500;

}

.inner-page-wrapper-dashboard-27 #inactive a {

    background: none;

    color: #456a73;

    text-transform: uppercase;

    font-size: 17px;

    letter-spacing: 1px;

}

.inner-page-wrapper-dashboard-27 #active a {

    

    color: white;

    text-transform: uppercase;

    font-size: 14px;

    letter-spacing: 0;

}

.Dashboard-27-table .first-column span {

    background-color: #53697c;

    padding: 0;

    border-radius: 50%;

    color: #fff;

    font-size: 15px;

    font-weight: 600;

    margin-right: 5px;

    position: absolute;

    left: 15px;

    min-width: 27px;

    min-height: 27px;

    text-align: center;

    padding-top: 4px;

}

.inner-page-wrapper-dashboard-27 #grand-cicu-table-main tbody td:first-child {

    padding-left: 60px;

    position: relative;

}

.total-qstns-main #grand-cicu-table-main tr td:first-child {

    padding-left: 15px !important;

}

.col-lg-6.marks-min-btn button {

    border-color: #d8e4f3;

    background: none;

    color: #28535d;

    font-size: 20px;

}

.col-lg-6.marks-max-btn button {

    border-color: #f7d1cb;

    background: #f7d1cb;

    color: white;

    font-size: 20px;

}

#grand-cicu-table-main #active .Wrong_btn-success {

    background: #41bc20;

    padding: 10px 38px;

    border-radius: 5px;

}

#grand-cicu-table-main #active .Wrong_btn-ready {

    background: #ed8f15;

    padding: 10px 38px;

    border-radius: 5px;

}

.involvement-inner-cont-dashboard-27-answer-field #text-center-placeholder {

    background: white;

    border-radius: 10px;

    padding: 19px 0px 19px 55px;

    border: solid 1px #e3ebeb;

    width: 100%;

    margin: 0;

    color: #a6acb4;

    background-image: url(../images/comment.png);

    background-repeat: no-repeat;

    background-position: 23px 23px !important;

    font-size: 18px;

    font-weight: 100;

    color: black;

    resize: none;

    outline: none;

}



.text-center{

    text-align: center;

}



.involvement-inner-cont-dashboard-27-answer-option #text-center-placeholder {

    background: #faf4f3;

    border-radius: 10px;

    padding: 19px 0px 19px 55px;

    border: solid 1px #f6eae8;

    width: 100%;

    margin: 0;

    color: #a6acb4;

    background-image: url(../images/comment.png);

    background-repeat: no-repeat;

    background-position: 23px 23px !important;

    font-size: 18px;

    font-weight: 100;

    color: black;

    resize: none;

    outline: none;

}

.Dashboard-27-table #grand-cicu-table-main thead tr th {

    background: #f1f6f7;

color: #113965;

font-weight: 500;

padding: 10px 18px !important;

text-align: center;

}

.Dashboard-27-table #grand-cicu-table-main #main-head {

    text-align: left;

}

.inner-page-wrapper-dashboard-27 #grand-cicu-table-main tbody #active .Wrong_btn-ready {

    padding: 10px 14px;

}

.last-heading

{

    margin-top: 75px;

}

.attempt-one-std-name-fld {

    background-image: url(../images/attempt-one-txt-flds-imgs.png);

}

.attempt-one-exam-name-fld {

    background-image: url(../images/attempt-one-txt-flds-imgs_06.png);

}

.attempt-one-exm-cat-fld {

    background-image: url(../images/attempt-one-txt-flds-imgs_09.png);

}

.attempt-one-total-time-fld {

    background-image: url(../images/attempt-one-txt-flds-imgs_14.png);

}

.attempt-one-total-qstn-fld {

    background-image: url(../images/attempt-one-txt-flds-imgs_16.png);

}

.attempt-one-crrect-answr-fld {

    background-image: url(../images/attempt-one-txt-flds-imgs_19.png);

}

.attempt-one-wrng-answr-fld {

    background-image: url(../images/attempt-one-txt-flds-imgs_19.png);

}

.attempt-one-unattmpt-qstn-fld {

    background-image: url(../images/attempt-one-txt-flds-imgs_16.png);

}

.attempt-one-flds {

    background-repeat: no-repeat;

    background-position: 15px 12px;

    padding: 22px 45px !important;

}

.result-tp-tbl table td {

    font-size: 17px;

    padding: 10px 15px !important;

    border-color: #e0e1e2 !important;

}

.result-tp-tbl {

    margin: 20px 0 18px;

}

.drk-blu {

    background-color: #e6eced;

}

.correct-ansr h3 {

    background-color: #fff;

    display: inline-block;

    min-width: 130px;

    min-height: 130px;

    border-radius: 50%;

    padding-top: 44px;

    font-size: 33px;

    font-weight: 700;

    color: #53697c;

    border: 4px solid #53697c;

    letter-spacing: 0.5px;

    box-shadow: 1px 0px 16px -3px #f7d1cb;

    margin: 0;

}

.correct-ansr h4 {

    font-size: 23px;

    margin-bottom: 13px;

    margin-top: 0;

    text-align: center;

}



.correct-ansr{

    text-align: center;

}



.questions-div-reslt {

    margin-top: 20px;

}



.grand-cicu-table-main-mcq-tbl.total-qstns-main {

    float: left;

    width: 100%;

    margin-top: 10px;

}

.cols-exms p {

    background-color: #fff;

    padding: 10px 16px;

    margin: 0 0 5px;

    font-size: 17px;

    border-radius: 10px !important;

    border: 1px solid #d8e4f3 !important;

    color: #28535d;

}

.quest-cl p {

    background-color: #53697c;

    color: #fff;

    margin-bottom: 10px;

}



.questions-div-sprt {

    margin-bottom: 25px;

    border: 1px solid #e5e5e5;

    padding: 15px;

    border-radius: 10px;

}



.resut-tf-qstn{

    width: 57%;

    display: inline-block;

    margin-right: 10px;

}



.resut-tf-ansr{

    width: 20%;

    display: inline-block;

    margin-right: 5px;

    text-align: center;

}



/*.quest-cl p::before {

    content: '\f29c';

    font-family: 'FontAwesome';

    font-size: 20px;

    vertical-align: -1px;

    min-width: 27px;

    display: inline-block;

    text-align: center;

    margin-right: 10px;

}*/

.cols-exms span {

    background-color: #f7d1cb !important;

    border-radius: 50%;

    color: #fff;

    font-size: 15px;

    font-weight: 600;

    margin-right: 7px;

    min-width: 27px;

    display: inline-block;

    min-height: 27px;

    text-align: center;

    padding: 4px 0 0 !important;

}

.yr-ansr-pink span {

    background-color: #fff !important;

    color: #f7d1cb !important;

}

.yr-ansr-pink p {

    background-color: #f7d1cb;

    border-color: #edc8c2 !important;

    color: #fff;

}

.exm-type-hdng {

    margin-bottom:20px;

}

.explntn-col p::before {

    content: '\f06a';

}

.crct-answr p {

    background-color: #eff4f7;

    border-color: #d8e4f3 !important;

}

.crct-answr span {

    color: #53697c;

    background-color: #fff !important;

}

.yr-ansr-green span {

    background-color: #fff !important;

    color: #adde99;

}

.yr-ansr-green p {

    background-color: #adde99;

    color: #fff;

    border-color: #a0cc8e !important;

}



.yr-ansr-yello span {

    background-color: #fff !important;

    color: #f1f1b4;

}

.yr-ansr-yello p {

    background-color: #faf6bd;

    color: #000;

    border-color: #f0f061 !important;

}



.yr-ansr-gray p {

    background-color: #c0c0c0;

    color: #000;

    border-color: #b1b0b0 !important;

}

.yr-ansr-gray span {

    background-color: #fff !important;

    color: #000;

}

.Dashboard-27-table #grand-cicu-table-main thead tr th:nth-child(2) {

    border-left: 0 !important;

    border-right: 0 !important;

}

.Dashboard-27-table #grand-cicu-table-main thead tr th {

    border:1px solid #d8e4f3 !important;

}

.tf-ques-tbls .Correct_btn {

    background-color: #eff4f7 !important;

    color: #28535d !important;

    width: 100% !important;

    display: block;

    padding: 7px;

}

.tf-ques-tbls .Wrong_btn {

    background-color: #f7d1cb !important;

    color: #fff !important;

    width: 100% !important;

    display: block;

    padding: 7px;

    font-size: 17px !important;

}

.tf-ques-tbls .Wrong_btn-success {

    background-color: #adde99 !important;

    color: #fff !important;

    width: 100% !important;

    display: block;

    padding: 7px !important;

    font-size: 17px !important;

    border-radius: 7px !important;

}

.Wrong_btn-ready {

    background-color: #c0c0c0 !important;

    color: #fff !important;

    width: 100% !important;

    display: block;

    padding: 7px !important;

    font-size: 17px !important;

    border-radius: 7px !important;

}

.bck-bg-wht {

    background-color: white !important;

    padding: 12px 22px;

    border: 1px solid #d8e4f3;

    border-radius: 10px;

}

.seq-ques-type {

    margin-top: 30px;

}

.marks-min-btn {

    padding-left: 0;

}

.marks-max-btn {

    padding-right: 0;

}

/*Result Page end*/

/*Diary Password start*/

.diary-pgs-head {

    text-align: center;

}

.diary-pwd-main {

    background-color: #fff;

    padding: 30px 0px 40px;

    margin: 50px 0px;

    text-align: center;

}

.diary-pgs-head h2 {

    color: #28435b;

    font-weight: 600;

}

.diary-pgs-head p {

    color: #28435b;

}

.diary-pwd-form-main {

    box-shadow: 0px 0px 10px 1px #f2f2f2;

    padding: 10px;

    border-radius: 5px;

}

.diary-pwd-pg-form {

    background-color: #f7d1cb;

    border-radius: 5px;

    padding: 25px 40px;

}

.diary-pwd-pg-form form .title-input-password {

    width: 100%;

    padding: 10px 14px;

    border-radius: 5px;

    border: 1px solid lightgray;

    margin-top: 5px;

    outline: none;

}

.title-input-password {

    background-color: #fff;

}

.diary-pwd-pg-form form .invalid-pwd-txt {

    display: block;

    text-align: left;

    color: red;

    font-size: 13px;

    font-weight: 600;

    letter-spacing: 0.5px;

}

.diary-pwd-pg-form form .save-setting-btn {

    background-color: #28435b;

    color: #fff;

    border: none;

    padding: 10px 35px;

    display: inline-block;

    margin-top: 15px;

    text-transform: capitalize;

    font-size: 16px;

    border-radius: 5px;

}

/*Diary Password end*/

/*Diary Settings start*/

.diary-settings-main {

    background-color: #fff;

    margin: 35px 0px;

}

.diary-settings-main {

    background-color: #fff;

    padding: 30px 0px 40px;

    margin: 50px 0px;

    text-align: center;

}

.diary-settings-main-form {

    box-shadow: 0px 0px 10px 1px #f2f2f2;

    padding: 10px;

    border-radius: 5px;

}

.diary-settings-form {

    width: 100%;

    background-color: #f7d1cb;

    border-radius: 5px;

    padding: 25px 40px;

    text-align: left;

    display: inline-block;

}

.diary-settings-form .title-input-password {

    width: 100%;

    padding: 10px 14px;

    border-radius: 5px;

    border: 1px solid lightgray;

    margin-bottom: 5px;

}

.diary-settings-sec-title {

    color: #28435b;

    font-size: 16px;

    display: block;

    margin: 15px 0px;

}

.lab-radio-btn-s {

    background-color: red;

    margin-right: 30px;

    padding: 20px 35px;

}

.diary-settings-slt-img {

    color: #28435b;

    font-size: 15px;

    margin: 10px 0px;

    display: inline-block;

    vertical-align: middle;

    width: 30%;

}

.diary-settings-slt-img-file {

    display: inline-block !important;

    width: 69%;

    vertical-align: middle;

}

.diary-settings-form .save-setting-btn {

    float: right;

    display: inline-block;

    margin-top: 20px;

    background-color: #28435b;

    color: #fff;

    border: none;

    padding: 10px 35px;

    text-transform: capitalize;

    font-size: 16px;

    border-radius: 5px;

}

.lab-radio-btn-1 {

    background-color: green;

}

.lab-radio-btn-2 {

    background-color: red;

}

.lab-radio-btn-3 {

    background-color: blue;

}

.lab-radio-btn-4 {

    background-color: yellow;

}

/*Diary Settings end*/

/*Pole Diary start*/

.pole-diary-pg-main {

    background-color: #fff;

    padding: 30px 0px 40px;

    margin: 50px 0px;

    text-align: center;

}

.pole-diary-pg-sec-main {

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

    height: 100%;

    box-shadow: 0px 0px 10px 1px #f2f2f2;

    border-radius: 5px;

    background-color: #28435b;

    position: relative;

    margin-top: 30px;

}

.pole-diary-form-main button {

    background-color: #f7d1cb;

    border: none;

    width: 100%;

    padding: 12px 0px;

    font-size: 15px;

    font-family: 'CircularStd-Medium';

    color: #424242;

}

.pole-diary-pg-sec-inner-cont {

    margin: 0px 40px;

    border: 3px dotted #28435b;

    border-radius: 15px;

    padding: 10px 0px 40px;

    background-color: #d4d9de;

}

.pole-diary-pg-sec-inner-cont h3 {

    color: #28435b;

    font-weight: 600;

    margin-top: 15px;

}

.pole-diary-pg-sec-main .pole-lock-btn {

    position: absolute;

    bottom: -14px;

    right: -21px;

}

/*Pole Diary end*/



/*View Pole Diary start*/

.view-pole-diary-main {

    background-color: #fff;

    display: inline-block;

    width: 99%;

    box-shadow: 6px 6px 12px 2px #b0afb3;

    padding-bottom: 3px;

    margin-top: 50px;

}

.view-pole-diary-inner {

    background-color: #fff;

    display: inline-block;

    width: 99%;

    box-shadow: 6px 6px 12px 2px #b0afb3;

    position: relative;

    padding-bottom: 20px;

}

.cls-dry-lock {

    bottom: 0px !important;

}



.cls-dry-lock .fa-arrow-left {

    background-color: #28435b;

    color: #fff;

    min-width: 50px;

    text-align: center;

    min-height: 50px;

    border-radius: 50%;

    font-size: 22px;

    padding-top: 12px;

    display: inline-block;

    line-height: 22px;

}



.view-pole-diary-left .diary-img {

    width: 100%;

}

.view-pole-diary-sec-right {

    padding: 30px;

}

.view-pole-diary-left h3 {

    color: #28435b;

    font-weight: 600;

    margin-bottom: 50px;

    text-align: center;

    margin-top: 0;

}



#seperator {

    background-color: #28435b;

    width: 1px;

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    height: 100%;

}



.view-pole-diary-left {

    padding: 30px;

}

.view-pole-diary-left a img, .col-right a img {

    width: 17px;

}

.view-pole-diary-left a, .col-right a {

    position: absolute;

    top: 30px;

    right: 30px;

}

.pole-lock-btn {

    position: absolute;

    bottom: -44%;

    right: 0;

}

.pole-diary-form-main label {

    width: 100%;

    text-align: left;

    color: #3f3f3f;

    font-family: 'CircularStd-Medium';

    font-weight: 100;

    font-size: 16px;

}

.pole-diary-form-main input {

    width: 100%;

    border: 1px solid #bec3c7;

    border-radius: 3px;

    padding: 12px 14px;

    margin-bottom: 20px;

    background-color: #fff;

}

.pole-diary-form-main {

    padding: 0 40px;

    margin-top: 30px;

}

.btn-new-entry {

    background-color: #28435b;

    color: #fff;

    border: none;

    padding: 9px 22px;

    text-transform: capitalize;

    font-size: 15px;

    border-radius: 30px;

}

.view-pole-diary-sec-main .col-left {

    float: left;

}

.view-pole-diary-sec-main .col-right {

    float: right;

}

.view-pole-diary-sec-main .pole_tbl_styling {

/*    display: inline-block;

    width: 100%;*/

}

.view-pole-diary-sec-main {

    box-shadow: 0px 0px 10px 1px #f2f2f2;

    padding: 40px 20px;

    border-radius: 5px;

    display: inline-block;

}

.view-pole-diary-head {

    display: inline-block;

    width: 100%;

}

.view-pole-diary-sec-right h4 {

    color: #28435b;

    font-weight: 600;

    margin-top: 20px;

}

.pole_tbl_styling thead {

    background-color: #f7d1cb;

}

.view-pole-diary-sec-main .pole-lock-btn {

    text-align: right;

}

/*View Pole Diary end*/

.show-pwd-fld-main {

    position: relative;

}

.show-pwd-fld-main i {

    position: absolute;

    right: 15px;

    top: 15px;

}

.crte-dry{

    height: auto;

}

.no-entry td {

    border: 0 !important;

}



.view-dry-lock {

    position: static;

    margin-right: 10px;

    margin-bottom: 10px;

    float: right;

}

.view-dry-lock a {

    font-size: 28px;

    background-color: #28435b;

    color: #fff;

    min-width: 50px;

    min-height: 50px;

    display: inline-block;

    text-align: center;

    border-radius: 30px;

    padding-top: 6px;

}

.chng-pwd {

    display: inline-block;

    margin-top: 20px;

    background-color: lightgray;

    color: #000 !important;

    padding: 8px 15px;

    text-transform: capitalize;

    font-size: 16px;

    border-radius: 30px;

    border: 3px solid black;

}

.writting-pad-txtarea textarea {

    resize: none !important;

    width: 100%;

    height: 500px;

}

.write-diary-txt-fld {

    padding: 7px 14px;

    border-radius: 5px;

    border: 1px solid lightgray;

    margin-bottom: 20px;

    outline: none;

    width: 40%;

}

.write-diary-update-txt {

    padding: 9px 6px;

    border-radius: 5px;

    border: 1px solid lightgray;

    margin-bottom: 20px;

    margin-left: 5px;

    font-size: 15px;

    display: block;

    max-width: fit-content;

    background-color: white;

}

.entry-date{

    padding: 0px 6px !important;

}

.view-entry-diary {

    display: inline-block;

}

.view-diary-pad-main {

    background-color: #fff;

    padding: 20px 20px;

    height: 81%;

    overflow-y: scroll;

    margin-top: 15px;

}

.tox .tox-dialog--width-lg {

    height: 590px !important;

    max-width: 1080px !important;

    top: -20px;

    overflow-y: scroll !important;

}

#file{

    width:100%;

}

.view-diary-pad-main h3 {

    margin-bottom: 20px;

}

.view-diary-pad-main h3 a {

    position: relative;

    margin-left: 10px;

    top: -2px;

    right: 0;

}



/*Create Message start*/



.compose_message_main {

    margin-top: 53px !important;
    background-color: #fff;
    margin: 0px 0px;
    border: 6px solid #f9edeb;
    border-radius: 20px;
    box-shadow: 0px 0px 5px 5px #faf4f3;

}

.compose_message_inr_cont {

    padding: 20px 28px 45px;

}

.compose_message_inr_cont h4 {

    color: #28435b;

    font-size: 20px;

    font-family: 'CircularStd-Medium';

}

.compose_message_form_main p label {

    display: block;

    color: #383838;

    font-weight: 500;

    font-size: 16px;

    margin-bottom: 12px;

}

.compose_message_form_main {

    margin-top: 35px;

}

.compose_message_form_main p input {

    width: 100%;

    border: 1px solid #cacaca;

    border-radius: 5px;

    padding: 12px 16px;

    box-shadow: 0px 0px 4px 1px #f6f6f6;

    outline:none;

}

.compose_message_form_main p input::placeholder {

    font-family: 'Circular Air-Light';

    color: #5b5b5b;

    font-size: 15px;

}

.compose_message_form_main p {

    margin-bottom: 32px;

}

.compose_message_form_main p textarea {

    resize: none;

    width: 100%;

    border: 1px solid #cacaca;

    border-radius: 5px;

    padding: 12px 16px;

    height: 150px;

    outline: none;

    box-shadow: 0px 0px 4px 1px #f6f6f6;

}

.compose_message_form_btns {

    color: #fff;

    padding: 12px 30px;

    margin-right: 8px;

    border-radius: 5px;

    font-family: 'Circular-Air-Bold';

    text-transform: uppercase;

    font-size: 13px;

}

.compose_message_form_btn1{

    background-color: #f7d1cb;

    color: #82534c;

}

.compose_message_form_btn1:hover {

    color: #82534c;

}

.compose_message_form_btn2{

    background-color: #28435b;

}

.compose_message_form_btn2:hover {

    color: #fff;

}

.snt-bx-btn{

    background-color: #53697c;

}

.snt-bx-btn:hover {

    color: #fff;

}

.compose_message_form_btns_main {

    margin-top:20px;

}

.compose_message_form_btns_main {

    margin-top: 5px;

    display: inline-block;

    width: 100%;

}

/*Create Message end*/



/*Subject of message start*/



.subject_message_cont {

    border: 1px solid #cacaca;

    border-radius: 5px;

    padding: 8px;

    box-shadow: 0px 0px 4px 1px #f6f6f6;

    margin-top: 25px;

}

.suject_message_inr_cont h4 {

    margin-bottom: 35px;

}

.subject_message_cont h5 {

    background-color: #28435b;

    display: inline-block;

    color: #fff;

    padding: 11px 13px 10px;

    border-radius: 8px;

    font-weight: 600;

    letter-spacing: 0.5px;

    font-size: 14px;

    margin: 0px 6px 0px 0px;

}

.subject_message_cont p {

    display: inline-block;

    font-family: 'Circular Air-Light';

    font-size: 16px;

}

.subject_message_cont_para {

    margin-top: 18px;

    display: block !important;

    margin-left: 15px;

}

.suject_message_form_btns_main {

    margin-top: 40px;

}

/*Subject of message end*/
.attempt_general_test_table tbody tr td:last-child {
    width: 17% !important;
}
.attempt_general_test_table tbody tr td:nth-child(2) {
    width: 35% !important;
}
.attempt_general_test_table tbody tr td:first-child {
    width: 10% !important;
}

.detail1-page-title .accordion .MsoListParagraph {
    margin-left: 0px !important;
    text-indent: 0 !important;
}
/*Responsive start*/



@media screen and (max-width: 428px) {
    .detail1-page-title .accordion .question-span {
        min-width: 18%;
    }
/*    .detail1-page-title .accordion .MsoListParagraph {*/
/*    margin-left: 0 !important;*/
/*}*/

    #login-panel-bg {

        height: 150vh;

    }

    .navbar-header {

        width: 161px;

        background-color: transparent;

    }

    .navbar-top-links > li {

        line-height: 45px;

        vertical-align: top;

    }

    .navbar-top-links li a {

        padding: 0;

        min-height: 50px;

        padding-left: 7px;

        padding-right: 3px;

    }

    .pole-movement-top-bar {

        height: 50px;

    }

    .admin-settings {

        padding-top: 0px !important;

        padding-bottom: 0px !important;

        font-size: 12px;

    }

    .pole-movement-top-bar .navbar-top-links li:last-child {

        padding: 0px 5px;

    }

    .admin-settings img {

        width: 30px;

        height: 30px;

    }

    .pole-movement-top-bar .navbar-toggle{

        padding: 7px 5px;
        margin-top: 7px;
        margin-right: 23px;
        background-color: #153900 !important;

    }

    .msg-notfction-area a i {

        font-size: 18px;

    }

    .sidebar-nav {

        position: absolute;

        left: 0;

        background-color: #28435b;

        top: 50px;

        width: 250px;

        height: 480px;

        overflow-y: scroll !important;

    }

    .workbook-progress-list li h5 {

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

        width: 74%;

    }

    .diary-pgs-head {

        padding: 0px 15px;

    }

    #crte_dry_div {

        padding: 30px 0px;

    }

    .pole-diary-pg-sec-inner-cont {

        margin: 0px 20px;

    }

    .pole-diary-form-main {

        padding: 0 20px;
    }

    .attempt_general_test_main {
        margin: 50px 0px;
        padding: 13px;
        border-radius: 10px;
        /* width: 530px !important; */
    }
    .btn {
        margin-bottom: 9px;
    }
    .thumbnail-cont {
        width: 96%;
    }
    .video-thumbnail {
        width: 100%;
       }
    .news-headlines {
      width: 100%;
    }
    .news-preview {
        width: 100% !important;
        margin: 20px 0px;
        height: 250px !important;
    }
    ul.news-headlines {
        width: 100% !important;
    }
    .news-content {
           width: 356px;
    }
    .pole-diary-pg-main {
          
        margin: 50px 16px;
        padding: 20px 20px;
    }
    div[role="progressbar"] {
      --size: 10rem !important;
        font-size: calc(var(--size) / 6) !important;
        margin: -26px -3px 0px 0px !important;
       top: -6px !important;
        left: -9px !important;
    }
    .admin-title {
        font-size: 28px;
    }
    .container-fluid {
        padding-right: 0px !important; 
        padding-left: 0px !important; 
       margin-right: 0px !important; 
       margin-left: 0px !important; 
   }
   .msger-inputarea {
    /* display: flex; */
     padding: 0px !important; 
    border-top: var(--border);
    background: #eee;
}
.msger {
    /* display: flex; */
       width: 100% !important;
           max-width: 100% !important;
    margin: 0px 0px !important;
    height: calc(100% - 50px);
    border: var(--border);
    border-radius: 5px;
    background: var(--msger-bg);
    box-shadow: 0 15px 15px -5px rgb(0 0 0 / 20%);
}
.compose_message_main {
    margin-top: 508px !important;
    }
    
    /*Video Assesment start*/
    
    .video_assessment_btns_main {
        text-align: center;
    }
    .news-content {
        width: 100%;
    }
    .lft-sd-main {
    height: 0;
}
.questions-main {
    width: 90%;
}
.news-holder {

    max-width: 90%;

}

    
    /*Video Assesment end*/
    
}



/*Responsive start*/