/* Global Color Scheme */
:root {
  --bgcolor: #0f96b3;
  --color: #fff;
}

/*** Put your Custom CSS into this file ***/
#img{
    display:none; 
    overflow-x: auto; 
    width: 210px;
}

#img img{
    width: 100%;
    height: 100%;
}

.path-portalmember .tabs,
.horizontal-tabs{
    display: none;
}

p {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}


/***** Logo Block *****/
.branding-block {
  position: absolute;
  float: left;
  line-height: 40px;
  text-transform: uppercase;
  font-size: 1.4em;
}

/***** Header User Info Block Start *****/
.header-userinfo .dropdown{
    position: relative;
    display: inline-block;
    float: right;
    z-index: 9999999;
    margin: 8px 0;
    cursor: pointer;
    line-height: 50px;
}

.header-userinfo .dropdown-content{
    display: none;
    position: absolute;
    right: 0;
    top: 52px;
    border-top: 2px solid #0f96b3;
    background-color: #f9f9f9;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.header-userinfo .dropdown-content a {
    color: #183962;
    padding: 5px 16px 18px;
    text-decoration: none;
    display: block;
    margin: 0 10px 0;
    border-bottom: #ccc 1px dotted;
    font-size: 13px !important;
    line-height: 18px;
    height: 30px;
}

.header-userinfo .dropdown-content a:hover{
    color: #e62117 !important;
}

.header-userinfo .dropdown:hover .dropdown-content {
    display: block;
}

.header-userinfo .dropdown .profileimage {
    height: 50px;
    width: 45px;
    border-radius: 50%;
    border: 5px solid #e2e2e2;
    float: left;
    line-height: 43px;
}

.header-userinfo .dropdown .profileimage img{
    width: 35px;
    height: 35px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin-left: 0;
}

.header-userinfo .dropdown .profilename {
    float: left;
    margin-right: 4px;
    background: url(../images/drop-down-arrow.png) 40px 30px no-repeat;
}
/***** Header User Info Block End *****/


/** Latest CBSE News **/
.newsbox {
    width: 100%;
    float: left;
    position: relative;
    padding-left: 70px;
    margin-top: 15px;
    margin-bottom: 10px;
    min-height: 150px;
}

.newsbox > h3 {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    margin-top: 0;
}

.newsbox a {
    color: #167286;
}

.newsbox a:hover{
    color: #dc3545;
}

.newsbox i.fa-newspaper-o {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 2em;
    line-height: 1.6em;
    height: 1.9em;
    width: 1.9em;
    text-align: center;
    background: #0099ba;
    color: #fff;
    border: 5px solid #e7eaec;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
}

.newsbox i.fa-chevron-right {
    font-size: 10px;
}

.newsbox:hover i {
    color: #e2e2e2;
    border-color: #ccc;
}

.newsbox, .newsbox i, .newsbox p, .newsbox h3 {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.news-more a{
    font-size: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

a.read, .read a, .read-more{
    -webkit-transition: color 200ms ease-in-out;
    -moz-transition: color 200ms ease-in-out;
    -o-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out;
    color: #000;
    font-size: 12px;
    font-weight: 600;
    text-align: right !important;
}

.node-readmore a {
    margin: 0px;
    background: #ff3366;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    text-align: center;
    padding: 5px 30px;
}

.studyblog-content{
    min-height: 110px;
}

/***************************/

/** Latest CBSE News **/
.newsbox {
    width: 100%;
    float: left;
    position: relative;
    padding-left: 70px;
    margin-top: 15px;
}

.newsbox > h3 {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    margin-top: 0;
}

.newsbox a {
    color: #167286;
}

.newsbox a:hover{
    color: #dc3545;
}

.newsbox i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 2em;
    line-height: 1.6em;
    height: 1.9em;
    width: 1.9em;
    text-align: center;
    background: #0099ba;
    color: #fff;
    border: 5px solid #e7eaec;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
}

a.read:after, .read a:after{
    -webkit-transition: left 0.3ms ease;
    -moz-transition: left 0.3ms ease;
    -o-transition: left 0.3ms ease;
    transition: left 0.3ms ease;
    position: relative;
    display: inline-block;
    font-family: "FontAwesome";
    content: "\f105";
    margin-left: 0.5em;
}
/*************************************/


/** Home Classes Box **/

.serviceBox_1 .icon_service i{
    display: block;
    font-size: 45px;
    line-height: 80px;
    height: 90px;
    width: 90px;
    color: #fff;
    border-radius: 50%;
    margin-bottom: 5px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    border: 5px solid #b8caba;
    box-shadow: rgba(137, 173, 255, 0.35) -10px 10px 35px 5px;
}

i.red {
    background: #e62117 !important;
}

i.green {
    background: #16e426 !important;
}

i.blue {
    background: #054b81 !important;
}

i.purple {
    background: #f00fff !important;
}


.icon_service {
    margin-bottom: 20px;
}


.icon_service i:hover, 
.class-subject-box .icon_service:hover {
    box-shadow: 0 10px 55px 5px rgba(255, 193, 7, 0.7);
    transform: translateY(-0.8rem);
    cursor: pointer;
}

.icon_service > h3 {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    position: relative;
}

.icon_service a {
    color: #2e3031;
}

.icon_service a:hover {
    color: #0056b3;
    text-decoration: none;
}

.service_content > p {
    font-size: 14px;
    line-height: 1.4;
}

.about-info {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 20px;
}


/** Subjects Boxes inside **/

.class-subject-box .icon_service {
    display: block;
    padding: 10px;
    height: 106px;
    width: 164px;
    margin-bottom: 30px;
    box-shadow: rgba(137, 173, 255, 0.35) 0px 0px 3px 0px;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
}

.class-subject-box .icon_service h3 {
    font-size: 15px;
    font-weight: 400;
    margin: 0;
}

.class-subject-box img.img-responsive {
    display: initial;
}

/** More content boxes **/

.moreinfo-boxes {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 40px 10px 10px;
    min-height: 70px;
    height: 70px;
    margin: 10px 0;
    background: #f8f9fa;
    border: 1px solid #ccc;
    border-radius: 4px;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -webkit-transition: line-height 1s, height 3s ease-in, opacity 1s, border-radius 1s;
    border-bottom: 5px solid #2980B9;
    position: relative;
    font-size: 16px;
}

.moreinfo-boxes::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    border-top: 2px solid #FF0000;
    border-right: 2px solid #FF0000;
    transform: rotate(45deg);
    font-weight: bold;
}

.moreinfo-boxes a{
    color: #000; 
}

.moreinfo-boxes a:hover{
    color: #0099ba;
}

.moreinfo-boxes .modtitle{
    font-size: 20px;
    margin-bottom: 10px;
    color: #0099ba;
}

.smoreinfo-boxes h3:hover{
    color: #000;
}

.moreinfo-boxes a.read-more{
    float: right
}

.study-outer-pane .row{
    display: block !important;
}

.study-outer-pane {
    display: block;
    float: left;
    padding: 10px;
    width: 21em;
    min-height: 140px;
    height: 170px;
    margin: 15px 20px 15px 0;
    background: #f8f9fa;
    border: 1px solid #ccc;
    border-radius: 4px;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -webkit-transition: line-height 1s, height 3s ease-in, opacity 1s, border-radius 1s;
    border-bottom: 5px solid #2980B9;
}

.study-outer-responsive-ads{
    width: 100%;
    min-height: 60px;
    margin: 10px 20px 10px 4px;
    display: block;
    clear: both;
}

/*
.study-outer-pane  p{
    display: none;
}
*/



/** Home Pages Boxes **/

/** Home Download Box **/
.downloadbox-cont {	
    background: #e4ecff;
    padding: 30px;
    clear: both;
}

.downloadbox h3{
  color: white;
  font-size: 16px;
  margin-top: 10px;
}

.downloadbox-cont h4 a{
  font-size: 16px;
  color: #000;
}

.downloadbox {
    height: 150px;
    text-align: center;
    background: #fff;
    margin-top: 20px;
}

.downloadbox .study-icons{
  display: block;
  width: 100%;
  height: auto;
  line-height: 150px;
}

.downloadbox .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
}

.downloadbox:hover .overlay {
  opacity: 1;
}

.downloadbox .text {
    color: white;
    text-align: center;
    margin: 10px;
}

.downloadbox .clickhere{
    color: #fff;
}

.downloadbox .btn-clickhere {
    color: #fff;
    background-color: #ff4500;
    border-color: #ff4500;
}

.downloadbox .btn-clickhere a{
    color: #fff;
    background-color: #ff4500;
    border-color: #ff4500;
}

/** Home Headings H2 CSS**/
h2.intro{
    margin-bottom: 10px;
}

.btn-brand i {
    display: inline-block;
    width: 2.0625rem;
    margin: -.375rem -.75rem;
    line-height: 2.0625rem;
    text-align: center;
    background-color: rgba(0,0,0,.2);
}

.btn-brand i+span {
    margin-left: 1.0rem;
}


span.bordered-icon:before {
    left: 100%;
}

span.bordered-icon:after {
    right: 100%;
}

span.bordered-icon {
    color: #ff4e12;
    padding: 0 10px;
    font-size: 15px;
    line-height: 17px;
    position: relative;
    display: inline-block;
}

span.bordered-icon:before, span.bordered-icon:after {
    content: "";
    background: #8abeea;
    width: 120px;
    height: 1px;
    top: 8px;
    position: absolute;
}


/** Home Important Box **/
.imp-links-box {
    background: linear-gradient(45deg, #ffc107 0%, #00838f 40%);
}

.imp-links-box .imp-links{
    width:100%;
    margin-bottom: 20px;
}

.imp-links-box a {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
}

.imp-links-box a:hover {
    color: #ffc107;
}


.imp-links-box .about-info,
.imp-links-box .intro{
   color: #fff;
}


/** Home Boards **/


/*** State Boards CSS Home page ***/
.state-container{
   background: #f8f9fa;
}

.home-states{
   background: #00000033;
   border-radius: 40px 0 0;
   margin-bottom: 20px;
   border: 5px solid #e7eaec;
   transition: all 0.3s ease;
}

.home-states:hover {
    box-shadow: 5px 6px 8px 0px rgba(46,61,73,0.15);
}

.home-states img{
    padding: 5px;
    min-height: 100px;
}

.home-states img:hover{
      color: #ffc107;
}

.home-states h3, .home-states h4{
  font-size: 1.1em;
  border-top: 1px dotted #dee8e8;
  padding: 6px;
  color: #fff;
  margin: 0;
}

.home-states h4:hover{
  color: #ffc107;
}

.statename{
  background: #343a40;
}


.wrimagecard {
    margin-top: 0;
    margin-bottom: 1rem;
    text-align: left;
    position: relative;
    background: #fff;
    box-shadow: 2px 4px 8px 0px rgba(46,61,73,0.2);
    border-radius: 4px;
    transition: all 0.3s ease;
}

.wrimagecard-topimage a {
    border-bottom: none;
    text-decoration: none;
    color: #525c65;
    transition: color 0.3s ease;
}

.wrimagecard-topimage_header {
    padding: 10px;
    min-height: 113px;
    line-height: 91px;
}

.wrimagecard .fa {
    position: relative;
    font-size: 70px;
}

a.wrimagecard:hover, .wrimagecard-topimage:hover {
    box-shadow: 12px 15px 20px 0px rgba(46,61,73,0.15);
}

.wrimagecard-topimage_title {
    padding: 10px 10px 5px 10px;
    position: relative;
    text-align: center;
}

.wrimagecard-topimage_title h4, .wrimagecard-topimage_title h3{
    font-size: 1.14rem;
}


/** Home Borads & Useful Resources **/
.resources-box {
    background: linear-gradient(45deg, #020202 0%, #00838f 100%);
}

.resources-box .imp-links{
    width:100%;
    margin-bottom: 20px;
}

.resources-box .imp-links i {
    font-size: 1.2em;
    margin-right: 5px;
    color: #f0f9a6;
}

.resources-box .imp-links a{
    color: #ecf3f4;
    font-size: 18px;
    font-weight: 500;
    text-transform: none;
}

.resources-box .about-info, .resources-box .intro{
   color: #fff;
}


/** Add to Home Screen Popup CSS **/
#addhomepopup{
    position: fixed;
    bottom: 5px;
    left: 10px;
}

#addhomepopup .addbodypopup {
    background: #008CBA;
    color: #fff;
    border-radius: 5px;
    padding: 7px 8px;
    border: 2px solid #e2e2e2;
    width: 260px;
    height: 70px;
    vertical-align: middle;
    display: block;
    line-height: 50px !important;
}

#addhomepopup .addbodypopup img {
    width: 55px;
    height: 50px;
    margin-right: 10px;
    float: left;
}

#addhomepopup .addbodypopup .btn-primary {
    color: #fff;
    border-color: #fff;
    font-weight: 600;
}

#addhomepopup .closebtn {
    margin: 0;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 10px;
    cursor: pointer;
    transition: 0.3s;
    padding: 5px !important;
}

/*** Common CSS ***/

.views-field-field-header-info p
.views-field-field-footer-info p,
.view-category-header-information p,
.view-category-footer-information p,
.view-child-terms p,
.content p{
    text-align: justify;
}

.text-align-center {
    text-align: center !important;
}

.text-align-right {
    text-align: right !important;
}

.mcqscontainer img {
    text-align: left !important;
    margin: 0 !important;
}

.mcqscontainer ul li {
    list-style: none !important;
}

.h3, h3 {
    font-size: 1.17em;
    font-weight: 600;
}

.btn-primary {
    background-color: #ff3366 !important;
    border-color: #ff3366;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    padding: 7px 20px;
}

.btn-secondary {
    background-color: #149dcc !important;
    border-color: #149dcc;
    color: #ffffff;
}

.btn:hover {
    color: #212529;
    text-decoration: none;
}

.header-buttons {
    margin-top: 15px;
    margin-bottom: 15px;
}

.header-buttons .btn-slate-blue-gradient {
    border: 0;
    font-size: 16px;
    min-width: 140px;
    color: #fff;
    vertical-align: middle;
    padding: 11px 20px;
    height: 44px;
    border-radius: 32.4px;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
    background-image: linear-gradient(to right,#9752ff,#5e93ff);
    font-weight: 500;
}

.responsive-managed-ads{
    display: block;
    clear: both;
    margin: 0 auto;
    min-height: 280px !important;
    background: #f7f7f7;
    border: 1px solid #e4e4e4;
}

.view-more-info-boxes .responsive-managed-ads{
    margin-right: 15px;
}


.path-frontpage .responsive-managed-ads{
    margin: 20px auto;
}


/*
.responsive-ads{
    background: #f7f7f7;
    border: 1px solid #e4e4e4;
    min-height: 280px !important;
    text-align: center !important;
}
*/

.page-new-home .pane-new-home-page-child-terms{
    display: none !important;
}

.panels-flexible-region-5-body{
    width: 100% !important;
}

#block-search-form .for-text{
    margin-top: 0 !important;
}

.global-list-icon1 .global-list {
    margin-bottom: 10px;
}

.global-list-icon1 i{
    color: #f36;
    margin-right: 10px;
}

.region-sidebar-second .block{
    margin-bottom: 20px;
}

.region-sidebar-second .block a.is-active{
    color: #FF9000;
}

.region-sidebar-second h2:before {
    content: "\f0a4";
    font-family: 'FontAwesome';
    padding-right: 10px;
    color: #00838f;
    font-size: 1.1em;
    float: left;
}

.view-child-terms p,
.views-field-field-category-footer{
    display: block;
    clear: both;
}

.global-read-more {
    margin: 0 0 10px;
    background: #054b81;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    border-radius: 4px;
    text-align: center;
    padding: 5px 10px;
    float: right;
}

.global-read-more:hover {
    color: #fbd782;
}

.view-vg-tags .tags-ietm {
    margin: 0 20px 20px 0;
    border-bottom: 1px dotted #ccc;
    min-height: 130px;
}

.field--name-field-tags{
    margin: 10px 0 20px;
}

.form-submit{
    margin: 0px;
    background: #054b81;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    text-align: center;
    padding: 5px 30px;
}

.view-more-info-boxes{
    clear: both;
}

a.main-desc{
    color: #aaa;  
}

.view-more-info-boxes .col-lg-4, .view-more-info-boxes .col-md-4, .view-more-info-boxes .col-sm-4,
.class-subject-box .col-lg-2, .class-subject-box .col-md-3, .class-subject-box .col-sm-12,
.view-child-terms .col-lg-2, .view-child-terms .col-md-2, .view-child-terms .col-sm-2{
    padding-left: 0;
}

.field--name-field-category a{
    font-size: 17px;
    font-weight: 500;
}

/*** CSS for Table of Content***/
.main-studygrid caption{
    font-size: 15px !important;
    color: #474e54 !important;
}

.main-studygrid tbody {
    border-top: 2px dotted #ccc !important;
}

i.fa.fa-indent {
    color: #348cbb;
    font-size: 14px;
}

.main-studygrid a {
    color: #0000FF !important;
}


.view-category-footer-information img, 
.view-category-header-information img, 
.field-name-field-category-header img, 
.field-name-field-category-footer img, 
.field-name-field-information img, 
.taxonomy-term-description img, 
.path-node .content img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    text-align: center !important;
    margin: 0 auto;
}


.global-list-icon1 {
    display: inline-block;
    margin: 10px 0;
    width: 100%;
}

/*
.global-list-icon ul,
.global-list-icon1 ul {
    margin: 5px 0 20px;
    display: inline-block;
    width: 99% !important;
}

.global-list-icon1 ul li {
    float: left;
    width: 47.5%;
    margin-bottom: 10px;
}*/



.view-user-image-info-block .row,
.view-iframelogin .row,
.global-list-icon .row,
.global-list-icon1 .row{
    display: block;
}



.page-user-login #page-title,
.page-user-register #page-title{
    margin-top: 0 !important;
}

caption{
    caption-side: unset !important;
    padding-left: 0;
}

/*** Node Page Clock for Download CSS *****/

.clicktodownload {
    position: relative;
    margin: 15px auto 15px;
    display: block;
    height: 50px;
    background-color: #b54c4c;
    color: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 4px #e7e7e7, 0 6px 1px #d0d0d2;
    -webkit-box-shadow: 0 4px #e7e7e7, 0 6px 1px #d0d0d2;
    box-shadow: 0 4px #e7e7e7, 0 6px 1px #d0d0d2;
}

a.clicktodownload:hover,
a.clicktodownload:focus{
    color: #0056b3
}


.clicktodownload:hover {
    -moz-box-shadow: 0 4px #e2e2e2, 0 6px 1px #ccccce;
    -webkit-box-shadow: 0 4px #e2e2e2, 0 6px 1px #ccccce;
    box-shadow: 0 4px #e2e2e2, 0 6px 1px #ccccce;
}

.clicktodownload:active {
    top: 1px;
    -moz-box-shadow: 0 2px #e2e2e2, 0 4px 1px #ccccce;
    -webkit-box-shadow: 0 2px #e2e2e2, 0 4px 1px #ccccce;
    box-shadow: 0 2px #e2e2e2, 0 4px 1px #ccccce;
}

.clicktodownload.red:hover:before {
    background-color: #dd625a;
    -moz-box-shadow: 0 4px #bc534d;
    -webkit-box-shadow: 0 4px #bc534d;
    box-shadow: 0 4px #bc534d;
}
.clicktodownload.red:before {
    background-color: #f66d64;
    -moz-box-shadow: 0 4px #dd625a;
    -webkit-box-shadow: 0 4px #dd625a;
    box-shadow: 0 4px #dd625a;
}
.clicktodownload:before {
    position: absolute;
    content: "";
    display: block;
    width: 6px;
    height: 100%;
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px 0 0 10px;
    -moz-transition: all 0.075s linear;
    -o-transition: all 0.075s linear;
    -webkit-transition: all 0.075s linear;
    transition: all 0.075s linear;
}

.clicktodownload .title {
    display: block;
    padding: 13px 0 0 20px;
    font-size: 1.25em;
}

.clicktodownload .price {
    position: absolute;
    top: 0;
    right: 0;
    font-family: 'Quattrocento Sans', sans-serif;
    font-size: 2.5em;
    font-weight: 700;
    color: #9a9ca2;
}

.clicktodownload .price strong {
    display: inline-block;
    height: 100%;
    width: 36px;
    line-height: 50px;
    font-size: 1.25em;
    text-align: center;
    background-color: #eee;
    color: #ddd;
    -moz-border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0;
    border-radius: 0 10px 10px 0;
    text-shadow: 0 -1px #8d8f96;
    -moz-box-shadow: 0 4px #d7d4d4;
    -webkit-box-shadow: 0 4px #d7d4d4;
    box-shadow: 0 4px #d7d4d4;
}

.clicktodownload .price strong:hover{
    color: #f66d64;
}

.downloadpdf .blue {
    background-color: #3498DB;
    border-bottom: 5px solid #2980B9;
    text-shadow: 0px -2px #2980B9;
}

.downloadpdf .action-button {
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    color: #FFF;
    text-decoration: none;
    float: right;
    font-style: italic;
    margin-bottom: 10px;
}

.downloadpdf .action-button:active {
    transform: translate(0px,5px);
    -webkit-transform: translate(0px,5px);
    border-bottom: 1px solid;
}

.action-button:active {
    transform: translate(0px,5px);
    -webkit-transform: translate(0px,5px);
    border-bottom: 1px solid;
}

.pdff-container {
    border-radius: 20px;
    border: 2px solid #3f79ab;
    margin-bottom: 30px !important;
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem!important;
}

/*** FAQs Accordian ***/

.field--name-field-faqs{
    display: block;
    clear: both;
    margin: 50px 0 30px;
}

.field.field--name-field-tags .field--item {
	display: inline-block;
    margin: 3px 5px 5px 0;
    margin-top: 3px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 0px;
    border: 1px solid #eaeaea;
    padding: 1px 5px;
    font-size: 11px;
    float: left;
    line-height: 20px;
}


.field.field--name-field-tags .field--items {
    float: none !important;
}

.field--name-field-tags .field--label{
    font-size: 12px;
    font-weight: 600;
    margin: 3px 5px 0 0;
    padding: 3px 5px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
}

.field--name-field-faqs .ui-accordion .ui-accordion-header{
    background: #f8f9fa;
    color: var(--bgcolor);
    font-size: 15px;
    border-left: 5px solid #2d80b9;
    margin: 15px 0;
    border-right: none;
    border-top: none;
    border-bottom: none;
}

.field--name-field-faqs .ui-accordion .ui-accordion-content{
    border: none;
}

.field--name-field-faqs .ui-icon-triangle-1-e {
    background-position: -37px -16px;
    margin: 0;
    padding: 0;
}

.field--name-field-faqs .ui-icon-triangle-1-s {
    background-position: -68px -16px;
    margin: 0;
    padding: 0;
}


/*
.field--name-field-faqs .ui-icon,
.field--name-field-faqs .ui-widget-content .ui-icon{
    background-image: none;
    content: "\f067";
    font-family: 'FontAwesome';
    margin: 0 20px 0 0 !important;
    color: #0a73a3;
}

.field--name-field-faqs span.ui-icon-triangle-1-e:before{
    content: "\f067";
    font-family: 'FontAwesome';
    margin: 0 20px 0 0 !important;
    color: #0a73a3;
}

.field--name-field-faqs span.ui-icon-triangle-1-s:before{
    content: "\f068";
    font-family: 'FontAwesome';
    margin: 0 20px 0 0 !important;
    color: #0a73a3;
}
*/

/** Old FAQs CSS **/
.view-faqs-for-vg-category-pages{
    margin-bottom: 40px;
}

.block-a6c024f3656c0508bd525a1775361bee{
    margin-top: 20px;
}

.view-faqs-for-vg-category-pages div{
    width: 100% !important;
}

.view-faqs-for-vg-category-pages .ui-state-default .ui-icon{
    background-image: none !important;
}

.view-faqs-for-vg-category-pages .ui-state-active .ui-icon{
    background-image: none !important;
}

.view-faqs-for-vg-category-pages .ui-state-default a:before{
    content: "\f067";
    font-family: 'FontAwesome';
    margin: 0 20px 0 0 !important;
    color: #0a73a3;
}

.view-faqs-for-vg-category-pages .ui-state-active a:before{
    content: "\f068";
    font-family: 'FontAwesome';
    margin: 0 20px 0 0 !important;
    color: #0a73a3;
}

.view-faqs-for-vg-category-pages h3{
    background: none !important;
    padding: 8px 15px 8px 10px !important;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    background-position: 98% 50% !important;
    background-size: 19px !important;
    border: none !important;
}

.view-faqs-for-vg-category-pages .ui-accordion .ui-accordion-content{
    padding: 0 0 0 10px !important;
    min-height: 55px;
}

.view-faqs-for-vg-category-pages h3 a{
    color: #23a3bf !important;
}

.view-faqs-for-vg-category-pages .ui-accordion-content{
    border-bottom: 1px solid #e2e2e2 !important;
    border-left: none !important;
    border-right: none !important;
}

/*** Right Siderbar Top Menu Links ***/

ul.lefttoplinks {
    padding-left: 0;
}

ul.lefttoplinks li {
    display: block;
    box-shadow: 0 5px 15px 0px #f1f2f3;
    margin: 0 0 6px;
    padding: 0;
}

ul.lefttoplinks li a {
    text-decoration: none;
    color: rgb(251, 13, 13);
    padding: 0 0 0 15px;
    vertical-align: middle;
    font-weight: 600;
    font-size: 15px;
}

ul.lefttoplinks li a:hover {
    text-decoration: none;
    padding: 0 0 0 15px;
    vertical-align: middle;
    color: rgb(81, 81, 81);
}

ul.lefttoplinks li img.menuicon {
    width: 40px;
    height: 40px;
    background: #ffffff;
    padding: 4px;
    border: 3px solid #dee2e6;
    margin: 4px 15px 4px 0;
    vertical-align: middle;
    border-radius: 50%;
}

ul.lefttoplinks li img:hover {
    transform: rotate(360deg);
    transition: 1s;
}

.region-sidebar-second ul li {
    border-bottom: 1px dotted #ccc;
    padding: 5px 0;
    margin: 0;
}

/***** Tutor Profile Start *****/
.profile-card {
    width: 100%;
    margin: -15px auto 0;
    text-align: center;
    font-family: "Open Sans", sans-serif;
}

.profile-card .profile-bg{
    background: #42a1c5;
    height: 200px;
    margin-bottom: 85px;
}

.profile-card .profile-exp {
    font-size: 15px;
    font-weight: 700;
    color: #666;
    margin: 0 auto;
    width: 225px;
}

.profile-card1{
    text-align: center;
    padding: 20px 20px 50px;
    margin-top: 30px;
}

.profile-card2{
    padding: 20px;
    margin-top: 30px;
}

.profile-card3{
    text-align: center;
    padding: 20px;
    margin-top: 30px;
}

.profile-sub-card1{
    margin-top: -50px;
    padding: 0 20px;
}

.profile-card, 
.profile-card1, 
.profile-card2, 
.profile-card3{
    width: 100%;
    box-shadow: rgba(137, 173, 255, 0.35) -10px 10px 35px 5px;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
}

/*
.profile-card:hover,
.profile-card1:hover,
.profile-card2:hover,
.profile-card3:hover{
    box-shadow: 0 10px 55px 5px rgba(255, 193, 7, 0.7);
    transform: translateY(-0.8rem);
    cursor: pointer;
}
*/

.profile-card .field--item, 
.profile-card1 .field--item, 
.profile-card2 .field--item, 
.profile-card3 .field--item,
.profile-sub-card1 .field--item{
    color: #547e8e;
}

.profile-card .field--name-field-name{
    font-size: 2.5rem;
    color: #000;
}

.profile-card p,
.profile-card1 p{
    font-family: "Open Sans", sans-serif;
    color: #262626;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 1em;
    margin-top: 1em;
}

.profile-card3 .field--item{
    width: 48%;
    padding: 6px 20px !important;
    float: left;
    background: #f5f5f5;
    border: 1px solid #d4cdcd;
    margin: 4px 7px !important;
    font-size: 14px !important;
    font-weight: 600;
}

.profile-card1 h2, .profile-card2 h2, .profile-card3 h2{
    text-align: center;
    border-bottom: 1px #42a1c5 dotted;
    padding: 5px 10px 15px;
    margin: 0 20px !important;
    font-size: 25px !important;
}    
    
.profile-card img {
    box-shadow: 0 4px 8px 0 rgba(245, 235, 235, 0.2);
    width: 200px !important;
    height: 200px;
    border-radius: 50%;
    margin: 65px auto 0;
    border: 3px solid #fff;
}

.profile-card img:hover{
    background: none;
}

.profile-sec {
    width: 100%;
    padding: 10px;
    float: left;
    font-weight: 600;
    color: #000;
    font-size: 13px;
}

.profile-card3 .profile-sec{
    width: 47%;
}

.user-profile .my-profile h3{
    display: none !important;
}

a.green-text{
    color: #069b06 !important;
}


/*** Tutor Registration Landing Page ***/

.signup_holder {
    padding: 0 0 30px 0;
    margin: 0;
    display: block;
}

.signup_title_holder {
    margin: 0 0 20px 0;
    padding: 0 0 10px;
    display: block;
    border-bottom: 1px dotted #0099ba;
    overflow: hidden;
    font-size: 35px;
    font-weight: 300;
    text-align: center;
}

.signup_holder_inner_small {
    margin: 0 auto;
    display: block;
    text-align: center;
}

.signup_holder_inner_small h2 {
     font-size: 30px;
    margin: 20px;
}

.signup_holder_inner_small ul {
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
}

.signup_holder_inner_small ul li:first-child {
    padding-left: 0px;
}
.signup_holder_inner_small ul li {
    margin: 0;
    list-style: none;
}

.signup_holder_inner_small ul li a {
    text-decoration: none;
}

.signup_holder_inner_small ul li a.green_btn {
    background: #3383bb;
    display: block;
    width: 252px;
    height: 50px;
    margin: 9px auto 0px;
    line-height: 45px;
    color: #ffffff;
    text-align: center;
    font-size: 26px;
    text-decoration: none;
    border-radius: 4px;
}

.signup_holder_inner_small ul li a.green_btn:hover {
    background: rgb(251, 13, 13);
}

.signup_holder_inner_small ul li a.learn_more {
    background: #ffffff;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    color: #c4371b;
    font-weight: 400;
    text-decoration: none;
    display: block;
}

.signup_holder_inner_small ul li a.learn_more:hover {
      color: #3383bb;
}

.signup_holder p {
   text-align: center; 
}

.member_account, .member_assistance {
    text-align: center;
    padding: 20px 0 0 0;
    font-size: 25px;
    font-weight: 300;
}

.member_account a, .member_assistance a {
    font-weight: 500;
    padding: 0 0 0 10px;
    color: #EF6548;
    text-decoration: none;
}

.member_account a:hover, .member_assistance a:hover {
    font-weight: 500;
    padding: 0 0 0 10px;
    color: #3383bb;
    text-decoration: none;
}

.border {
    background: #dadada;
    height: 1px;
    width: 100%;
    margin: 30px 0 0 0;
}

.page-node-238750 #breadcrumb-wrapper, .page-tutor-profile #breadcrumb-wrapper{
    display: none;
}

/*** Tutor Profile & Form ***/

#edit-account .form-item-mail,
#edit-account .form-item-name,
#edit-account .form-item-pass-pass1,
#edit-account .form-item-pass-pass2{
    width: 48%;
    margin-left: 10px;
    margin-right: 10px;
    float: left;
}

.tutor-profile-tab1 .form-wrapper,
.tutor-profile-tab3 .form-wrapper{
    float: left;
    width: 313px;
    margin-left: 10px;
    margin-right: 10px;
    min-height: 91px;
}

.field--name-tutor-profile-profiles .panel-heading{
    background-color: #337ab7;
    border-color: #fff0;
    clear: both;
    color: #fff;
    font-weight: 600;
}

.field--name-tutor-profile-profiles .panel {
    background-color: #fff0;
    border: none;
}

.field--name-tutor-profile-profiles .panel .panel-body{
    padding: 15px 0;
}

.tutor-profile-tab1 .field--name-field-field-user-image,
.tutor-profile-tab1 .field--name-field-name,
.tutor-profile-tab1 .field--name-field-profile-headline,
.tutor-profile-tab1 .field--name-field-about-profile{
    width: 48%;
    margin-left: 10px;
    margin-right: 10px;
    min-height: 120px;
}

.tutor-profile-tab2 .checkbox label,
.tutor-profile-tab2 .radio label {
    float: left;
    width: 25%;
}

.form-item-tutor-profile-profiles-0-entity-field-classes-and-subjects-9330 input[type=checkbox],
.form-item-tutor-profile-profiles-0-entity-field-classes-and-subjects-9331 input[type=checkbox],
.form-item-tutor-profile-profiles-0-entity-field-classes-and-subjects-9332 input[type=checkbox],
.form-item-tutor-profile-profiles-0-entity-field-classes-and-subjects-9333 input[type=checkbox],
.form-item-tutor-profile-profiles-0-entity-field-classes-and-subjects-9334 input[type=checkbox],
.form-item-tutor-profile-profiles-0-entity-field-classes-and-subjects-9335 input[type=checkbox],
.form-item-tutor-profile-profiles-0-entity-field-classes-and-subjects-9336 input[type=checkbox],
.form-item-tutor-profile-profiles-0-entity-field-classes-and-subjects-9337 input[type=checkbox],
.form-item-tutor-profile-profiles-0-entity-field-classes-and-subjects-9338 input[type=checkbox],
.form-item-tutor-profile-profiles-0-entity-field-classes-and-subjects-9339 input[type=checkbox],
.form-item-tutor-profile-profiles-0-entity-field-classes-and-subjects-9340 input[type=checkbox],
.form-item-tutor-profile-profiles-0-entity-field-classes-and-subjects-9341 input[type=checkbox]{
   width: 0;
   height: 0;   
}

.form-item-tutor-profile-profiles-0-entity-field-classes-and-subjects-9330 label,
.form-item-tutor-profile-profiles-0-entity-field-classes-and-subjects-9331 label,
.form-item-tutor-profile-profiles-0-entity-field-classes-and-subjects-9332 label,
.form-item-tutor-profile-profiles-0-entity-field-classes-and-subjects-9333 label,
.form-item-tutor-profile-profiles-0-entity-field-classes-and-subjects-9334 label,
.form-item-tutor-profile-profiles-0-entity-field-classes-and-subjects-9335 label,
.form-item-tutor-profile-profiles-0-entity-field-classes-and-subjects-9336 label,
.form-item-tutor-profile-profiles-0-entity-field-classes-and-subjects-9337 label,
.form-item-tutor-profile-profiles-0-entity-field-classes-and-subjects-9338 label,
.form-item-tutor-profile-profiles-0-entity-field-classes-and-subjects-9339 label,
.form-item-tutor-profile-profiles-0-entity-field-classes-and-subjects-9340 label,
.form-item-tutor-profile-profiles-0-entity-field-classes-and-subjects-9341 label{
    font-weight: 600;
    font-size: 16px;
    padding: 5px 10px;
    background: #337ab7;
    border-radius: 4px;
    width: 100% !important;
    color: #fff;
    margin: 20px 0 5px; 
}

.tutor-profile-tab1 label,
.tutor-profile-tab3 label{
    font-weight: 600;
    font-size: 13px;
}

.tutor-profile-tab2 legend{
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: #4d0b0a;
    border-bottom: none;
    padding: 0;
}

#user-register-form, 
#user-login-form, 
#user-pass {
    border-radius: 4px;
    background: rgba(226, 226, 226, 0.23);
    border: 1px solid #ccc;
    padding: 20px 30px 60px;
    clear: both;
}

#edit-tutor-profile-profiles-0-entity-field-about-profile-0-format,
#edit-tutor-profile-profiles-0-entity-field-profile-headline-0-format,
#edit-tutor-profile-profiles-0-entity-field-profile-headline-0-format-help,
#edit-tutor-profile-profiles-0-entity-field-field-user-image-0--description{
    display: none;
}

.path-profile h1{
    margin-top: 0px !important;
    margin-bottom: 32px !important;
    text-align: center !important;
}

/*** Tutor Search Views and Slider ***/

.profile-search{ width:32.2%; padding:15px 15px; border: 1px #dddddd solid; margin: 15px 10px 15px 0; float: left; min-height: 180px;}
.profile-circle{ width:90px; height:90px; float:left;}
.profile-circle img{ border: solid 5px #dedede; height:100%; width:100%; border-radius:100%; object-fit:cover;}
.profile-text{ width:64%; float:right;}
.profile-text .fullnameheading{ padding: 0 !important; padding: 0 !important; font-size: 16px; font-weight: 600;}
.profile-text p{ min-height: 60px; margin-bottom: 0; }
.profile-viewmore { font: 400 14px/30px 'Lato', sans-serif; padding: 0 18px; display: inline-block; color: var(--dark); margin: 10px 0 0; border-radius: 20px; border: 1px solid #ccc;}
.profile-viewmore a { color: var(--dark); }
.carousel-control { text-shadow: none; opacity: 1;}

.view-vg-tutors-dashboard .view-filters{
    padding: 10px 0;
    border-bottom: 1px dotted #ef211e;
    border-top: 3px dotted #ef211e;
}

.view-vg-tutors-dashboard .view-filters select,
.view-vg-tutors-dashboard .view-filters input{
    padding: 6px;
    margin-top: 2px;
    width: 270px;
    height: 35px !important;
    margin: 0 auto;
    text-align: center;
}

.view-vg-tutors-dashboard .select-wrapper:after {
    position: absolute;
    z-index: 10;
    top: 70%;
    right: 0;
}

.view-vg-tutors-dashboard .view-filters label{
    color: #183962;
    display: block;
}


#views-exposed-form-vg-tutors-dashboard-page-1 .form-item-field-pin-code-value,
#views-exposed-form-vg-tutors-dashboard-page-1 .form-item-field-classes-and-subjects-target-id,
#views-exposed-form-vg-tutors-dashboard-page-1 .form-item-field-select-your-city-target-id{
    background: #ecf3f4;
    padding: 10px 10px 15px !important;
    border: 1px solid #fff;
    border-radius: 4px;
}

#views-exposed-form-vg-tutors-dashboard-tutor-search-pincode{
    padding: 18px;
    border: 1px solid #fff;
    border-radius: 4px;
    background: #5a6d7d;
    color: #fff;
}

#views-exposed-form-vg-tutors-dashboard-tutor-search-pincode label {
    color: #fff;
    font-size: 16px;
}

#views-exposed-form-vg-tutors-dashboard-tutor-search-pincode input[type=text] {
    width: 100%;
}

#views-exposed-form-vg-tutors-dashboard-tutor-search-pincode .form-submit{
    margin-top: 1.6em;
}

.view-vg-tutors-dashboard .select-wrapper{
    margin: 10px;
}

.view-vg-tutors-dashboard .views-exposed-form .form-group {
    width: 100%;
    text-align: center;
}

.view-vg-tutors-dashboard .views-exposed-form .form-submit{
    width: 180px;
    text-align: center;
    margin-top: 5px;
}

.view-vg-tutors-dashboard .view-empty {
    background: #ecf3f4;
    padding: 15px;
    margin-top: 10px;
    border: 2px solid #ed211e;
}

.tutor-search-container .imp-links{
    margin-bottom: 20px;
}

.tutor-search-container .imp-links a{
    font-size: 15px;
    font-weight: 600;
}

.tutor-search-container .imp-links img{
    border: 1px solid rgba(204, 204, 204, 0.43);
    border-radius: 10px;
    margin-right: 2px;
    padding: 3px;
    background: rgba(236, 234, 236, 0.23);
    display: inline !important;
}

#views-bootstrap-vg-tutors-dashboard-top-tutors .carousel-inner{
    background: #e4ecff;
    padding: 0 100px;
    overflow: hidden;
}

#views-bootstrap-vg-tutors-dashboard-top-tutors .carousel-control.left,
#views-bootstrap-vg-tutors-dashboard-top-tutors .carousel-control.right{
    background-image: none;
}

#views-bootstrap-vg-tutors-dashboard-top-tutors .glyphicon-chevron-left,
#views-bootstrap-vg-tutors-dashboard-top-tutors .glyphicon-chevron-right{
    background: #ffffff;
    color: #3383bb;
    width: 35px;
    height: 45px;
    border-radius: 5px;
    border: 1px solid #e4e4e4;
    font-size: 24px;
    opacity: 1;
    line-height: 35px;
}

#views-bootstrap-vg-tutors-dashboard-top-tutors .top-tutors {
    padding: 15px;
    margin: 20px;
    float: left;
    background: #fff;
    border-radius: 10px;
}

#views-bootstrap-vg-tutors-dashboard-top-tutors .profile-circle {
    width: 100px;
    height: 100px;
    float: none;
    margin: 0 auto;
}

#views-bootstrap-vg-tutors-dashboard-top-tutors .profile-text {
    width: 100%;
    text-align: center;
    float: none;
}

#views-bootstrap-vg-tutors-dashboard-top-tutors .profile-text .fullnameheading {
    padding: 0 !important;
    padding: 0 !important;
    font-size: 16px;
}

#views-bootstrap-vg-tutors-dashboard-top-tutors .profile-text p {
    min-height: 60px;
    margin-bottom: 0;
}

#views-bootstrap-vg-tutors-dashboard-top-tutors .carousel-indicators {
    bottom: -36px;
}

#views-bootstrap-vg-tutors-dashboard-top-tutors .carousel-control .glyphicon-chevron-left, 
#views-bootstrap-vg-tutors-dashboard-top-tutors .carousel-control .icon-prev{
    left: 20%;
    margin-left: -10px;
    top: 65%;
}

#views-bootstrap-vg-tutors-dashboard-top-tutors .carousel-control .glyphicon-chevron-right, 
#views-bootstrap-vg-tutors-dashboard-top-tutors .carousel-control .icon-next{
    right: 20%;
    margin-right: -10px;
    top: 65%;
}

#views-bootstrap-vg-tutors-dashboard-top-tutors .glyphicon-chevron-left:before{
    content: "\f100";
    font-family: 'FontAwesome'; 
}

#views-bootstrap-vg-tutors-dashboard-top-tutors .glyphicon-chevron-right:before{
    content: "\f101";
    font-family: 'FontAwesome'; 
}

#views-bootstrap-vg-tutors-dashboard-top-tutors .carousel-indicators li {
    border-radius: 0;
    width: 12px;
    height: 12px;
    background: #ccc;
    border: 1px solid #ccc;
}

#views-bootstrap-vg-tutors-dashboard-top-tutors .carousel-indicators .active {
    width: 12px;
    height: 12px;
    background: #3276b1;
    border-color: #3276b1;
}

#views-bootstrap-vg-tutors-dashboard-top-tutors .profile-viewmore{
    margin-top: 30px;
}

.block-views-blockvg-tutors-dashboard-block-3{
    margin-top: 50px;
}

.tutors-container-slider .news-more a {
    margin-top: 30px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/************* Quiz CSS Start ********/
.node-quiz {
    border-radius: 4px;
    background: rgba(226, 226, 226, 0.23);
    border: 1px solid #ccc;
    padding: 20px 20px 0;
    margin: 10px 0 20px !important;
}

.node-quiz ul{
   margin: 0;
}


.node-quiz p{
   font-size: 13px !important; 
   line-height: 20px;
}

.node-quiz a  {
    color: #054b81;
}

.node-quiz .field.field-name-body.field-type-text-with-summary, 
table#quiz-view-table, .node-quiz .field-name-field-category{
    padding: 0 !important;
}


.node-quiz .field-name-field-category a{
    font-size: 30px;
}

#quiz-view-table{
    width: 100%;
}

#quiz-view-table td {
    padding: 0px 3px 0px 3px;
    margin: 0px;
    line-height: 110%;
    font-size: 14px;
    height: 35px;
    /*width: 100%;*/
    border: 1px dotted #ccc;
    vertical-align: middle;
}

.answering-form{
    border-radius: 4px;
    background: rgba(226, 226, 226, 0.23);
    border: 1px solid #ccc;
    padding: 0 20px 20px;
    /*margin: 0 13px 30px;*/
    clear: both;
    box-shadow: 0 5px 15px 0px #f1f2f3;
}

.answering-form label{
    clear: both;
    font-size: 14px;
}

.table>thead>tr>th {
    display: none !important;
}

.answering-form td {
    padding: 0px 3px 0px 3px !important;
    margin: 0;
    font-size: 13px;
    border-top: 1px dotted #ccc !important;
    border-bottom: 1px dotted #ccc !important;
    vertical-align: middle !important;
    line-height: 30px !important;
}

.answering-form tbody tr td:first-child {
    width: 4em;
    min-width: 4em;
    max-width: 4em;
    word-break: break-all;
}

.answering-form table td p{
    margin: 5px 0 0 5px;
    font-size: 14px;
    padding: 0px;
    margin: 10px 0px 5px;
    color: #054b81;
}

.answering-form .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fff;
}

.answering-form .table-striped>tbody>tr:nth-of-type(even) {
    background-color: #6186a708;
}

.answering-form .table-striped{
    background-color: #fff;
}

.answering-form .radio{
    margin: 11px 0 0;
    vertical-align: middle;
    text-align: center;
}

.quiz-question-multichoice .field--name-body p{
    font-size: 18px;
    margin: 10px 0px 15px;
    color: #e72617;
}

.answering-form .form-submit {
    margin: 0px;
    background: #054b81;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    text-align: center;
    padding: 10px 30px;
}

.answering-form .cancel{
    background: #ccc !important;
    margin-right: 20px
}

a.quiz-start-link {
    background: #ff3366;
    padding: 10px 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    width: 200px;
    position: absolute;
    left: 48%;
    text-align: center;
}

a.quiz-start-link:hover {
    color: #f8f8f8;
}

#quiz-progress{
    display: none;
}

#quiz-score-possible, #quiz-score-percent {
    background: #054b81;
    font-size: 20px;
    font-weight: 600;
    border-radius: 4px;
    padding: 0px 15px;
    color: #ffffff;
    margin: 0 10px;
    border: 1px solid #ccc;
}


/*** Quiz Results Summary CSS *****/

.quiz-testresults{
    border: 20px solid #3f79ab;
    display: inline-block;
    width: 100%;
}

.view-vg-quiz-certificate-retake-test-box h2.pass-message{
    background: #eef5fb;
    padding: 10px;
    color: #4CAF50;
    line-height: 35px;
}  

.view-vg-quiz-certificate-retake-test-box .card-body{
    background: #3f79ab;
    padding: 10px;
    min-height: 230px;
    margin-bottom: 15px;
}

.view-vg-quiz-certificate-retake-test-box .card-body p{
    padding: 10px 15px 10px;
    margin: 10px 0px 5px;
    font-size: 16px;
    color: #fff;
    letter-spacing: 0px;
    line-height: 30px;
    text-align: left;
}
 
.quiz-report table td p, .quiz-report p{
    margin: 3px 0 !important;
    font-size: 14px;
    padding: 0px;
    margin: 10px 0px 5px;
    color: #054b81;
}

div.quiz-report .dd {
    margin: 10px 5px 40px !important;
}


span.certificate-link{
    float: left;
    border: 1px dotted #666;
    border-radius: 4px;
    background: #5bd040;
    clear: both;
    text-align: center;
    width: 100%;
}

span.certificate-link a{
    background: url(img/download-pdf.png) no-repeat;
    padding: 12px 10px 10px 50px;
    font-size: 20px;
    color: #ffffff;
    line-height: 37px;
}

#quiz-report-form, #user-register-form, #user-login, #user-pass{
    border-radius: 4px;
    background: rgba(226, 226, 226, 0.23);
    border: 1px solid #ccc;
    padding: 10px 20px 60px;
    clear: both;
}

select#edit-user-roles, input#edit-captcha-response{
    height: 30px;
    width: 20%;
}


div.quiz-report .dt div.quiz-report-score-container {
    float: right;
    padding: 0px 10px;
    border-radius: 5px;
    font-size: 15px;
    border: none;
    margin: 10px;
    color: #d20f0f;
    width: 100px;
    height: 20px;
    line-height: 20px;
}

 .quiz-report{
    border: 1px dotted #666;
    border-radius: 4px;
}

div.quiz-report thead th{
    background: none;
}

#quiz-report-form .question_type_name {
    font-style: italic;
    display: none;
}

div#start-quiz-container {
    width: 100%;
    display: table;
    margin: 0 0 20px;
}


.start-quiz-left, .start-quiz-right {
    width: 320px;
    float: left;
    margin-bottom: 20px;
}  

.start-quiz-left ul{
    margin-top: 20px;
    text-align: left;
    line-height: 20px;
    font-size: 13px;
    font-style: italic;
    color: #981612;
    margin-left: 85px !important;
    clear: both;
}   

.start-quiz-right ul{
    margin-top: 20px;
    text-align: left;
    line-height: 20px;
    font-size: 13px;
    font-style: italic;
    color: #981612;
    margin-left: 55px !important;
    clear: both;
} 


#quiz_score_possible,
#quiz_score_percent{
    font-size: 20px;
    font-style: italic;
    color: #3c763d;
    background: #fcf8e3;
    margin: 0 0 10px;
    padding: 10px;
    border: 1px dotted #ccc;
}

.panel-body .table>tbody>tr>td,
.panel-body .table>tbody>tr>th {
    border-top: 1px solid #eee;
}


/*** 404 Page CSS ***/
#notfound {
    position: relative;
    height: 50vh;
    background: #f6f6f6;
}

#notfound .notfound {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.notfound {
    max-width: 767px;
    width: 100%;
    line-height: 1.4;
    padding: 30px 40px 50px;
    text-align: center;
    background: #fff;
    -webkit-box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.1);
    padding: 10em;
}

.notfound h4{
    margin-top: 20px;
    color: #246172;
}

.notfound .notfound-404 {
    font-family: 'Roboto', sans-serif;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 165px;
    font-weight: 700;
    margin: 0px;
    color: #262626;
    text-transform: uppercase;
}

.notfound .notfound-404 span {
    color: #00b7ff;
}

.notfound h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    color: #151515;
    margin-top: 0px;
    margin-bottom: 25px;
}

.notfound input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 85%;
    height: 45px;
    border-radius: 50px;
    border: 2px solid #ccc;
    padding: 0 20px;
    float: left;
}

.notfound input[type="search"]:focus {
    border-color: #00b7ff;
}

.notfound .notfound-search {
  position: relative;
  max-width: 320px;
  width: 100%;
  margin: auto;
}

.notfound .form-submit{
    position: absolute;
    right: 0;
    top: 4px;
    width: 50px;
    height: 48px;
    text-align: center;
    border: none;
    padding: 0;
    cursor: pointer;
    font-size: 0;
    border: 1px solid #ccc;
    border-radius: 0 50% 50% 0;
    background: #dc3545 url(../images/search-icon.png) 13px 13px no-repeat;
}

.notfound .form-submit:after{
  font-family: 'FontAwesome';
  content: "\f002";
}

.page-404-box a {
    font-size: 14px;
    line-height: 30px;
    text-transform: none;
}

.allresources-box a {
    line-height: 30px;
}
.allresources-box i, .page-404-box i{
   color: #e83e8c;
}

.study-related-content {
    margin-top: 20px;
}

.view-similarterms .item-list.item-list-pager,
fieldset#edit-profile-tutor-profile-field-profile-headlines-und-0-format,
.not-front .about-info{
    display: none !important;
}

.alert-danger {
    color: #a94442;
    background-color: #ccc0;
    font-size: 12px;
    border: none;
    margin: 0;
    padding: 0;
}

.view-id-latest_news_announcements .view-footer{
    clear: both;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    border: none;
}

.footer {
    margin-top: 20px;
}

/* Scroll to Top */

#myBtn {
  display: none;
  position: fixed;
  bottom: 44px;
  right: 30px;
  z-index: 1000;
  font-size: 18px;
  border: dotted 2px #eee;
  outline: none;
  background-color: #000;
  color: white;
  cursor: pointer;
  width: 60px; height: 60px;
  border-radius: 50%;
}

#myBtn:hover {
  background-color: coral;
}

/* Bootstrap Advanced */

.mb-3 { margin-bottom: 3rem; }
.mb-5 { margin-bottom: 5rem; }
.mt-3 { margin-top: 3rem; }
.mt-5 { margin-top: 5rem; }

.block-views-blockamazon-ads-import-block-1 h2.block-title {
   margin-top: 20px !important; 
}

.path-frontpage .google-auto-placed{
    display: none !important;
}

/*** Mobile CSS Start ***/
@media only screen and (max-width: 767px) {
  .notfound h2 {
    font-size: 18px;
  }
  
  .newsbox {
    padding-left: 0;
  }
  
.newsbox i.fa-newspaper-o{
    display: none;
  } 

.table-responsive {
    border: none !important;
}
  
.table-responsive>.table>tbody>tr>td,
.table-responsive>.table>tbody>tr>th,
.table-responsive>.table>tfoot>tr>td,
.table-responsive>.table>tfoot>tr>th,
.table-responsive>.table>thead>tr>td,
.table-responsive>.table>thead>tr>th {
    white-space: unset;
    border-top: none !important;
}

.profile-search {
    width: 100%;
}

.profile-card1 {
    padding-bottom: 120px;
}

.profile-sub-card1 {
    margin-top: -120px;
}

#edit-account .form-item-mail,
#edit-account .form-item-name,
#edit-account .form-item-pass-pass1,
#edit-account .form-item-pass-pass2,
.tutor-profile-tab1 .form-wrapper,
.tutor-profile-tab3 .form-wrapper,
.tutor-profile-tab1 .field--name-field-field-user-image,
.tutor-profile-tab1 .field--name-field-name,
.tutor-profile-tab1 .field--name-field-profile-headline,
.tutor-profile-tab1 .field--name-field-about-profile{
    width: 95%;
}

.tutor-profile-tab2 .checkbox label,
.tutor-profile-tab2 .radio label {
    float: left;
    width: 50%;
}

}

@media only screen and (max-width: 480px) {
  .notfound .notfound-404 h1 {
    font-size: 141px;
  }
}


/* Auto Dropdwon Menu */
@media screen and (min-width: 601px) {
  .dropdown:hover .dropdown-menu{
    display: block;
  }

  .navbar-nav > li > .dropdown-menu {
      padding: 1px 18px 1px 0;
      border-radius: 4px;
  }
}