.logo img {max-width:60%;}

html {height:100%;}

@font-face {
    font-family: "snaphomework";
    src:url("../fonts/snaphomework.eot");
    src:url("../fonts/snaphomework.eot?#iefix") format("embedded-opentype"),
      url("../fonts/snaphomework.woff") format("woff"),
      url("../fonts/snaphomework.ttf") format("truetype"),
      url("../fonts/snaphomework.svg#snaphomework") format("svg");
    font-weight: normal;
    font-style: normal;
  
  }
  
  [data-icon]:before {
    font-family: "snaphomework" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  [class^="icon-"]:before,
  [class*=" icon-"]:before {
    font-family: "snaphomework" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-king:before {
    content: "\64";
  }
  .icon-bag:before {
    content: "\61";
  }
  .icon-snapcash:before {
    content: "\62";
  }
  .icon-settings:before {
    content: "\63";
  }
  .icon-child:before {
    content: "\65";
  }
  .icon-help:before {
    content: "\66";
  }
  .icon-grades:before {
    content: "\67";
  }
  .icon-pin:before {
    content: "\68";
  }
  .icon-faq:before {
    content: "\69";
  }
  .icon-activity:before {
    content: "\6a";
  }
  .icon-attach:before {
    content: "\6b";
  }
  .icon-bookmark:before {
    content: "\6c";
  }
  .icon-check:before {
    content: "\6d";
  }
  .icon-plus:before {
    content: "\6e";
  }
  .icon-block:before {
    content: "\6f";
  }
  .icon-filter:before {
    content: "\70";
  }
  .icon-heart:before {
    content: "\71";
  }
  .icon-invite:before {
    content: "\72";
  }
  .icon-tag:before {
    content: "\73";
  }
  .icon-switch-account:before {
    content: "\74";
  }
  .icon-snap-sign:before {
    content: "\75";
  }
  .icon-share:before {
    content: "\76";
  }
  .icon-class-reset:before {
    content: "\77";
  }
  .icon-notification:before {
    content: "\78";
  }
  .icon-cross:before {
    content: "\79";
  }
  .icon-gear:before {
    content: "\7a";
  }
  .icon-create:before {
    content: "\41";
  }
  .icon-report:before {
    content: "\42";
  }
  .icon-export:before {
    content: "\43";
  }
  .icon-school:before {
    content: "\44";
  }
  .icon-support:before {
    content: "\45";
  }
  .icon-teacher:before {
    content: "\46";
  }
  .icon-mail:before {
    content: "\47";
  }
  .icon-trash:before {
    content: "\48";
  }
  .icon-clap:before {
    content: "\49";
  }
  .icon-school-fee:before {
    content: "\4a";
  }
  .icon-cheque:before {
    content: "\4b";
  }
  .icon-down-arrow:before {
    content: "\4c";
  }
  .icon-left-arrow:before {
    content: "\4d";
  }
  .icon-right-arrow:before {
    content: "\4e";
  }
  .icon-up-arrow:before {
    content: "\4f";
  }
  .icon-cash:before {
    content: "\50";
  }
  .icon-bank:before {
    content: "\51";
  }
  .icon-coins:before {
    content: "\52";
  }
  .icon-money:before {
    content: "\53";
  }
  .icon-product:before {
    content: "\54";
  }
  .icon-order:before {
    content: "\55";
  }
  .icon-play:before {
    content: "\56";
  }
  .icon-flag:before {
    content: "\57";
  }
  .icon-edit:before {
    content: "\58";
  }
  .icon-search-glass:before {
    content: "\59";
  }
  .icon-play-button:before {
    content: "\5a";
  }
  .icon-mic:before {
    content: "\30";
  }
  .icon-book:before {
    content: "\31";
  }
  .icon-bookmark-inactive:before {
    content: "\32";
  }
  .icon-broken-file:before {
    content: "\33";
  }
  .icon-clock:before {
    content: "\34";
  }
  .icon-information:before {
    content: "\35";
  }
  .icon-document:before {
    content: "\36";
  }
  .icon-document-text:before {
    content: "\37";
  }
  .icon-rotate:before {
    content: "\38";
  }
  .icon-printer:before {
    content: "\39";
  }
  .icon-cancel:before {
    content: "\21";
  }
  .icon-download:before {
    content: "\22";
  }
  .icon-eye-open:before {
    content: "\23";
  }
  .icon-forward-arrow:before {
    content: "\24";
  }
  .icon-photos:before {
    content: "\26";
  }
  .icon-bell:before {
    content: "\25";
  }
  .icon-logout:before {
    content: "\27";
  }
  .icon-rupee:before {
    content: "\28";
  }
  .icon-world-library:before {
    content: "\29";
  }
  .icon-mail-send:before {
    content: "\2a";
  }
.icon-bookmark-wl:before {
  content: "\2b";
}
.icon-comment:before {
  content: "\2c";
}
.icon-video-conference:before {
  content: "\2d";
}
.icon-calendar:before {
  content: "\2e";
}
.icon-video-camera:before {
  content: "\2f";
}
.icon-rupee-star:before {
  content: "\3a";
}
.icon-home:before {
  content: "\3b";
}
.icon-approval:before {
  content: "\3c";
}
.icon-my-classes:before {
  content: "\3d";
}
.icon-user:before {
  content: "\3e";
}
.icon-learning-center:before {
  content: "\3f";
}

body a {
  color: #0078ff;
}
body a:hover {color:#0268da;}
.profile-dropdown {min-width:300px;}
.subject-notify {float:left; width:38px; height:38px; background:#313131; border-radius:100%; text-align:center; font-weight:700; color:#fff; font-size:13px; line-height:38px; margin:0 10px 0 15px;}
.payment-notify {
    float: left;
    width: 48px;
    height: 48px;
    background: #3830d0;
    border-radius: 100%;
    text-align: center;
    font-weight: 700;
    color: #fff;
    font-size: 23px;
    line-height: 58px;
    margin: 0 10px 0 15px;
}
.btn-info:hover {
    color: #fff;
    background-color: #3830d0;
    border-color: #3830d0;
}
.post_activity_button .subject-notify {line-height:59px; width:50px; height:50px;}
.activity-notification {float:left; width:83%; font-size:15px; word-wrap: break-word;}
.activity-notification h3 {font-size:18px; color:#333; font-weight:600; margin:0; padding:0;}
.activity-notification .activity-notification h3 {padding:0;}
.noticesend-by {color:#9e9e9e;}
.notify-name, .notify-date {color:#333;}
.sent_date {float:left; margin:0 10px 0 0;}
.notify-time {
    clear: both;
    color: #9e9e9e!important;
    float: left;
  font-size:15px;
}
.activities-td-new .subject-notify {margin-right:0; float:right;}
.sent-time {vertical-align:top !important; color:#666!important; text-align:center; max-width:60px; font-size:14px; line-height:16px !important}
.unread-msg {width:20px; float:left; color:#30b460; font-size:22px; height:50px; line-height:50px;}
.read-msg {width:20px; float:left; color:#8f8f8f; font-size:22px; height:50px; line-height:50px;}
.readmore {float:left; width:100%; margin:5px 0 0;font-size: 13px;}
.home-workcontainer {float:left; width:100%;}
.home-workcontainer h2 {font-size:18px; font-weight:700;}
.home-workcontainer ul {list-style:none; margin:0; padding:0;}
.home-workcontainer li {float:left; margin:0 10px 10px 0;}
.subject-description {float:left; width:100%; margin:0;}
.activity-notification p {margin:0;}
p.full-desc,.short_desc_ans {
    word-break: break-word;
    display: block;
}
.card-user .image {background:#0078ff}
body a:hover, body a:focus {color:#016ae0}
.margin-right {margin-right:20px;}
#UserSchoolSearchForm .ui.selection.dropdown, .multiple-select {height:auto!important;}
#addSubmitButton {margin-right:10px}
input[type="file"] {border:none; padding:0;}

.assignmentBtn{
background: #f4f4f4;
border: none;
color: #000 !important;
border-radius: 30px;
padding: 6px 20px;
font-size: 16px;
border: 1px solid #fff;
display:inline-block;
margin-bottom:10px
}
.assignmentBtn:hover{
text-decoration: none;
background: #fff;
border: 1px solid #000;
}
::-webkit-input-placeholder {
   color: #333!important;
   opacity:0.6!important;
}

:-moz-placeholder {
   color: #333!important;
   opacity:0.6!important;  
}

::-moz-placeholder { 
   color: #333!important;  
   opacity:0.6!important;
}

:-ms-input-placeholder {  
   color: #333!important;  
   opacity:0.6!important;
}

.cursor-pointer{
    cursor:pointer;
}


/*Login/Register*/
.login-logo,
.register-logo {
  font-size: 35px;
  text-align: center;
  margin-bottom: 25px;
  font-weight: 300;
}
.login-logo img {
    max-width: 50%;
}
.login-logo a,
.register-logo a {
  color: #444;
}
.login-page,
.register-page {
  background:url(../img/snaphw_web_login.jpg) no-repeat 0 0;
  min-height:inherit;
  background-size:cover;
}
.btn-setting {font-size:14px!important;}
.login-box,
.register-box {
  width: 360px;
  margin:6% auto 0;
}

.login-box-body, .register-box-body {
    background: #fff none repeat scroll 0 0;
    border-top: 0 none;
    color: #666;
    padding: 20px;
  border-radius:5px;
  box-shadow:0 1px 2px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(63, 63, 68, 0.1);
  
}
.has-feedback {margin-bottom:15px;}
.login-page .has-feedback {clear:both;}

li > .treeview-menu {
    background:rgba(255, 255, 255, 0.23);
    margin: 0 1px;
  
}
li > .treeview-menu li {list-style:none; padding:5px 0;}
.card form [class*="col-"] {
    padding-left:15px!important;
  padding-right:15px!important;
}

/* 2 Feb 2021*/
.icheck {
  margin-bottom: 10px;
}
.intl-tel-input {
  position: relative;
  display: inline-block;
  width: 100%!important;
}
.phone-verify-head {
  text-align: center;
  font-size: 18px;
}
.phone-text {
  font-size: 14px;
  font-weight: 600;
  color: #666;
}
.call-text {
  font-size: 25px;
  font-weight: 600;
}
.call-small-text {
  color: #666;
}

.treeview-menu > li > a {
    color: #8aa4af;
}
.sidebar-menu li.active > a > .fa-angle-left {
    transform: rotate(-90deg);
}
.card .category, .card label {color:#333!important; font-weight:600!important;}
.treeview-menu > li.treeview > a, .treeview-menu > li > a:hover {
    color: #fff;
}
.sidebar {position:fixed!important;}
.cancel-link {margin:10px 0 0 0; font-size:14px;}
.dashboard-container {float:left; width:100%; margin:0px 0 0 0;}
.dashboard-container ul {list-style:none; margin:0; padding:0;}
.dashboard-container li {float:left; width:32%; margin:0 1% 1% 0;}
.dashboard-container li a {display:block; text-align:center; height:120px; border:1px solid #9edaf5; font-size:18px; color:#333; padding:40px 10px 0 10px;line-height:24px; }
.dashboard-container li a:hover {background:#0078ff; color:#fff;}
.dashboard-container li a span {float:left; width:100%;}
.wrapper .sidebar[data-color="purple"]::after, body > .wrapper .navbar-collapse[data-color="purple"]::after { 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1da7fe+0,03a1ff+100 */
background: #1da7fe; /* Old browsers */
background: -moz-linear-gradient(top,  #1da7fe 0%, #03a1ff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1da7fe 0%,#03a1ff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1da7fe 0%,#03a1ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1da7fe', endColorstr='#03a1ff',GradientType=0 ); /* IE6-9 */
}
.wrapper .sidebar {
  background:rgba(31, 156, 229, 1); /* Old browsers */

  
}
.view-image-container {overflow:hidden;}
.child-con {float:left; width:100%; margin:10px 0 0 0;}
.child-count {width:40px; height:40px; float:left; background:#33a5eb; border-radius:100%; color:#fff; text-align:center; line-height:40px; font-size:16px; font-weight:bold;}
.container-select-teacher {float:left; width:100%; margin:10px 0 0 0;}
.container-select-teacher h5 {background:#e9eaee; padding:10px; color:#79868d; font-size:20px;}
.container-select-teacher td {border-bottom:1px solid #ece9e9; padding:5px;}
.container-select-teacher .teacher-img img {width:70px; display:block; height:70px; border-radius:100%; border:1px solid #ece9e9}
.teacher-name {float:left; width:100%; font-size:18px; font-weight:600; color:#273053}
.tab-activity { margin:0; position:relative;}
.child-con label {float:left; width:100%;}
.sidebar .nav li li.active > a  {padding:5px!important;}
.navbar-nav > li img.avatar-thumb {width:40px; height:40px; float:left; margin:-7px 10px 0 0; border-radius:100%; border:1px solid #ddd;}
.logo-mobile {position:absolute; width:100%; text-align:center; display:none; }
.navbar-header {padding:10px 0;}
.nav-tabs {border:none;  clear:both; margin:0;}
.tab-activity .nav-tabs {margin:0;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {border:none; border-radius:5px; background:#0078ff; color:#fff;}
.activity-notification ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.activity-notification li {
    float: left;
    list-style: outside none none;
    margin: 0 10px 10px 0;
}
.activity-notification li.snap_sign_row {text-align:center;}
.activity-notification li.docs_row {width:100%; margin:0 0 10px;}
.activity-notification .img_row  {width:100%; margin:0 0 10px;}
.login-box-msg {
    font-weight: 700;
}
.sidebar .nav > li {float:left; width:100%;}
.sidebar .nav > li.tree_menu_report {margin-bottom:0;}
.sidebar .nav > li ul {list-style:none; float:left; margin:0 0 20px 0; padding:0 0 0 60px; width:100%}
.sidebar .nav > li li {float:left!important; width:100%!important;}
.sidebar .nav > li li  a{padding:5px!important; float:left; width:93%; margin:0!important;}
.sidebar .nav > li li p {line-height:normal!important; text-transform:none;}

.option-caption {text-align:center;padding:10px 0 0; font-size:24px; width:100%; font-weight:700;}
.cat-teacher {font-size:18px; padding:0; color:#0078ff;}
.registration-cat-section {float:left; width:100%; padding:2%; border:1px solid #d5d5d5; border-radius:5px;}
.registration-cat-section li {list-style:none; margin:0; padding:0 10px; float:left; width:100%;}
.registration-cat-section li img {max-width:50px; float:left; margin:0 35px 0 0;}
.registration-cat-section li .fa { line-height:50px; font-size:30px; color:#ccc;}
.cat-parent {font-size:18px; padding:0;}
.cat-student {font-size:18px; padding:0;}
.registration-cat-section li a {color:#0078ff; display:block; padding:15px 0; width:100%; border-bottom:1px solid #f0f0f0; float:left; width:100%; line-height:50px; font-weight:600;}
.registration-cat-section li a
.registration-cat-section li:last-child a {border-bottom:none;}
.resend {cursor:pointer!important; z-index:20; pointer-events: auto!important; margin-top: 27px!important; width:54px!important}
.reg_select {
    float: none;
    margin-top: 3%;
}
.cancel-link {text-align:center;}
.reset-links {text-align:center; margin-top:15px;}
.user_link {float:left; width:100%; text-align:center;margin-top: 10px;}
.user_link .forgot-password {color:#016ae0}
._error {
    clear: both;
    float: left;
  width:100%;
}
/*25.05.2016*/
.author {position:relative;}
.profile-pic {display:inline-block; width:124px; position:relative;}
.profile-pic .change-pic {display:none; width:124px; height:124px; background:rgba(0, 0, 0, 0.5);}
.profile-pic:hover .change-pic {display:inline-block; position:absolute; top:0; text-align:center; left:0; border-radius:100%; color:#fff; font-size:14px; padding-top:35px; line-height:18px;}

.image-editor {width:100%; text-align:center; float:left;}
.cropit-preview {
        background-color: #f8f8f8;
        background-size: cover;
        border: 1px solid #ccc;
        margin-top: 7px;
        display:inline-block!important;
    width:250px;
        height: 250px;
    overflow:hidden!important; border-radius:100%!important;
    }
    .cropit-preview-image-container {
        cursor: move;
    }
    .image-size-label {
        margin-top: 10px;
    }
.rotation-btns i {cursor:pointer;}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
    background-color:#1d62f0!important; color:#fff!important;
}
.btn-primary {background-color:#0078ff!important}
.nav-tabs > li > a {border:1px solid #eee; height:50px; margin-bottom:1px; border-radius:0 !important}
.card .description {font-size:12px!important; color:#666!important;}
.logo-mobile img {max-width:50%;}

/*Messages*/
.alert-success {border:1px solid #50a156!important; background:#dcedd5!important; color:#197039!important}

/*Error page*/
.error-page {
    margin:9% auto 0;
    width: 620px;
}
.error-page > .headline {
    float: left;
    font-size: 100px;
    font-weight: 300;
  color:#1dc7ea;
  margin:16px 0 15px;
}
.error-page > .error-content {
    display: block;
    margin-left: 190px;
}
.error-page > .error-content > h3 {
    font-size: 25px;
    font-weight: 300;
}
.error-page .btn-warning {
    border-color: #0496f2;
    color: #0496f2;
}
.error-page .btn-warning:hover {
    border-color: #0496f2;
  background:#0496f2;
    color: #fff;
}

.dashboard-container li {position:relative;}
.dashboard-container li .del-icn {display:none; position:absolute; right:2px; top:2px; color:#333; width:30px; height:30px;}
.dashboard-container li:hover .del-icn {display:block;}
.dashboard-container li:hover .del-icn a {height:auto; width:auto; border:none; padding:0; margin:0; color:#FFF}
.dashboard-container li:hover .del-icn a:hover {background:none;}
.dashboard-container li:hover .del-icn a:hover .fa {background:none; color:#ff0000;}
.tab-activity .pe-7s-paperclip {float: left;line-height:21px; width:16px;}
.tab-activity .btn-lg {border:1px solid #999; border-radius:0; padding:0;}
.modal-backdrop img {max-width:100%;}
.other-options {float:left; width:100%; margin:10px 0 0 0; padding:10px 0 0 0; border-top:1px solid #ddd;}
.other-options li {margin-right:15px; float:left; color:#666; font-size:18px; min-height: 30px;}
.other-options li a {color:#666; font-size:18px;}
.other-options li a:hover {color:#0078ff}
.main-panel {z-index:inherit!important}
.country-code {position:absolute; top:8px; left:5px;}
.reg-box-country .form-control {padding-left:30px;}
.nav>li .notification {top:-4px; right:10px; left:inherit; width:16px; height:16px; border-radius:100%; line-height:24px;}
.sidebar .nav>li .notification, .navbar-collapse .nav>li .notification {top:0px; right:0px; left:inherit; width:24px; height:24px; border-radius:100%; line-height:24px;}
.nav>li:nth-child(3) .notification, .nav>li:nth-child(5) .notification {left:150px;} 
.hasDatepicker {background:url(../images/calendar_icn.png) no-repeat 96% center;}
.register-page .left-button {width:100%; float:left; text-align:center; margin-bottom:10px;}
.register-page .left-button .submitButton {float:none!important; display:inline-block;}
.register-page .right-button {width:100%; float:left; text-align:center; margin-bottom:10px;}
.register-page .right-button .submitButton {float:none!important; display:inline-block;}
.usersKidsNameNotify > li .notification {left:inherit!important;right:0px; top:-5px;}
.chosen-container-single .chosen-single {background:none!important; height:32px!important; line-height:32px!important;}
.chosen-container-single .chosen-single div b {background-position:0 5px!important;}
.all-activity {
    float: left;
}
.tab-navigation .nav-tabs > li {width:25%; float:left;}
.tab-navigation .nav-tabs > li a {text-align:center;}
#landscape{
         position: fixed;
         top: 0px;
         left: 0px;
         background: #fff;
         width: 100%;
         height: 100%;
         display: none; 
         z-index: 20000;
         margin:0 auto;
}
#landscape div{

        color: #FFFFFF;                                  
      
        top:25%;
        position: absolute;
        text-align: center;
        display: inline-block;
        width: 100%;
}
#landscape img {max-width:60%;}
.help-text {
    color: #666;
    float: left;
    font-size: 13px;
    font-style: italic;
    line-height: 14px;
    padding:10px 0 10px;
    width: 100%;
}
.custom-drop .selection {clear:both;}
.card-invitaion {max-width:740px; margin:0; padding:30px; border:1px dashed #ccc;}
.left-part {width:53%; float:left; margin-left:2%}
.right-part {width:45%; float:left;}
.doubleTabMobile {display:none;}
.read_unread_users {float:right;}
.read_unread_users_inner {
    border: 1px solid #2d9ae3;
    border-radius: 100%;
    color: #333;
    float: left;
    font-size: 13px;
    height:60px;
    line-height:13px;
    padding:10px 7px;
    text-align: center;
    width:60px;
}
.activityFilterModel {float:left;}
.activityFilterModel label {width:32%; margin:0 !important;}
.activityFilterModel br {display:none;}
.activityFilterModel .modal-header .close { margin-top: -10px; color:#fff; opacity: 1;}
.activityFilterModel .modal-header {background:#2d9ae3}
.sidebar .nav i {margin-right:7px!important;}
.sidebar .nav i.icon-right-arrow {float:right;}
.snap_version {
    border-top: 1px solid #fff;
    bottom: 0;
    padding: 10px 0;
    position: relative !important;
    text-align: center;
    width: 260px;
  color:#fff;
  
}



.edit_profile_box {text-align:center;}
.logout_button {text-align:center;}
.childAction {display:inline-block; margin:0 8px 0 8px; cursor:pointer; color:#0078ff; line-height:22px;}
.edit-opt ul {margin:0; padding:0;}
.setting-icn {margin:22px 0 0 0; float:right;}
.edit-opt .childAction {float:left; width:100%; margin-bottom:0; margin-left:0; padding:20px 0; border-bottom:1px solid #ccc; text-align:center;}
.edit-opt .childAction a {color:#333; font-weight:400;}
.manage-child-img .modal-header  h4 {border:none!important; text-align:center; font-weight:700!important }
.childAction .icon {color:#333;}
.childAction  .icon {
    float: left;
    margin:0 2px 0 0;
  font-size:20px;
}
.manage-child-img .icon-gear {cursor:pointer;}
.childAction  .icon:hover {text-decoration:}
.navbar-default:not(.navbar-transparent) .btn-default:hover {color:#0078ff;}

.export-container .btn {
        background-color: #fafafa;
        background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
        background-repeat: no-repeat;
        border-radius: 2px;
        font-weight: bold;
}
.export-container .btn {
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    }
.export-container .btn {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background-color: #f5f5f5;
        background-image: -moz-linear-gradient(center top , #ffffff, #e6e6e6);
        background-repeat: repeat-x;
        border-color: #cccccc #cccccc #b3b3b3;
        border-image: none;
        border-radius: 4px;
        border-style: solid;
        border-width: 1px;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
        color: #333333;
        cursor: pointer;
        display: inline-block;
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 0;
        padding: 4px 10px;
        text-align: center;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
        vertical-align: middle;
    }
.tags-filter {
    float: left;
    display: block;
    width: 100%;
}
.export-container {text-align:center;}
.export-container ul {list-style:none; margin:0; padding:0;}
.export-container li {float:left; width:50%; text-align:center;}
.export-container h4 {font-size:18px; font-weight:600; color:#333; text-align:center; margin:0; padding:0 0 20px;}
.export-container  .pdf-icn {float:left; width:100%; text-align:center; font-size:18px; font-weight:600; color:#000; text-align:center;}
.export-container .pdf-icn .fa {width:100%; text-align:center; float:left; font-size:70px; color:#cc4b4c;}
.export-container .download-btn {background:#0079ff; padding:15px 0; text-shadow:none; color:#fff; text-align:center; font-size:18px; font-weight:700; border:none; width:70%; text-decoration:none; margin:5px 0 0 ;}
.export-container .download-btn:hover {background:#0368d9; color:#fff}
.export-container .coor_class {
        height: 180px !important;
    }
.export-container .name_search{
        width:340px !important;
    }
.export-container .tipsy { font-size: 14px!important;}
    .h2class{font-size: 19px !important;}

        /* The alert message box */
.export-container .alert {
        font-size: 14px !important;
        padding: 20px;
        background: #41aeec none repeat scroll 0 0;
        color: white;
        margin-top:2%;
        margin-bottom: 15px;
    }
.export-container .alert a{
        color: #fff !important;
        margin-left:34%;
    }
        /* The close button */
.export-container .closebtn {
        margin-left: 15px;
        color: white;
        font-weight: bold;
        float: right;
        font-size: 22px;
        line-height: 20px;
        cursor: pointer;
        transition: 0.3s;
    }

/* When moving the mouse over the close button */
.export-container .closebtn:hover {
        color: black;
    }
.activities-filter-inputs {margin-left:50px;}

.jFiler {
    color: #494949;
    font-family: sans-serif;
    font-size: 14px;
  float:left; 
  width:100%;
  position:relative; 
  z-index:10;
}
.jFiler input[type="file"] {
    display: block;
}

.jFiler-input-dragDrop {
    background: #f9fbfe none repeat scroll 0 0;
    border: 2px dashed #c8cbce;
    color: #97a1a8;
    display: block;
    margin:0;
    padding: 25px;
    text-align: center;
    transition: box-shadow 0.3s ease 0s, border-color 0.3s ease 0s;
    width: 100%;
}
.jFiler * {
    box-sizing: border-box;
}
.jFiler-input-dragDrop .jFiler-input-icon {
    font-size: 48px;
    margin-top: -10px;
    transition: all 0.3s ease 0s;
}
.jFiler-input-text h3 {
    font-size: 18px;
    margin: 0;
}
.jFiler-input-text span {
    font-size: 12px;
}
.btn-custom.blue-light {
    border: 1px solid #48a0dc;
    color: #48a0dc;
}
.jFiler .btn-custom {
    background-color: transparent;
    border: 1px solid #c6c6c6;
    border-radius: 3px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
    color: #8d9496;
    display: inline-block;
    font-weight: 700;
    outline: 0 none;
    padding: 8px 14px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
}
.jFiler .btn-custom, .jFiler .pre-collapse {
    cursor: pointer;
    font-size: 12px;
}
.jFiler .jFiler-input-choose-btn {
    border: 1px solid #c6c6c6;
    border-radius: 3px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
    color: #8d9496;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    outline: medium none;
    padding: 8px 14px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
}
.jFiler .blue {
    border: 1px solid #0078ff;
    color: #0078ff;
}
.jFiler .blue:hover {background:#0078ff; color:#fff; border:1px solid #0078ff;}
#ui-datepicker-div {z-index:10!important;}
.container-post-activity .form-group {margin-bottom:10px;}
.container-post-activity  textarea.form-control {height:164px; display:inline;}
.cd-filter-trigger .icon {
    float:left;
    font-size:26px;
    margin-right:6px;
    margin-top:14px;
  line-height: normal;
}
.noticesend-by .icon  {
    float: left;
    font-size: 20px;
    line-height: normal;
  margin:4px 4px 0 0;
}
.other-options .icon {
    float: left;
    font-size: 21px;
    line-height: normal;
    margin:3px 5px 0 0;
    width: auto;
}
.other-options .icon-trash {margin:2px 2px 0 0;}
.other-options .icon-bookmark{margin:3px 2px 0 0;}
 .other-options .icon-heart{
    font-size: 24px;
    line-height: normal;
    margin: 0 3px 0 0;
}
.card form .drop-subject {
    border-top:1px solid #333;
    margin:40px 1% 0;
    padding-top: 20px !important;
  padding-left:0px !important;
    width: 98%;
}
.modal-header .close {
    margin-top: -10px!important;
}
.dialog-btn-confirm {
    background:#0078ff!important;
    color: #fff;
}
.ui.dropdown > .default.text, .ui.default.dropdown > .text {color:#565656!important;}
.jFiler-items.jFiler-row {
    margin: 20px 0 0;
}
.container-post-activity .col-lg-6, .container-post-activity  .col-md-6 {
    float: left;
    width: 50%;
}
h5.sub_title {
    float: left;
    margin: 22px 30px 0 0;
    text-transform: none;
}
.approval_info {background:#f0ad4e!important;}
.approval_info a {color:#FFF;}
.approval_info a:hover{color:#FFF; text-decoration:underline;}
.doubleTabMobile {background:#0078ff!important}
.search-submit {margin-top:5px;}
.empty-page-container {text-align:center; float:left; width:100%;}
.empty-page-container h3{font-weight:700!important;}
.empty-message {padding:20px 0; font-size:20px; font-weight:300;}
.filter_bread_crum {margin:20px 0 0 0;}
.selected_filter {margin:10px 0 0;}

.print_img{float: left; cursor: pointer;margin: 0 10px 0 0;}
.rotate_img{float: right; cursor: pointer;margin: 0 10px 0 0;}
.show-about_1{cursor: pointer}
.like_active{color: #ff2a38!important;}
.addKidsActivity{padding-left: 18px !important;}
.setting_name{color: #0c6ad5 !important;}
.post_activity_button{position:fixed;padding:5px;bottom:20px;right:35px;max-width:300px;z-index:9999;}
.activity_filter_button{padding:0; width:100%; float:right; position:relative; margin:-13px 0 0 0;}
.pe_i_left{margin-right:8px!important;}
.main_heading h3 {margin:0; font-size:18px; padding:10px 15px;}
.main_heading h3 .icon-filter {font-size:30px;}
.main_heading h3 a:hover, .main_heading h3 a  {text-decoration:none!important;}

.signed-unsigned-tab {float:left; width:100%; border-bottom:1px solid #eee; padding:0;}
.signed-unsigned-tab > li > a {border:none; border-bottom:2px solid #fff; border-radius:0; font-size:16px; font-weight:400; text-transform:none; color:#657786;}
.signed-unsigned-tab > li.active > a, .signed-unsigned-tab > li > a:hover, .signed-unsigned-tab > li.active > a:hover {border-bottom:2px solid #0078ff; background:none; border-radius:0; color:#0078ff;}
.signed-unsigned-tab > li.active > a, .signed-unsigned-tab > li.active > a:focus, .signed-unsigned-tab > li.active > a:hover  {border-bottom:2px solid #0078ff; background:none; border-radius:0; color:#0078ff;}
.user-sign-con {float:left; width:100%; padding:2%;}
.user-sign-con ul {list-style:none; margin:0; padding:0;}
.user-sign-con ul li.odd, .user-sign-con ul li.even  {float:left; width:49%; background:#e8f2fc; position:relative; text-align:center; border-radius:5px; min-height:220px; margin:0 0 10px 0; border:1px dotted #d3d3d3; padding:10px; 
-webkit-transition: box-shadow 0.5s ease-in-out 0s; -moz-transition: box-shadow 0.5s ease-in-out 0s;
-o-transition: box-shadow 0.5s ease-in-out 0s; -ms-transition: box-shadow 0.5s ease-in-out 0s; transition: box-shadow 0.5s ease-in-out 0s;}
.user-sign-con ul li.odd {margin-right:2%;}
.user-sign-con li {float:left; width:100%; position:relative; border-radius:5px; margin:0 0 10px 0; border-bottom:1px dotted #d3d3d3; padding:10px 10px 15px; 
-webkit-transition: box-shadow 0.5s ease-in-out 0s; -moz-transition: box-shadow 0.5s ease-in-out 0s;
-o-transition: box-shadow 0.5s ease-in-out 0s; -ms-transition: box-shadow 0.5s ease-in-out 0s; transition: box-shadow 0.5s ease-in-out 0s;}
.user-sign-con ul li.even {float:right;}
.user-sign-con li span {float:left; width:100%; color:#333;}
.user-sign-con li span.switchAccountName {color:#0078ff;}
.user-sign-con li span.switchAccountType {font-weight:700;}
.switchAccountText {background:#cbe3fe; position:absolute; padding:5px 10px; color:#333; bottom:0; width:100%; left:0;}
.switchAccountText a {color:#333; font-weight:700;}
span.activeCheck {
    background: #0078ff;
    width: 30px!important;
    height: 30px;
    position: absolute;
    color:#fff!important;
    right: 0;
    top: 0;
  border-radius:100%;
  line-height: 28px;
}
.snap-title {
    font-size: 18px;
    font-weight: 700;
}
.paid_unpaid_subscribers .user-sign-con li {width:100%; text-align:left; margin:0 0 30px 0; padding:20px; min-height:100%; height:auto;}
.paid_unpaid_subscribers .user-sign-con li img {float:left; margin:0 20px 0 0; max-width:70px; height:auto;}
.fee-user-details {float:left; width:70%;}
.user-sign-con li .fee-user-details h2 {margin:20px 0 0; font-weight:700; font-size:18px; padding-bottom:6px; float:left; width:250px;}
.user-sign-con li .fee-user-details h2 .sub-head {font-size:16px; color:#666;}
.fee_pay {margin:20px 0 0 0;}
.user-sign-con li:hover {box-shadow:0 0 11px #aaa; border-color:#fff;}
.user-sign-con ul li.odd img, .user-sign-con ul li.even   img {max-width:110px; max-height:110px; border-radius:100%; float:none; display:inline-block; margin-right:0;}
.user-sign-con li  img {max-width:70px; max-height:70px; border-radius:100%; float:left; margin-right:20px;}
.user-sign-con ul li.odd .activeCheck img, .user-sign-con ul li.even .activeCheck img{max-width:18px; height:auto;}
.user-sign-con li h2 {width:70%; font-size:16px; font-weight:700; float:left; margin:15px 0 0 0; color:#333;}
.user-sign-con li h2 span.sub-head {text-transform:none; float:left; width:100%; font-weight:300; color:#666; margin:5px 0 0;}
.clear{clear:both}
.card-container .fa {display:none;}
.dp-main {float:left; width:100%; height:90px;}
.loader {
    padding: 50px 0 0 0;
    display: block;
    float: left;
}
.unpaid_payment_method {
    float: left;
    margin: 8px 0 0;
}
.snapVersion{padding: 0 0 20px 40px;}
.snapVersion .snapVersionVersion{padding-left: 38px;}
.log_images img {max-width:50px; height:auto;}
.manage-child-img  img{max-width:70px; border-radius:100%; max-height:70px;}
.separator {
    color: #333;
    font-size: 18px;
    line-height: 16px;
    padding: 0 0 0 12px;
}
.user-sign-con  .payby_month {float:right; width:auto;}
.user-sign-con .payby_month li {float:left; width:auto; border:none;box-shadow:none; margin:0 3px 3px; padding:0;}
.user-sign-con .payby_month li.total_fee_paid_class  {float:right; margin:10px 0;}
.user-sign-con .payby_month li a {background:#cccccc; border-radius:100%; width:36px; height:36px; float:left; color:#333; text-align:center; line-height:36px; font-size:14px;}
.user-sign-con .payby_month li a.club_month {width:auto; padding:0 10px; border-radius:20px;}
.user-sign-con .payby_month li.active a{background:#349934; color:#fff;}
.user-sign-con .payby_month li:hover {box-shadow:none}
.fee-user-2nd {width:88%;}
.payed_tab {position:absolute; right:0; top:0; background:url(../images/paid-icn.png) no-repeat 0 0; width:92px; height:56px; text-indent:-9999px;}
.payed_month {text-align:center; font-size:20px; font-weight:700; width:100%; float:left; margin:0 0 20px;}
.form-label {margin:0 0 5px; font-size:16px; color:#333;}
.form-label  label {font-weight:400; width:165px; float:left; margin:0;}
.payAmountBox .sub_action {clear:both; display:block; border:1px dotted #ababab; margin:0 0 3px; padding:7px 10px; font-size: 18px;
font-weight: 600; position:relative;}
.payAmountBox  .icon  {font-size:26px; margin-right:20px;}
.payed_option_box {margin:50px 0 50px 0;}
.div_space {height:25px;}
.payedSuccessAmount, .payAmountBox, #payByCashBox {width:400px; text-align:left;}
.subscriber_loader2 {
    padding: 0 0 0 14px;
    position: absolute;
    top: 6px;
    right: 10px;
}

.navbar-collapse .nav p {text-transform:none!important; font-size:14px!important; word-wrap:break-word!important; margin:6px 0!important; line-height:15px!important;}
.btn-trash {color:#fb404b; font-size:16px; margin-right:13px;}
.btn-trash:before  {float:left; font-size:20px;}
.approved-text { font-size:16px; min-height:30px; display:inline-block;  font-family:"Roboto","Helvetica Neue",Arial,sans-serif!important; color:#5cb85c}
.approved-text:before, .fa-check:before  {font-size:20px!important; line-height:22px; font-family:FontAwesome!important;}
.fa-ban, .fa-check {width:auto!important; font-size:16px!important; min-height:30px; display:inline-block; font-family:"Roboto","Helvetica Neue",Arial,sans-serif!important;}
.fa-ban:before {padding-right:4px;}
.fa-ban {color:#fb404b!important}
.fa-ban:before , .fa-check:before  {font-family:FontAwesome!important;}
.class_reset_step {font-size:18px; width:100%; float:left; margin-bottom:30px; background:url(../images/gray-line.png) no-repeat 31px 15px;}
.class_reset_step .active {font-weight:bold;}
.class_reset_step .inner_step  {margin:0 166px 0 0; float:left; color:#333; font-size:18px; font-weight:bold; text-align:center; line-height:22px;}
.class_reset_step .inner_step:last-child {margin-right:0;}
.class_reset_step .inner_step span {width:48px; float:none; background:url(../images/tab.png) no-repeat 0 0; height:47px; display:inline-block; text-align:center; line-height:47px; margin-bottom:10px;}
.class_reset_step .inner_step.active span {background:url(../images/tab-active.png) no-repeat 0 0; color:#fff;}
.class_reset_step .inner_step.active {color:#0078ff}
.btn-info[disabled] {border-color:#0078ff !important;}
.btn-post {width:49%;}
.filter_breadcurmb {text-align:center; font-size:16px; line-height:34px; color:#333; background:#f9f9f9; padding-bottom:10px; padding-top:10px; margin-left:1%; margin-right:1%; width:98%;}
.subscriber_loader {
    padding: 31px 0 0 14px;
    display: block;
    float: left;
}
.fee_amount_box {position:relative;}
.rupee_symbol {position:absolute; left:15px; top:10px;}
.fee_amount_box input {padding-left:30px;}


.container-acc-statement {padding:20px 15px;}
.container-acc-statement  .table-striped > tbody > tr:nth-of-type(2n+1) {background:#fff; }
.container-acc-statement  .table-striped td {border-bottom:2px dotted #d1d1d1; border-top:none;}
.container-acc-statement  table {border-collapse:unset;}
.container-acc-statement .report_description {color:#333; font-weight:600;}
.container-acc-statement .due-date { color:#666;}
.table-statement-summary .open-balance {width:110px; float:left;}
.table-statement-summary td {border:none!important; padding:0!important; padding-bottom:5px!important;}
.table-statement-summary tr:hover {background:none!important;}
.table-statement-summary  h2{font-size:18px; margin:20px 0 15px;}
.container-acc-statement  .statement-date th {color:#000; border:none!important; }
.container-acc-statement .statement-date-detail th  {border-bottom:3px solid #ccc!important; color:#000; font-weight:700; text-transform:none;} 
.tooltipsy { padding:10px; max-width:240px; color:#fff; background-color:#000; border:1px solid #000000; border-radius:10px; position:relative; top:92px;}
.tooltipsy:after {
    content: "";
    position: absolute;
    border-style: solid;
    border-color: #000 transparent;
    display: block;
    width: 0;
  top: -13px;
    bottom: auto;
    left: auto;
    right: 43%;
    border-width: 0 13px 13px;
}
.image_up {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}
.image_down {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.image_left {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.box_outer {
    position: absolute;
    z-index: 99999;
    bottom: -36px;
    right: 0;
    background:none;
    width: 89px;
    display: block;
}
.admin_sub_avatar img{border-radius: 100px;}
.snap_sign_pages {
    background:  #0fc773  none repeat scroll 0 0;
    border-radius: 8px;
    color: white;
    font-size: 13px;
    padding: 1px 4px 2px 5px;
  clear:left;
  display:inline-block;
}
.report_description {
    font-size: 13px;
    font-weight: 600;
}
.report_date_range{height: 33px!important;}
.report_view_button{line-height: 12px;margin: 0 0 0 9px;}
.pay_fee_container .nav-tabs > li {font-size:18px; color:#999; border-top:5px solid #f0f0f0; margin:0 1%; font-weight:700; padding:5px 0 15px 0; width:31%}
.pay_fee_container .nav-tabs > li:last-child {margin-right:0;}
.pay_fee_container .nav-tabs > li:last-child {}
.pay_fee_container .nav-tabs > li.active {color:#000; border-top:5px solid #007bff;}
.pay_fee_container  .form-control {color:#999;}
.pay_fee_container  .signed-unsigned-tab {border-bottom:none;}
.form-address {max-width:320px;}
.fancybox-image {width:auto!important; position:relative; display:inline!important;}
.fancybox-inner {text-align:center;}
.fee_success_container {width:100%; text-align:center; font-size:18px;}
.payment_success_img {width:80px; height:80px; background:#46bd44; border-radius:100%; position:relative; text-align:center; line-height:80px; margin-bottom:25px; display:inline-block;}
.payment_success_img:before {content: "\f00c"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff; font-size: 40px; padding-right:0; position: relative; top: 0; left: 0;}
.payment_success {font-weight:700; margin-bottom:10px;}
.card_info_li {float:left; position:relative; width:100%; padding-bottom:10px; margin:5px 0; border-bottom:1px solid #eee;}
.card_info_li:before {content: "\f105"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #eee; font-size: 40px; padding-right:0; position: absolute; top:-15px; right: 0;}
.card .card_info_li label {font-size:16px; text-transform:none;}
.card .billing_details label{}
.activityTypeClass {font-size:12px!important;}
.ui.dropdown .menu > .item {font-size:14px!important;}
.fee-structure-left {width:49%; float:left}
.fee-structure-right {width:49%; float:right}
.group_box_fee {background:#f8fbfd; padding:15px; margin:0 0 10px 10px; border:1px dotted #b8b9b9;}
.group_box_fee .form-group {position:relative;}
.group_box_fee .rupee_symbol {width:40px; height:40px; background:#f1f1f1; border-radius:5px 0 0 5px; left:0; top:0; text-align:center; line-height:40px;}
.group_box_fee  .form-control {padding-left:45px;}
.group_box_fee  .form-group label {font-size:12px!important; color:#666!important; margin:10px 20px 0 0; text-transform:none; line-height: 14px;}
.group_box_fee  .form-group  input[type="checkbox"]  {float:left; margin: 0 3px 0 0;}
.control-label_master {color: #333 !important;font-weight: 600 !important; text-transform:uppercase;}

.preview-box {background:#f8fbfd; padding:15px; border:1px dotted #b8b9b9;}
.preview-inner {margin:0; padding:10px; box-shadow:0 0 10px #ddd; background:#fff;}
.preview-inner h2 {margin:0; padding:0 0 20px; font-weight:700; font-size:18px; color:#999; text-align:center;}
.preview-inner h3 {margin:0; padding:0 0 10px; font-weight:700; font-size:12px; color:#000; text-transform:uppercase;}
.annual-tution-box {border-top:2px solid #e4e4e4; border-bottom:2px solid #e4e4e4; padding:10px 0; float:left; width:100%; font-size:12px; text-transform:none;}  
.annual-tution-inner {float:left; width:100%;}
.annual-tution-inner label {text-transform:none!important; font-size:13px;}
.charges-price {float:right; font-weight:700;}
.preview-inner  h4 {float:left; width:100%; padding:5px 0 5px; margin:0; font-size:13px; font-weight:700; border-bottom:1px dotted #d3d2d2}
.bus-fee-box {float:left; width:100%;}
.bus-fee-box ul{list-style:none; margin:0; padding:0;}
.bus-fee-box  li{float:left; width:100%; padding:7px 0 7px 20px; margin:0; font-size:12px; font-weight:700; border-bottom:1px dotted #d3d2d2; color:#666; position:relative;}
.bus-fee-box  li:before {
    content: "\f111";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #ededed;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top:2px;
    left: 0;
}

.load_more_outer {margin-bottom:30px;}
.load_more_outer button {
  background:#3497f9; 
  border:none; 
  color:#fff!important; 
  border-radius:30px; 
  padding:6px 20px; 
  font-size:16px;}
.fixed .nav-tabs {margin:0;
}

.load_more_todays button {
  background:#3497f9; 
  border:none; 
  color:#fff!important; 
  border-radius:30px; 
  padding:5px 30px; 
  font-size:14px;}
.fixed .nav-tabs {margin:0;
}

.tab-activity .nav-tabs li a {
    font-size:16px;
    padding:5px 13px;
    line-height: 38px;
    border:none!important;
    color:#657786;
    border-bottom:2px solid #fff!important;
}
.tab-activity .nav-tabs li.active a, .tab-activity .nav-tabs li a:hover {border-bottom:2px solid #0078ff!important; color:#0078ff; background:none!important;}
.sent-time {position:absolute; right:0;}
.tab-activity tr {position:relative;}
.activity-notification {width:83%!important;text-align: justify;padding-top: 20px;}
.activities-td {width:100%;}
.tab-activity .activity-notification h3 {padding:0 10px 0 0; font-size:16px; max-width:100%;}
.user-img .text-muted {color:#333; font-size:16px; margin-bottom:10px; font-weight:normal}
.user-img {text-align:left; border-bottom:8px solid #e6e6e6; margin-bottom:15px; padding-bottom:5px; text-align:center; padding:0;}
.user-img p {font-weight:bold; text-align:left!important; margin:12px 0 0!important;}
.user-img p.text-muted  {margin:0!important}
.user-img img {display:inline-block; border-radius:100%; max-width:80px; max-height:80px; height:80px; width:80px;}
.no_more_activities {margin-bottom:20px;}
.copyright {padding-bottom:20px;}
.no_more_activities img {width:50px!important;}
.user-school-details p {font-weight:bold; margin-bottom:20px;}
.dp-main {
    float: left;
    width: auto;
    height: 90px;
    margin: 0 16px 0 0;
}
.modal-body .dp-main p {text-aligh:left;}
.profile-devider {border-bottom:1px solid #e6e6e6; padding:15px 0;}
.user-school-details .btn {border:none; border-bottom:1px solid #e6e6e6; background:none; padding:0; float:left; width:100%; text-align:left; font-size:18px; color:#000; margin-bottom:0; font-weight:500; padding:15px 0; text-transform:capitalize;}
.user-school-details {font-size:18px; color:#000; margin-bottom:20px; font-weight:400; padding:0;}
.user-school-details .switch {
    margin-top: 10px;
    float: right;
}
.user-school-details .logout {font-weight:700;}
.activity-notification .noticesend-by .icon {margin-top:;}
.activity-notification iframe {width:100%!important}
.user-school-details .summary_email_notes {
    float: left;
    font-weight: normal;
    color: #918e8e;
}
.activity_filter_button .items {float:left; width:100%; border-bottom:1px solid #e6e6e6; padding:10px 0; line-height:44px;}
.filter_circle {
    width: 50px;
    height: 50px;
    float: left;
    text-align: center;
    border-radius: 100%;
    line-height: 50px;
    color: #fff;
  margin:0 20px 0 0;
}
.snap_pay_now {margin-bottom:10px;}
.filter_circle .icon-clap {font-size:32px; line-height:32px;}
.filter_circle .icon-heart {font-size:32px;}
.filter_circle .icon-heart:before {line-height:50px;}
.filter_circle .glyphicon-heart {line-height:50px; font-size:23px;}
.filter_circle .icon-snapcash:before {font-size:32px;}
.filter_circle .icon-bookmark:before {font-size: 20px; line-height:42px;}
.activity_filter_button .items label.btn-default {border:none; outline:none; padding:0; background:none!important; margin:0;}
.activity_filter_button .items label.active {box-shadow:none!important}
.tab-activity h3 a .icon {font-size:32px;}
.tab-activity h3 a {text-decoration:none!important}
.attach_count {float:right; width:73%;}
.docs_row img {max-width:46px; height:auto;}
.tab-activity  h3 a:hover {text-decoration:none;}
.video_row video {width:100%; border:1px solid #ccc;}
.activity-notification li.docs_row a{
    background:#f1f1f1;
    border:1px solid #ddd;
    float:left;
    margin:0 10px 21px 0;
    padding:12px;
  height:83px;
}
.tab-navigation {
    float: left;
    width: 100%;
    box-shadow: 2px 7px 2px -5px #999;
    margin: 15px 0 0 0;
    transition: all .30s ease-in-out;
}
#modalTrash label {
  color: #000 !important;
}
#modalTrash textarea {
  width:84% !important;
}
.media_count {float:left; margin-right:5px; color:#9e9e9e;}
.subject-notify .icon-snapcash:before, .subject-notify .icon-snapcash {line-height:40px!important;}
.add_new_child_td {text-align:left;}
.add_new_child {border:1px dotted #aaaaaa; padding:8px 30px 8px 10px; width:100%; display:inline-block; color:#333; line-height:50px; font-weight:bold;}
.add_new_child img {max-width:70px; margin:0 21px 0 0;}

.read-count {float:left;}
.read-count .icon {color: #3497f9 !important;font-size:18px;vertical-align:middle;}
 
 .profile-img-container {
  max-width:100px;
  display:inline-block;
 }

 .profile-img-container a .icon {
    display: block;
    position: absolute;
    opacity: 1;
    /* left: 0; */
    top:23px;
    right: -7px;
    text-align: center;
    color: inherit;
    background: #0078ff;
    width: 28px;
    height: 28px;
    color: #fff;
    line-height: 31px;
    border-radius: 100%;
    border: 1px solid #fff;
}

.pic-profile .icon {
    display: block;
    position: absolute;
    opacity: 1;
    /* left: 0; */
    bottom: 0;
    right: 3px;
    text-align: center;
    color: inherit;
    background: #0078ff;
    width: 28px;
    height: 28px;
    color: #fff;
    line-height: 31px;
    border-radius: 100%;
    border: 1px solid #fff;
    cursor: pointer;
}
 .profile-img-container a:hover {color:#fff; text-decoration:none;}
 .activity_filter_button .activityAction {cursor:pointer;}
 .other-options .icon-clap {font-size:32px; margin-top:-7px!important;}
 .input-wrapper {padding-top:15px;}
 .eg-input {font-size:13px;color:#666;}
 .copyright {font-size:13px; clear:both}
 .container-invite {padding-bottom:30px;}
 
 body.landing-page {background:#333333 url(../img/snap_icon.png) no-repeat center bottom; margin:0; padding:0;     background-attachment: fixed;}
 .landing-wrap {max-width:1180px; margin:30px auto 0; text-align:center;}
 .landing-wrap h2 {
    font-size: 54px;
    font-weight: 700;
    color: #fff;
}
.landing-wrap h3 {
    font-size:26px;
    color: #fff;
}
.landing-btns {float:left; width:100%; margin:30px 0 0;}
.landing-btns a {border:1px solid #fff; color:#fff!important; font-weight:700; padding:13px 40px; border-radius:30px; font-size:20px; text-decoration:none;}
.landing-btns a:hover {color:#fff!important}
.landing-btns a.btn-exostting {background:#fff; color:#1c95e0!important}
.landing-btns a.btn-exostting:hover {color:#1c95e0!important}
.no_result_bookmark {width:140px; height:140px; float:none; display:inline-block; font-size:50px; line-height:150px; background:#e8f2fc; color:#0078ff; border-radius:100%;}
.no_result_title {float:left; width:100%; text-align:center; margin:15px 0 20px 0; font-size:24px; font-weight:700;}
.no_result_text {float:left; width:100%;}
.no_result_snaps img{max-width:140px; max-height:140px;}
.secure_school_account {max-width:100%; max-height:100%;}
.no_result_bookmark .icon-heart, .no_result_bookmark .icon-clap {color:#ed1a51; font-size:70px; line-height:166px;}
.user-sign-con li.sub_invite_heading {
    float: left;
    width: 49%;
    width: 49%;
    border: 1px dotted #666;
    min-height:192px;
    line-height: 192px;
    border-radius: 5px;
    text-align: center;
  margin:0;
  font-size:52px;
}
.sub_invite_heading { float:left; width:100%;  border: 1px dotted #666; padding:10px; font-size:20px; margin:20px 0 0;}
.user-sign-con li.sub_invite_heading a:hover {text-decoration:none;}
.user-school-details .pull-left {width:100%;}
.snap_version_4 {width:100%; float:left; padding:5px 0 0 0; font-weight:400; color:#666; font-size:14px;}
.snap_version_1 {
    font-weight: 400;
    color: #666;
    font-size: 14px;
}
.login-box_1 {
    padding: 0 20px;
}
.card-container .login-box_1 {padding:0;}
.card-container .has-feedback .form-control {padding-right:10px;}
/*.category-registration .card {padding:20px 0 30px}*/
.category-registration .card {padding:0px}
.ui.dropdown .menu .item{cursor:pointer!important;}
#createUserInfoForm .ui.selection.dropdown .menu {height:125px;}

.search-wl{
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.search-box-wl{
    padding-left: 30px !important;
}
.search-wl .form-control-feedback {
    right: initial;
    left: 0;
    color: #ccc;
}

.filter_breadcurmb-wl {
    text-align:center; 
    font-size:16px; 
    line-height:34px; 
    color:#333; 
    background:#f9f9f9; 
    padding:10px; 
    width:100%;
}

#search-loader-wl{
    right: 0; display: block;position: absolute;left: inherit;top: -4px;
}

.elastic-wl{
    line-height: 1 !important;
}

.elastic-profile{
    line-height: 1 !important;
}

.elastic-profile img{
    border-radius: 100%;
    width: 130px;
    height: 130px;
}

.elastic-role{
    background: #e3dee7;
    padding: 5px 10px 5px 10px;
    width: 50%;
    text-align: center !important;
    font-weight: normal !important;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
    font-size: 15px;
    border-radius: 5%;
}

.elastic-wl .sub-details-wl{
    font-size:14px;
    color:#5f5b5b;
}

.elastic-wl .title-wl{
    font-size:16px;
}

.elastic-wl .title-ws{
  font-size:16px;
}

.elastic-wl .title-ws a{
  font-size:16px;
  text-decoration: none;
  color: #354678;
}

.elastic-wl .title-wl a{
    font-size:16px;
    text-decoration: none;
    color: #000;
}

.elastic-wl img{
    width:200px;
    height:120px;
    border: 1px solid #ccc;
}

.elastic-wl p{
    text-align: left !important;
}

/*Snap Pay css*/
.snappay-container {float:left; width:100%; margin:20px 0 40px 0;}
.user-label {float:left; width:100%;}
.user-label img {
    max-width: 70px;
    max-height: 70px;
    border-radius: 100%;
    float: left;
    margin-right: 20px;
}
.supported-main-container {
  border-top: 1px solid #ccc;
  margin: 10px 0 0;
  padding: 10px 0 0;
}
.activity_filter_button .items-3 {

  float: left;
  width: 100%;
  border-bottom: none;
  padding: 10px 0;
  line-height: 44px;
  background: #fff;
  box-shadow: 0 2px 4px #ccc;
  margin: 0 0 20px;
  border-radius: 7px;
  border:none!important;
}
.border-non {border:none!important;}
.supported-inner span {color:#666; font-size:14px;}
.supported-main-container .icon-calendar {
  float: right;
  width: 40px;
  height: 40px;
  background: #333;
  color: #fff;
  border-radius: 100%;
  padding: 0;
  line-height: 45px;
  text-align: center;
}
.supported-inner {
  float: left;
  width: 60%;
  line-height: 25px;
}
.user-label h2{float:right; width:calc(100% - 90px); font-size:22px; margin:0; padding:10px 0 0 0; position:relative;}
.paid-unpaid {position:absolute; right:40px;}
.paid-unpaid img {border-radius:0!important; max-width:100%; }
.user-label .sub-head {font-weight:300; float:left; width:80%; color:#67697f; font-size:18px;}
.love-sign {float:right; width:70px; height:70px; margin:-35px 0 0 0; background:#666666; color:#fff; border-radius:100%; line-height:70px; text-align:center; font-size:50px;}
.love-sign .icon:before{line-height:70px;}
.user-label ul {list-style:none; margin:0; padding:0;}
.grade-head {float:left; width:100%; margin:30px 0 0 0; font-size:20px; font-weight:700;}
.grade-subject {float:left; width:100%; margin:20px 0 0 0; font-size:20px; font-weight:700;}
.grade-details {font-size:24px; font-weight:300;}
.snappay-container .files-container li {float:left; width:50%; position:relative; margin:0; text-align:center;}
.btn-download {position:absolute; right:0; bottom:0; background:#424242; padding:10px; border-radius:20px 0 0 0;}
.btn-download img {max-width:30px;}
.snappay-container .btn {width:100%; padding:10px 0; font-size:18px; font-weight:300; margin:30px 0;}
.snappay-container .notify-time {border-top:1px solid #e9e9e9; line-height:40px; border-bottom:1px solid #e9e9e9; color:#333; width:100%; float:left; padding:10px 0; margin:20px 0 0 0; font-size:18px;}
.snappay-container .notify-time .fa {font-size:40px; float:left; margin:0 10px 0 0; color:#9a9a9a;}
.popup-verify-form {float:left; width:100%;}
.popup-verify-form h2 {font-size:24px; text-align:center; padding:0; margin:0;}
.popup-verify-form h3 {font-size:20px; font-weight:300;}
.hints-message {color:#535353}
.btn-popup {float:left; width:100%; margin:20px 0 0 0; text-align:right; color:#070707}
.btn-popup a {color:#070707; text-transform:uppercase; margin:0 0 0 10px;}
.snap-pay-listing {float:left; width:100%;}
.snap-pay-listing ul {list-style:none; margin:0; padding:0;}
.snap-pay-listing li {float:left; width:100%; border-bottom:1px dotted #999; padding:10px 0; font-size:20px; font-weight:400;}
.snap-pay-listing li label {font-weight:400; width:100%; float:left;}
.snap-pay-listing li input {margin-right:20px;}
.fee-subject {float:right;}
.container-snappay-list h2{font-size:24px;}
.container-snappay-list h3{font-size:22px;}
.pay-total {float:left; width:100%; margin:20px 0 0;}
.total-amount {float:left; width:300px; border-bottom:1px solid #ccc; color:#0078ff; font-weight:bold; font-size:20px;}
.snappay-container .pay-total .btn {width:auto; margin:0; padding:5px 20px; font-weight:400; font-size:18px;}
.total-amount .icon-cash {font-size:30px; float:left; margin:0 10px 0 0; height:34px;}
.order-details {float:left; width:100%; font-weight:700; margin:20px 0 0;}
.order-details ul {list-style:none; margin:0; padding:0;}
.order-details .order-info-left {padding-left:0!important;}
.order-details .order-info-right {padding-right:0!important; text-align:right;}
.order-listing {margin:30px 0 0 0;}
.order-listing li {color:#7e7e7e; font-weight:300;}
.total-calc {color:#31af5f; font-weight:700;}
.payment-listing-box {float:left; width:100%; }
.payment-listing-box li{float:left; width:100%; border-bottom:1px solid #e5e5e5; padding:15px 0;}
.payment-listing-box ul {list-style:none; margin:0; padding:0;}
.filter_circle {float:left; width:40px; height:40px; border-radius:100%; margin:0 10px 0 0; color:#fff; text-align:center; line-height:40px;}
#activity_filter .modal-body {width:93%!important}
#profileSettings .modal-body {width:93%!important}
.filter_circle .icon:before {line-height:40px!important;}
.filter_circle .icon{line-height:40px!important;}
.delete-alert .modal-header .close {margin:0!important}
.payment-summery {float:left; width:70%;}
.payment-summery h2 {margin:0; padding:0 0 5px; font-size:18px;}
.pay-id {float:left; width:100%; font-size:14px; color:#757575; font-weight:300;}
.paying-date{float:left; width:100%; font-size:14px; color:#757575; font-weight:300;}
.paid-amount {float:right; color:#000; font-size:18px; font-weight:700;}
.processed-container {float:left; width:100%; text-align:center;}
.processed-container h2 {color:#333; font-size:28px; font-weight:700;}
.processed-container .paid-amount {width:100%; font-size:40px; font-weight:700; color:#000;}
.processed-message {width:100%; font-size:22px; font-weight:300; color:#363636; float:left; margin:20px 0;}
.payment-id {width:100%; font-size:28px; font-weight:300; color:#9b9b9b; float:left; margin:20px 0;}
.all-payment {width:100%; font-size:20px; font-weight:400; color:#333; float:left; margin:40px 0 20px;}
.amout-to-pay {float:left; width:100%; margin:40px 0 0 0;}
.amout-to-pay .fa {float:left; width:30px; font-size:30px; color:#000; margin:13px 0 0;}
.amout-to-pay .group {float:left; width:90%; margin:0!important;}
.amount-deatils {float:left; width:100%; margin:30px 0 0 0;}
.amount-deatils ul {list-style:none; margin:0; padding:0;}
.amount-deatils li {float:left; margin:0 10px 10px;}
.amount-deatils li a {float:left; border:1px solid #0279ff; font-size:20px; color:#0279ff; padding:5px 20px; border-radius:5px;}
.amount-deatils li a:hover {background:#0279ff; color:#fff; text-decoration:none;}
.amount-deatils li a.active {background:#0279ff; color:#fff; text-decoration:none;}
.payment-type {flaot:left; width:100%;}
.payment-type h2 {font-size:24px; text-align:center;}
.payment-type h2 span {float:left; width:100%; font-weight:300; font-size:20px; margin:30px 0 30px;}
.pay-method {margin:0; padding:0; float:left; width:100%; list-style:none; font-size:18px; margin:5px 0 0 0}
.pay-method img {flaot:left; margin:0 10px 0 0}
.pay-method li {float:left; width:100%; padding:25px 20px; background:#f5f7ff; border:2px dotted #a0a0a1; border-radius:20px; margin:0 0 20px;}
.card-section {float:left; width:50%;}
.transaction-charges {float:right; width:50%; text-align:right; font-size:18px;}
.total-amounts {float:left; width:100%; border-bottom:1px solid #e9e9e9; padding:10px 0; line-height:40px; font-size:18px;}
.total-amounts .icon-snapcash {font-size:40px; color:#9a9a9a; float:left;}
.total-amounts .icon-snapcash:before {line-height:40px; line-height:40px;}

.paymentdetails-particular {float:left; width:100%;}
.head-paydetails {float:left; width:100%; color:#333; font-size:22px; font-weight:700; border-bottom:4px solid #e9e9e9; padding:25px 0 10px}
.amounts-total {float:left; width:100%; border-bottom:1px solid #e9e9e9; padding:10px 0; line-height:40px; font-size:20px;}
.amounts-total span {float:right;}
.payment-summery-con {float:left; width:100%; margin:20px 0}
.recept-print{font-size:20px; line-height:30px;}
.recept-print .icon-mail {float:left; margin:0 10px 0 0; font-size:35px;}
.billing-form-container label {color:#9f9f9f!important; font-size:18px!important;}
.billing-form-container input:focus ~ label, .billing-form-container:valid ~ label {font-size:20px!important; color:#0078ff!important;}
.billing-form-container .group {margin-top:35px!important;}
.container-schoolfee {float:left; width:100%}
.container-schoolfee h2 {font-size:22px; color:#000; margin:0; font-weight:600;}
.container-schoolfee h3 {font-size:20px; color:#363636; margin:10px 0 0;}
.container-schoolfee h2 span  {color:#0078ff; text-transform:uppercase;}
.snap-schoolfee-listing {float:left; width:100%; border-top:1px solid #cdcdcd; margin:15px 0 0; padding:15px 0 0}
.snap-schoolfee-listing ul {margin:0; padding:0;}
.snap-schoolfee-listing li {list-style:none; float:left; width:100%; font-size:18px; font-weight:600; color:#333333; padding:7px 0;}
.snap-schoolfee-listing li  span {float:right;}
.snap-schoolfee-listing li.total-schoolfee {border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; padding:15px 0;}
.snap-schoolfee-listing .pay-total {padding:0 10px;}
.snappay-container .alert {background:#ff9d27; border:none; border-bottom:1px solid #686765; font-size:20px; font-weight:700; text-align:center; color:#fff; border-radius:0; float:left; width:100%;}
.alert-msg {width:92%;}
.snappay-container .alert .close {border:1px solid #353433; color:#353433; width:30px; height:30px; text-align:center; line-height:30px; border-radius:100%; opacity:1; text-shadow:none; margin:12px 0 0;}
.snapshop-listing {width:100%; float:left;}
.snapshop-listing ul {list-style:none; margin:0; padding:0;}
.snapshop-listing li {float:left; width:100%; background:#dfecfc; border-radius:50px; margin:0 0 15px;}
.paid_cantin-img {float:left; width:70px; height:70px; border-radius:100%; background:#5959f7; text-align:center; line-height:70px; margin:0 15px 0 0;}
.product-details {float:left; width:70%; margin:10px 0 0 0;}
.product-details h3 {margin:0; font-size:20px; font-weight:700; color:#000;}
.product-price {float:left; width:100%; margin:5px 0 0; color:#676767; font-weight:300;}
.add-cart {float:right; padding:0 35px 0 0; font-size:18px; text-transform:uppercase; color:#000; margin:22px 0 0 0;}
.shoping-cart {float:left; width:100%;}
.shoping-cart ul {margin:0; padding:0}
.shoping-cart li {list-style:none; float:left; width:50%; background:#0fb14a; padding:30px 20px;}
.shoping-cart li a {color:#fff;}
.shoping-cart li:last-child {background:#099344; text-align:center; font-size:36px;}
.total-pay {float:left; font-size:36px; color:#fff; font-weight:700;}
.carttotal {float:right; position:relative; margin:0 30px 0 0;}
.carttotal i {font-size:40px;}
.carttotal a  {color:#fff;}
.carttotal a span  {color:#fff; position:absolute; width:30px; height:30px; background:#cc0101; border-radius:100%; font-size:16px; text-align:center; line-height:30px; right:-20px; top:-12px;}

.cart-listing  li {background:none; border-bottom:1px solid #e5e5e5; border-radius:0; padding-bottom:20px;}
.add-remove {float:right; margin:15px 0 0;}
.add-remove input[type="button"] {background:#000; width:36px; height:36px; border:1px solid #41b13f; border-radius:100%; font-size:22px; color:#fff;}
.add-remove input[type="text"] {background:none; border:none; width:50px; padding:0 10px; text-align:center;}
.cart-listing .product-details {width:52%;}
.cart-listing  .add-cart {padding:0; margin:6px 0 0 15px;}
.product-quantity {float:left;}
.product-name {float:left; width:70%;}
h2.cart-head {font-size:32px; text-align:center; color:#000; font-weight:700; border-bottom:1px dotted #ccc; padding-bottom:20px; margin-bottom:20px;}


.container-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top:3px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #cccccc;
  border-radius:100%;
}

/* On mouse-over, add a grey background color */
.container-checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked ~ .checkmark {
    background-color: #03a848;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container-checkbox  input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container-checkbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 7px;
    height: 13px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* form starting stylings ------------------------------- */
.popup-verify-form .group         { 
  position:relative; 
  margin-top:45px; 
}
.popup-verify-form input        {
  font-size:18px;
  padding:10px 10px 10px 5px;
  display:block;
  width:100%;
  border:none;
  border-bottom:1px solid #757575;
  font-weight: bold;
}
.popup-verify-form input:focus    { outline:none; }

/* LABEL ======================================= */
.popup-verify-form label         {
  color:#333; 
  font-size:20px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

/* active state */
.popup-verify-form input:focus ~ label, .popup-verify-form input:valid ~ label    {
  top:-20px;
  font-size:20px;
  color:#0078ff;
}

/* BOTTOM BARS ================================= */
.popup-verify-form .bar   { position:relative; display:block; width:100%; }
.popup-verify-form .bar:before, .bar:after  {
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#5264AE; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.popup-verify-form .bar:before {
  left:0%;
}
.popup-verify-form .bar:after {
  right:0%; 
}

/* active state */
.popup-verify-form input:focus ~ .bar:before, .popup-verify-form input:focus ~ .bar:after {
  width:100%;
}

/* HIGHLIGHTER ================================== */
.popup-verify-form .highlight {
  position:absolute;
  height:60%; 
  width:100%; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
.popup-verify-form input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
  from { background:#5264AE; }
  to  { width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
  from { background:#5264AE; }
  to  { width:0; background:transparent; }
}
@keyframes inputHighlighter {
  from { background:#5264AE; }
  to  { width:0; background:transparent; }
}
/* .squaredFour */
.squaredFour {
  width: 20px;
  position: relative;
  margin: 20px auto;
  label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background: #fcfff4;
    background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    border-radius: 4px;
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    &:after {
      content: '';
      width: 9px;
      height: 5px;
      position: absolute;
      top: 4px;
    color: #fff;
  margin:0 20px 0 0;
}
.snap_pay_now {margin-bottom:10px;}
.filter_circle .icon-clap {font-size:32px; line-height:60px;}
.filter_circle .icon-heart {font-size:32px;}
.filter_circle .icon-heart:before {line-height:50px;}
.filter_circle .glyphicon-heart {line-height:50px; font-size:23px;}
.filter_circle .icon-snapcash:before {font-size:32px;}
.filter_circle .icon-bookmark:before {font-size: 20px; line-height:41px;}
.activity_filter_button .items label.btn-default {border:none; outline:none; padding:0; background:none!important; margin:0;}
.activity_filter_button .items label.active {box-shadow:none!important}
.tab-activity h3 a .icon {font-size:32px;}
.tab-activity h3 a {text-decoration:none!important}
.attach_count {float:left; width:100%;}
.docs_row img {max-width:46px; height:auto;}
.tab-activity  h3 a:hover {text-decoration:none;}
.video_row video {width:100%; border:1px solid #ccc;}
.activity-notification li.docs_row a{
    background:#f1f1f1;
    border:1px solid #ddd;
    float:left;
    margin:0 10px 21px 0;
    padding:12px;
  height:83px;
}
.tab-navigation {
    float: left;
    width: 100%;
    box-shadow: 2px 7px 2px -5px #999;
    margin: 15px 0 0 0;
    transition: all .30s ease-in-out;
}
.media_count {float:left; margin-right:5px; color:#333;}
.subject-notify .icon-snapcash:before {line-height:40px;}
.subject-notify .icon {line-height:40px!important}
.add_new_child_td {text-align:left;}
.add_new_child {border:1px dotted #aaaaaa; padding:8px 30px 8px 10px; width:100%; display:inline-block; color:#333; line-height:50px; font-weight:bold;}
.add_new_child img {max-width:70px; margin:0 21px 0 0;}
 
 .profile-img-container {
  position: relative;
  max-width:100px;
  display:inline-block;
 }

 .profile-img-container a .icon {
    display: block;
    position: absolute;
    opacity: 1;
    /* left: 0; */
    bottom: 0;
    right: -7px;
    text-align: center;
    color: inherit;
    background: #0078ff;
    width: 28px;
    height: 28px;
    color: #fff;
    line-height: 31px;
    border-radius: 100%;
    border: 1px solid #fff;
}
 .profile-img-container a:hover {color:#fff; text-decoration:none;}
 .activity_filter_button .activityAction {cursor:pointer;}
 .other-options .icon-clap {font-size:32px; margin-top:-7px!important;}
 .input-wrapper {padding-top:15px;}
 .eg-input {font-size:13px;color:#666;}
 .copyright {font-size:13px;}
 .container-invite {padding-bottom:30px;}
 
 body.landing-page {background:#0078ff url(../img/snap_icon.png) no-repeat center bottom; margin:0; padding:0;     background-attachment: fixed;}
 .landing-wrap {max-width:1180px; margin:30px auto 0; text-align:center;}
 .landing-wrap h2 {
    font-size: 54px;
    font-weight: 700;
    color: #fff;
}
.landing-wrap h3 {
    font-size:26px;
    color: #fff;
}
.landing-btns {float:left; width:100%; margin:30px 0 0;}
.landing-btns a {border:1px solid #fff; color:#fff!important; font-weight:700; padding:13px 40px; border-radius:30px; font-size:20px; text-decoration:none;}
.landing-btns a:hover {color:#fff!important}
.landing-btns a.btn-exostting {background:#fff; color:#1c95e0!important}
.landing-btns a.btn-exostting:hover {color:#1c95e0!important}
.no_result_bookmark {width:140px; height:140px; float:none; display:inline-block; font-size:50px; line-height:150px; background:#e8f2fc; color:#0078ff; border-radius:100%;}
.no_result_title {float:left; width:100%; text-align:center; margin:15px 0 20px 0; font-size:24px; font-weight:700;}
.no_result_text {float:left; width:100%;}
.no_result_snaps img{max-width:140px; max-height:140px;}
.secure_school_account {max-width:100%; max-height:100%;}
.no_result_bookmark .icon-heart, .no_result_bookmark .icon-clap {color:#ed1a51; font-size:70px; line-height:166px;}
.user-sign-con li.sub_invite_heading {
    float: left;
    width: 49%;
    width: 49%;
    border: 1px dotted #666;
    min-height:192px;
    line-height: 192px;
    border-radius: 5px;
    text-align: center;
  margin:0;
  font-size:52px;
}
.sub_invite_heading { float:left; width:100%;  border: 1px dotted #666; padding:10px; font-size:20px; margin:20px 0 0;}
.user-sign-con li.sub_invite_heading a:hover {text-decoration:none;}
.user-school-details .pull-left {width:100%;}
.snap_version_4 {width:100%; float:left; border-top:1px solid #ccc; padding:5px 0 0 0; font-weight:400; color:#666;}
.snap_version_1 {
    font-weight: 400;
    color: #666;
    font-size: 14px;
}
.login-box_1 {
    padding: 0 20px;
}
.card-container .login-box_1 {padding:0;}
.activity-notification {word-break: break-all;}
.card-container .has-feedback .form-control {padding-right:10px;}
.category-registration .card {padding:20px 0 30px}
.ui.dropdown .menu .item{cursor:pointer!important;}
#createUserInfoForm .ui.selection.dropdown .menu {height:125px;}






      left: 4px;
      border: 3px solid #333;
      border-top: none;
      border-right: none;
      background: transparent;
      opacity: 0;
      transform: rotate(-45deg);
    }
    &:hover::after {
      opacity: 0.5;
    }
  }
  
  
  /*Sahre Model CSS*/
  .view-image-container  img {border-radius:20px;}
  .view-image-container .img img {border-radius:0;}
  .view-image-container  video{border-radius:20px;}
.share-clap-details {padding-right:0; position:relative;}
#home h1{font-size:24px;}
.share-clap-details h3,.share-clap-details h1 {font-size:22px; color:#333; font-weight:700; margin:0; padding:0; text-align:left;}
.share-clap-details h3 a {color:#333;}
.social-share {width:100%; float:left; margin:20px 0;}
.social-share a {cursor:pointer;}
.social-share .icon-forward-arrow  {
    color: #16e016;
    float: left;
    margin-top: 4px;
    margin-right: 5px;
}
.social-share a {
    float: right;
    padding: 5px 15px 3px;
    background-color: #efefef;
    color: #333;
    border-radius: 3px;
    font-weight: 700;
    font-size:18px;
}
.text-center {
    text-align: center !important;
}
.school-code-title{ color: #575454; font-size: 16px; text-align: center; margin-bottom: 20px;}
#addSchoolCodeNumber{ width: 100%; margin-bottom:20px;}
.hash-tags {float:left; width:100%; margin:10px 0 0;}
.user-post-container {float:left; width:100%; margin:10px 0 0}
.comment-thumb {float:left; width:30px;}
.comment-thumb img {max-width:30px; max-height:30px; border-radius:100%;}
.post-details {float:right; width:calc(100% - 35px); position:relative;}
.post-details  h4 {margin:0; padding:0; font-size:15px; color:#333; font-weight:700; max-width:67%}
.post-details  h4 a {color:#333; font-weight:700;}
.view-image-container {padding:0; border-radius:20px; border:1px solid #ccc}

.claps-ranks {float:left; width:100%; font-size:14px;}
.claps-ranks a {color:#333;}
.posted-date {float:left; width:100%; margin:0; font-size:13px;}
.posted-date a {color:#000;}
.post-claps {position:absolute; right: 0; top:-11px; font-size:15px;}
.post-claps .icon-clap {width:30px; height:30px; color:#fff; background:#ed1a51}

.comment-accordiaon {float:left; width:100%; border-top:1px solid #efefef; padding:20px 0 0;}
.comment-accordiaon  button.accordion {
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size:20px;
    transition: 0.4s;
  background:none;
  line-height:24px;
  padding:10px 0 20px;
  font-weight:700;
  
}

.comment-accordiaon  button.accordion:after {
    content: "\002B";
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
  font-size:24px;
}
.comment-accordiaon button.accordion.active:after {
    content: "\2212";
}

.comments-lsiting {float:left; width:100%; border-bottom:1px dotted #d1d1d1; margin-bottom:10px;}
.user-comments-dl {
    float: right;
    width: calc(100% - 101px);
    position: relative;
  margin-bottom:10px;
}
.report{
    float: right;
    font-size: 10px;
    color: #89898d;
  max-width:67px;
}
.report img{
    width: 15px;
    float: right;
    cursor: pointer;
}
.user-comments-dl p {margin:0;}
.comment-accordiaon .active div.panel  {max-height:100%;}
div.panel {
    padding:0;
    background-color: white;
    transition: max-height 0.2s ease-out;
  box-shadow:none;
}
 .user-comments-dl {font-size:13px; float:left; margin-left: 3px; }
.user-comments-dl  h5 {font-size:13px; font-weight:700; margin:0; padding:0;}
.comment-accordiaon .panel  {border:none; float:left; width:100%;}
.comment-accordiaon {

    float: left;
    width: 100%;
    border-top: 1px solid #efefef;
    padding: 10px 0 0;
    margin: 10px 0 0;

}
.comment-txtarea {width:100%; float:left; border:1px solid #8e8e8e; border-radius:5px; margin-bottom:10px; padding:5px; font-size:14px; color:#000;}
.post-claps .icon-clap {
    width: 30px;
    height: 30px;
    color: #fff;
    background: #ed1a51;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    line-height: 33px;

} 
.post-claps .icon-clap {width:30px; height:30px; color:#fff; background:rgba(0, 0, 0, 0.7)}
.post-claps .icon-clap :hover{background:#ed1a51}
.post-claps .icon-clap.like_active{background:#ed1a51; color:#FFF !important;}
.note-box-listing {float:left; width:100%; margin:20px 0 0;}
.note-box-listing h2 {font-size:24px; color:#000; padding-bottom:20px; margin:0;}
.note-box-listing h2 a {color:#000;}
.note-box-listing ul {margin:0; padding:0;}
.note-box-listing li {list-style:none; margin:0 18px 20px 0; float:left; overflow:hidden;max-height: 135px;border: 1px solid #ccc;border-radius: 10px;width: 180px;height: 180px; position:relative}
.note-box-listing li a {position:relaive; display:block;}
.note-box-listing li a:after {
    position: absolute;
    content: "";
    background:rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.note-box-listing li-:before {content:""; background:rgba(0, 0, 0, 0.6); position:absolute; left:0; top:0; width:100%; height:100%;}
.note-box-listing li li:before {content:none;}
.note-box-listing li li {border:none; width:auto;}
.note-box-listing li  img {width:100%;  border-radius:10px; height:100%; min-width:150px; min-height:150px;}
.note-box-listing li  video {width:180px; border-radius:10px;}

.workshop-box-listing h2 {font-size:24px; color:#000; padding-bottom:20px; margin:0;}
.workshop-box-listing h2 a {color:#000;}
.workshop-box-listing ul {margin:0; padding:0;}
.workshop-box-listing li {list-style:none; margin:0 18px 20px 0; float:left; overflow:hidden;max-height: 135px;border: 1px solid #ccc;border-radius: 10px;width: 172px;height: 172px; position:relative}
.workshop-box-listing li a:after {
  position: absolute;
  content: "";
  background:rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.workshop-box-listing li-:before {content:""; background:rgba(0, 0, 0, 0.6); position:absolute; left:0; top:0; width:100%; height:100%;}
.workshop-box-listing li li:before {content:none;}
.workshop-box-listing li li {border:none; width:auto;}
.workshop-box-listing li  img {width:100%;  border-radius:10px; height:100%;}
.workshop-box-listing li  video {width:180px; border-radius:10px;}


.top-contributors  li a:after {content:none;}
.top-contributors li {float: left; max-width:120px; border:none; height:auto; max-height:100%;} 
.top-contributor-pic {height: auto;max-height: 100%;border: none;width: 120px;height: 120px;border-radius: 100%;}
.top-contributors li img {
    border-radius: 100%;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    min-height:100%;
    min-width: 100%;
}
.top-contributors .social-share-box  {position:relative!important; right:0!important; bottom:0!important}
.top-contributors .social-share-box li {float:left; height: 40px!important; line-height: 20px !important; width:100%; text-align:center!important; color:#333!important; text-shadow:none!important; line-height:24px}
.top-contributors .social-share-box li a{color:#333;}
.top-contributors h3, .top-contributors h4 {font-size:28px; color:#000; text-align:left;}


  
  
  input[type=checkbox] {
   /*visibility: hidden;*/
    &:checked + label:after {
      opacity: 1;
    }
  }    
  .sub_main_heading{
      font-weight: bold;
  }
  
    .top-clappers-container{float:left; width:100%; background:#fff; margin:4px 0 0px; padding:0 0 20px}
  .top-clappers-container .clapper-header {float:left; width:100%; background:url(../img/colored-banner-oval.png) no-repeat 0 0; height:69px; margin:-15px 0 25px}
  .top-clappers-container .clapper-header-details {float:left; width:100%; background:url(../img/colored-banner.png) no-repeat 0 0; height:69px; margin:-15px 0 25px}
    .filter-contaner {float:right;margin:12px 0 0;}
  .input-seach-box .fa-search {width:12px; height:13px; background:url(../img/search-icon.png) no-repeat 0 0; display:block; margin:5px 5px 0 0;}
    .input-seach-box {width:180px;
    height:30px;
    border-radius: 20px;
    background: #d9d7d7; float:right;}
    .input-seach-box input {background:none; border:none; float:left; width:87%; color:#333; padding:4px 10px;}
  .input-seach-box input:focus {box-shadow:none!important; outline: none!important;}
    .input-seach-box a {color:#333; float:right; margin:4px 6px 0 0;}
    .filter-contaner select {float:right; width:180px; height:30px; border-radius: 20px; background:#f1ae43; border:none; padding:0 10px; color:#fff;}
    .top-clappers {float:left; width:100%;}
    .top-clappers ul {list-style:none; margin:0; padding:0;}
    .top-clappers li {float:left; width:100%; background:#fff; padding:10px;  border-bottom:1px solid #e2e0e1;}
    .clapper-pic {width:60px; float:left; margin:0 10px 0 0;}
  .clapper-pic img {border-radius:100%; width:62px; height:62px;}
    .clappers-details  {float:right; width:calc(100% - 128px); margin:15px 0 0; }
    .clapper-name-deails {float:right; width:100%;}
    .clapper-name {float:left; font-size:18px; color:#4c61a2; font-weight:700; width:64%;}
    .clapper-name span {color:#000; font-size:22px;}
    .clapper-name a {color:#4c61a2!important; font-size:18px; font-weight:700; text-decoration: none;}
    .total-clappes {float:right; font-size:22px; color:#000; font-weight:700; margin:4px 0 0 0; text-align:right;}
  .clapper-name-deails .total-clappes {margin:0;}
    .claps_count {float:left; width:100%; text-align:right; font-size:16px; color:#666; line-height:16px;}
    .claps_count a, .claps_count a:hover{text-decoration:none;float:left;font-weight:bold; width:100%; text-align:right; font-size:16px; color:#666; line-height:16px;}
    .total-clappes .share-clap {float:left; margin:0 20px 0 0; color:#f1af43}
    .total-clappes .share-clap a {color:#f1af43}
    .total-clappes  .icon-clap {color:#0094f5; font-size:42px; float:left; margin:-13px 5px 0 0;}
    .clapper-btm {float:left; width:100%; margin:8px 0 0 0; font-size:16px;}
    .clap-user1 {float:left; width:44%; padding:0 15px 0 0;}
    .clap-user1 .fa {margin:1px 7px 0 0; float:left; color:#e0e0e0; font-size:32px; border:1px solid #e0e0e0; border-radius:100%; width:32px; height:32px; text-align:center;}
    .clap-user2 {float:left; width:56%; padding:3px 0 3px 0; border-left:1px solid #e2e0e1; padding-left:15px;}
    .clap-user2 .fa{margin:1px 7px 0 0; float:left; color:#e0e0e0; font-size:32px; border:1px solid #e0e0e0; border-radius:100%; width:32px; height:32px; text-align:center;}
    .title-clappers {float:left; font-size:18px; color:#000; margin:5px 0 25px 0; padding:0; font-weight:700;}
    .clap-container {text-align: center;background-color:#ffa801;float:right; min-width:65px; height:36px; border-radius:100px; border:1px solid #ffa801; float:right; font-size:25px; color:#e95ba7; line-height:23px;padding: 3px 3px 0px 0px; margin:0 10px 0 0;}
    .clap-container a:hover, .clap-container a {text-decoration:none!important; font-size:16px; color: #201d1d;}
  .clap-container span {
    font-size: 16px;
    color: #201d1d;
    font-size: ;
    float: left;
    margin-left:3px;
    margin-top: 3px;
}
    .clap-container span {font-size:16px; color: #201d1d;}
    .clap-container i {float: left; color:#936c6c;}
    .total-clap {font-size:14px; margin:7px 0 0 0;}
    .total-clap .icon-clap {color:#c4c4c4; float:left; margin:0 4px 0 0; font-size:16px;}
    .total-clap2 {width:30%; border-left:1px solid #e2e0e0; padding-left:15px; color:#000; font-size:14px; margin:7px 0 0 0}
    .favourite-count {float:right;}
    .clap-user2 .favourite-count .fa {border-radius:0; border:none; color:#ffcc00; font-size:18px; height:auto; width:auto;}
    .clapper-thumb {line-height:32px;}
    .clapper-thumb  img{float:left; width:32px; height:32px; border-radius:100%; margin:0 10px 0 0; border:1px solid #c7c7c7}
.clappers-label{
    float: left;
    width: 75%;
    line-height: 20px;
  font-size:15px;
}
.top-clappers li.active .clappers-label a {color:#fff; font-weight:700;}
.clappers-label a {color:#333; font-weight:700;}

    /*.top-clappers li:hover {background:#606b74;}
    .top-clappers li:hover .clapper-name {color:#fff;}
    .top-clappers li:hover .clapper-name span {color:#fff;}
    .top-clappers li:hover .total-clappes {color:#fff}
    .top-clappers li:hover .clapper-thumb{color:#fff}
    .top-clappers li:hover .total-clap{color:#fff}
    .top-clappers li:hover .total-clap .icon-clap {color:#0094f5}
    .top-clappers li:hover .total-clap2 {color:#fff}*/
    
    .top-clappers li.active {background:#e7f3e4;}
    .top-clappers li.active .clapper-name {color:#fff;}
    .top-clappers li.active .clapper-name a{color:#fff;}
    .top-clappers li.active .clapper-name span {color:#fff;}
    .top-clappers li.active .total-clap{color:#fff}
    .top-clappers li.active .total-clap .icon-clap {color:#0094f5}
    .top-clappers li.active .total-clap2 {color:#fff}
    
    
    .profile-details-section 
    {
        float: left;
        width: 100%;
        text-align: center;
        position: relative;
        background: #fff;
        padding: 20px;
        margin: 70px 0 0 0;
        box-shadow: 0 0 5px #ccc;
    }

    .profile-other-details {
        float: left;
        width: 100%;
        margin: -70px 0 0 0;
    }
    .profile-other-details h2 {
        padding: 0;
        margin: 20px 0 10px;
        font-size: 18px;
        font-weight: 700;
        color: #4c61a2;
    }
    .profile-other-details h3 {
        padding: 0;
        margin: 20px 0 20px;
        font-size: 16px;
        font-weight: 400;
        color: #000;
        margin: 0;
        padding: 0;
    }
   
    .btn-showmore {
        background: #657785;
        padding: 6px 15px;
        font-size: 12px;
        font-weight: 700;
        color: #fff;
        border-radius: 20px;
    }
    .pic-profile {
        display: inline-block;
        width: 116px;
        border-radius: 100%;
        padding: 3px;
        position: relative;
        top: -70px;

    }
    .pic-profile img {
        width: 110px;
        height: 110px;
        border-radius: 100%;
    }

    .top3 {
        float: left;
        width: 100%;
        margin-bottom: 40px;
    }
    .user-1 {
        display: inline-block;
        width: 260px;
        border-radius: 100%;
        padding: 3px;
        float: left;
    }
    .user-1 img {
        max-width: 260px;
        max-height: 260px;
        border-radius: 100%;
        border: 20px solid rgba(219, 239, 252, 0.6);
    width:260px;
    }

    .user-23 {
        display: inline-block;
        width: 150px;
        border-radius: 100%;
        padding: 3px;
        float: left;
        position: relative;
        top: 142px;
    }
    .user-23 img {
        max-width: 150px;
        max-height: 150px;
        border-radius: 100%;
        border: 20px solid rgba(219, 239, 252, 0.6);
    }

.clappers-details-profile  {float:left; width: 100%; }
.clapper-name-deails-profile {float:left; width:100%;}
.clapper-name-profile {float:left; font-size:18px; color:#4c61a2; font-weight:700; width:100%;}
.clapper-name-profile a{ font-size:18px; color:#4c61a2; font-weight:700;text-decoration: none;}
.clapper-name-profile div {color:#cccccc; font-size:30px;}
.total-clappes-profile {float:left; font-size:16px; color:#000; font-weight:400; margin: 4px 0 0 22px;
    text-align: center;}
.total-clappes .share-clap {float:left; margin:0 20px 0 0; color:#f1af43}
.total-clappes .share-clap a {color:#f1af43}
.total-clappes-profile  .icon-clap {color:#0094f5; font-size:22px; float:left; margin:0 5px 0 0;}

.top-clappers2 {float:left; width:100%;}
.top-clappers2 ul {list-style:none; margin:0; padding:0;}
.top-clappers2 li {float:left; width:100%; background:#fff; padding:10px; border-bottom:1px solid #e2e0e1;}
.top-clappers2 li:hover {background:#606b74;}
.top-clappers2 li.active {background:#606b74;}
.top-clappers2 li.active .clapper-name2 a  {color:#fff;}
.top-clappers2 li.active .total-clappes {color:#fff;}
.top-clappers2 li:hover .clapper-name2 a {color:#fff;}
.top-clappers2 li:hover .total-clappes, .top-clappers2 li:hover .clapper-name-deails2 .rank {color:#fff;}

.clapper-pic {width:62px; float:left; margin:0 10px 0 0;position: relative;}
 .claps_count_rank{
    float: left;
    width: 100%;
    text-align: right;
    font-size: 16px;
    color: #666;
    line-height: 16px;
}
.clapper-pic-profile {width:68px; float:left; margin:0 10px 0 0; position:relaive;}
.challengeIcon {
    position: absolute;
    bottom: 0;
    right:-11px;
}
.challengeIcon img {
    max-width:24px;
    max-height:24px;
}
.clapper-pic-profile img {width:68px; float:left; margin:0 10px 0 0;border-radius:100%;}
.clapper-name-deails2 {float:right; width:100%;margin-top: 10px;}
.clapper-name2 {float:left; font-size:18px; color:#4c61a2; font-weight:700; width:64%;text-align: left;}
.clapper-name2 a{ font-size:18px; color:#4c61a2; font-weight:700; text-align: left; text-decoration: none;}
.clapper-name-deails2 .rank {
    float: right;
    width: 30%;
    text-align: center;
    font-size: 30px;
    color: #cccccc;
    font-weight: 700;
}
.clapps_icon {
    position: absolute;
    font-size: 70px;
    margin: -20px 0 0 30px;
}
.clapps_play {
    float: right;
    font-size: 32px;
    margin-top: 30px;
    margin-left: -14px;
    color: #333;
}
.clapps_icon a {text-decoration:none!important}
.clapps_icon a:hover {text-decoration:none;}
.profile-other-details h3.clapps_premier {font-size:16px; color:#666; font-weight:700; text-transform:uppercase; margin-top:5px;}
.profile-other-details h3.clapps_world_ranking {font-size:16px; color:#0095f5; font-weight:700; text-transform:uppercase; margin:5px 0 0 0;}
.teacher_info_details {
    float: left;
    width: 100%;
    border-top: 1px solid #e2e0e1;
    padding:20px 0 0;
    margin: 20px 0 20px 0;
    text-align: center;
}
.back-claps-container{min-width:76px; float:right;}
.back-claps-container img{max-width:100%;}
.header-claps-back i { font-size:28px;color:#000;text-decoration:none;}
a.header-claps-back{text-decoration:none;}
.share-clappes {text-align:left; font-size:26px;}
    /*Edit Profile */
    .profile-details-section {float:left; width:100%; text-align:center; position:relative; background:#fff; padding:20px; margin:-30px 0 0 0; box-shadow:0 0 5px #ccc;}
    .edit-nav {position:absolute; right:13px; top:18px;}
    .edit-nav ul {list-style:none; margin:0; padding:0;}
    .edit-nav li {float:left; margin:0 0 0 20px;}
  .edit-nav li .dropdown-menu li{margin:0; width:100%;}
    .pic-profile {display:inline-block; width:116px; border-radius:100%; padding:3px; box-shadow:0 0 2px #676767; position:relative; top:-107px}
    .pic-profile img {width:110px; height:110px; border-radius:100%;}
    .profile-other-details {float:left; width:100%; margin:-112px 0 0 0;}
    .profile-other-details h2 {padding:0; margin:20px 0 10px; font-size:18px; font-weight:700; color:#000;}
  .clapps_number {font-size:30px; font-weight:700; line-height:20px;}
  .clapps_number .clapps_text {font-size:16px; text-align:right;}
    .profile-other-details h3 {padding:0; margin:20px 0 20px; font-size:16px; font-weight:400; color:#000; margin:0; padding:0;}
    .short-bio {float:left; width:100%; font-size:16px; color:#797979; padding:10px 0 0; margin:24px 0 6px 0; text-align:center;}
    .btn-showmore {background:#657785; padding:6px 15px; font-size:12px; font-weight:700; color:#fff; border-radius:20px; margin:10px 0 0;}
  .btn-showmore:focus {color:#fff!important}
    .btn-showmore:hover {color:#fff; background:#0094f5; text-decoration:none;}
    .profile-dashborad {float:left; width:100%; background:#f1f1f1; padding:20px; margin:0;}
    .profile-dashborad h3.dashboard-head {padding:0; margin:0; font-size:16px; color:#fff;}
    .profile-dashborad h3 .fa {color:#ffcc00; padding:0 7px;}
    .dashboard-activity-chart {float:left; width:100%; margin:10px 0 0 0;}
    .dashboard-activity-chart ul {list-style:none; margin:0; padding:0;}
    .dashboard-activity-chart li {float:left; width:33.333%; padding:10px 10px 10px 10px; text-align:center; color:#333333; font-size:30px; font-weight:700;}
    .dashboard-activity-chart li span {float:left; width:100%; font-size:15px; font-weight:700; color:#333; line-height:20px; text-transform:uppercase; min-height:40px;}
    /*.dashboard-activity-chart li.activities-count {background:#fff url(../img/activity-icon.png) no-repeat 105px center}
    .dashboard-activity-chart li.images-count{background:#fff url(../img/image-icon.png) no-repeat 105px center}
    .dashboard-activity-chart li.videos-count{background:#fff url(../img/video-icon.png) no-repeat 105px center}*/
    .profile-principle-col {width:100%; float:left; background:#fff; padding:20px; margin:15px 0 0 0; border-right:1px solid #dadada; text-align:center;}
    .profile-principle-col:last-child {border:none;}
    .pic-profile2 {display:inline-block; width:81px; border-radius:100%; padding:3px; box-shadow:0 0 2px #676767;}
    .pic-profile2  img {max-width:75px; max-height:75px; border-radius:100%;}
    .dashborad-profile-details {float:left; width:100%; margin:15px 0 0;}
    .dashborad-profile-details h2 {font-size:15px; color:#000; font-weight:700; margin:0; padding:0; color:#4c61a2;}
    .dashborad-profile-details h3 {font-size:15px; color:#000; font-weight:400; margin:0; padding:5px 0 10px; color:#000; min-height:30px;}
    .dashborad-profile-details .total-reaction{float:left; width:100%; text-align:center; line-height:22px;}
    .dashborad-profile-details .icon-clap {float:none; display:inline-block; width:22px; height:22px; border:1px solid #c4c4c4; border-radius:100%; color:#c4c4c4;}
    .dashborad-profile-details .btn-showmore {display:inline-block;}
    .dashborad-profile-details .favourite-count {float:none;}
    .dashborad-profile-details  .fa-star {float:none; display:inline-block; width:22px; height:22px; line-height:20px; border:1px solid #c4c4c4; border-radius:100%; color:#c4c4c4;}
    .profile-principle-col1-4 {width:24.9%; border-right:10px solid #616b74; padding:6px; }
    .profile-principle-col1-4 .btn-showmore {margin-top:10px!important; border:1px solid #657785; background:none; color:#657785; padding:4px 30px;}
    .view-more-sec {float:left; width:100%; margin:30px 0 20px; text-align:center;}
    .view-more-sec a {border:1px solid #fff; color:#fff; padding:6px 20px; text-decoration:none; border-radius:20px; font-size:12px; font-weight:700;}

    .popup-viewprofile {max-width:370px; margin:10px auto; background:#fff;}
    .pic-viewprofile {float:left; width:100%; background:#0094f4; padding:20px 0; text-align:center;}
    .pic-viewprofile img {max-width:115px; max-height:115px; border-radius:100%; box-shadow:0 0 4px #676767; padding:3px; background:#fff;}
    .popup-profile-details {width:96%; border-bottom:1px solid #e1e1e1; margin:0 2%; text-align:center; float:left;}
    .popup-profile-details h2 {
        padding: 0;
        margin: 20px 0 10px;
        font-size: 18px;
        font-weight: 700;
        color: #4c61a2;
    }
    .popup-profile-details h3{
        padding: 0;
        margin:10px 0 10px;
        font-size: 18px;
        font-weight:400;
        color: #333;
            line-height:28px;
    }

    .total-claps {width:96%; border-bottom:1px solid #e1e1e1; margin:0 2%; text-align:center; float:left; padding:15px 0; font-size:18px;}
    .total-claps span {color:#4c61a2; font-size:32px; float:left; width:100%; margin:0;}
    .total-teachers {width:96%; border-bottom:1px solid #e1e1e1; margin:0 2%; text-align:center; float:left; padding:20px 0;  font-size:18px;}
    .total-teachers span {color:#4c61a2; font-size:32px; float:left; width:100%; margin:0;}
    .view-pro {width:100%; text-align:center; float:left; margin:25px 0 0;}
    .view-pro a {padding:10px 25px; font-size:16px;}

.filter-clapps .teacherCalsslist {margin-left:0;}
.filter-clapps .teacherCalsslist li {margin-top:10px; margin-bottom:20px; position:relaive; margin-right: 20px; padding-right: 10px;}
/*.filter-clapps .teacherCalsslist li.active::after {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background: #0095f5;
    border-radius: 100%;
    top: 14px;
    right: 0;
  left:inherit!important;
}*/
.filter-clapps .teacherCalsslist li  a {color:#666; font-size:18px; font-weight:700; padding:5px 5px 8px 0; border:none; border-bottom:2px solid #fff; height:auto;}
.filter-clapps .teacherCalsslist li  a:focus {background:none!important}
.filter-clapps .teacherCalsslist li  a:hover {color:#000; background:none; border-bottom:2px solid #0095f5;}
.filter-clapps .teacherCalsslist li.active > a {background:none; border-bottom:2px solid #0095f5; color:#000;}
.filter-clapps {margin:20px 0 0;}
.filter-clapps .teacher_grade_list {margin: 0;
    padding: 0;
  padding-bottom: 0px;
    list-style: none;
    float: left;
    padding-bottom: 0;
    width: 100%;}
.filter-clapps .teacher_grade_list li {text-align:left; position:relative; margin-bottom:10px;}
.filter-clapps .teacher_grade_list li a {
    color: #333;
    border: 1px solid #a0dbf4;
    padding: 30px 10px;
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    word-wrap: break-word;
}
.filter-clapps .teacher_grade_list li a:hover {
    background:#076ada; text-decoration:none; color:#fff
}
.filter-clapps .teacher_grade_list li.active a {color:#333; padding-left:20px;}
/*.filter-clapps  li.active:after {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background: #0095f5;
    border-radius: 100%;
    top:6px;
    left: 0;
} */
.total-clappes .icon-share {font-size: 36px;}
.filter-clapps .teacher_grade_list  li.active:after {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background: #0095f5;
    border-radius: 100%;
    top:6px;
    left: 0;
}
.filter-clapps .teacher_grade_list li {text-align: left; position: relative; width: 32%; float: left; margin-right: 1%;}
.claps_rank {float:left; width:46px; color:#333; font-size:20px; font-weight:700; margin:15px 10px 0 0;text-align:center;}
.claps_rank_more {font-size:13px; margin:22px 10px 0 0; text-align:center}
.claps_count_rank {}
.load_more_clappers {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 28px;
    color: #898989;
  padding:12px 0;
}
.top-clappers ul.logged_user_clappers li:first-child {border-top:1px solid #e2e0e1}
  
  
.flag-headings {float:leftl width:100%; text-align:center;}
.flag-headings .icon , .flag-headings .icon-flag{    
  width: 75px;
    height: 75px;
    border: 3px solid #82b050;
    border-radius: 100%;
    text-align: center;
    line-height: 84px;
    font-size: 44px;
    color: #82b050;
    display: inline-block;
}
.flag-headings  h3{color:#000; font-size:18px; text-transform:uppercase; font-weight:700;}
.flag-headings select {border:none; font-size:16px; font-weight:700; color:#666;}
.challenger-container{float:left; width:100%; border-bottom:1px solid #e5e5e5; padding: 10px 0 0px; position:relative;}
.challenger-container ul {list-style:none; margin:0; padding:0;}
.challenger-container li {float:left; width:37.333%; text-align:center; padding:10px 0; margin-right:7.333%;}
.challenger-container li:last-child {
    border: none;
    margin-right: 0;
    border-left: 1px solid #e5e5e5;
    margin-left: 5.333%;
    width: 47.333%;
}
.challenge-score li:last-child {
    width: 89px;
}
.challenger-container li img {max-width:60px; max-height:60px; border-radius:100%; border-radius:100%; padding:3px; box-shadow:0 0 2px #676767; position:relative; }
.btn-challenge {position:absolute; top:22%; left:33%}
.btn-challenge a,.btn-challenge a:active ,.btn-challenge a:link{background:#0268da; font-size:22px; color:#fff; border-radius:30px; padding:5px 35px; display:inline-block; font-weight:700}
.btn-challenge a:hover {color:#fff;text-decoration:none;}
.challenger-container li h4, .challenger-container li h4 a {color:#4c61a2; font-size:16px; font-weight:700;}
.challenge-score {float:left; width:100%; border-bottom:1px solid #e5e5e5; padding: 10px 0 10px; position:relative;}
.challenge-score  ul{list-style:none; margin:0; padding:0;}
.challenge-score  li {float:left; width:33.333%; text-align:center; padding:; font-size:30px; font-weight:700;}
.challenge-score  li span {float:left; width:100%; font-size:16px; color:#666;}
.overall-challenge {float:left; width:100%; margin:10px 0 0 0; text-align:center;}
.overall-challenge  h3 {color:#4c61a2; font-size:15px; text-transform:uppercase; font-weight:700; margin:12px 0; padding:0;}
.overall-challenge  h3 span {
    color: #333;
    text-transform: none;
    font-size: 18px;
}
.overall-score {width:150px; margin:10px auto 10px; font-size:36px; font-weight:700; color:#000; line-height:20px; text-align:left; line-height:50px; position:relative;}
.overall-score .icon-clap {font-size:50px; color:#82b050; float:left;}
.overall-score span {font-size:16px; font-weight:700; color:#666; margin:-10px 0 0;}
.losses-draw {width:100%; float:left; color:#666; font-size:16px;}
.losses-draw span {padding:0 10px;}
.overall-score span.award-icn {
    font-size: 16px;
    font-weight: 700;
    color: #666;
    margin: -10px 0 0;
    left: -35px;
    top: -13px;
  position:absolute;
}
a.challenge_link{
  color: #82b050;
  font-size: 20px;
  font-weight: bold;
  text-decoration:none;
}
a.challenge_link:hover, a.challenge_link:active{
  color: #82b050;
} 
.edit-nav a.editProfileSetting, .edit-nav a.editProfileSetting:link,.edit-nav a.editProfileSetting:active,.edit-nav a.editProfileSetting:hover{
  color: #000;
  font-size: 22px;
  text-decoration:none;
}
 a.active_challenge_link:link ,a.active_challenge_link:active , a.active_challenge_link:hover {
  text-decoration:none;
}
a.active_challenge_link i{
  color: #ff9900;
  font-size: 22px;
  text-decoration:none;
}
a.active_challenge_link span{
  color: #000;
  text-decoration:none;
}
.overall-challenge ul {
    list-style: none;
    margin: 0;
    padding: 5px 0 0px;
}

.overall-challenge li {
    float: left;
    width: 50%;
    border-right: 1px solid #e5e5e5;
    text-align: center;
    padding: 10px 0;
}
.overall-challenge li:last-child {
    border: none;
}
.overall-challenge li h4, .overall-challenge li h4 a {
    color: #4c61a2;
    font-size: 16px;
    font-weight: 700;
}
.clapper-name .alert_msg_2{
  color:#82b050 !important;
  font-size: 14px;
    font-weight: 700;
}
.clapper-name .alert_msg_3{
  color:#ff6666 !important;
  font-size: 14px;
    font-weight: 700;
}
.clapper-name .alert_msg_4{
  color:#000 !important;
  font-size: 14px;
    font-weight: 700;
}

.challenge-status{
  float: right;
  font-size: 16px;
  color: #000;
  font-weight: 700;
  text-align: center;
}
.alert_msg_4, .alert_msg_3, .alert_msg_2 {float:none;}
.alert_msg_3 {margin-top:-30px;}
.alert_msg_4 {margin-top:-17px;}
.alert_msg_1 {margin-top:-8px;}
.challenge_tab .clapper-name{line-height:16px;}
.activeChallenge{
  float: right;
  font-size: 16px;
  color: #e68e09d1;
  font-weight: 700;
  text-align: right;
  display:none;
  width: 40%;
}
.challenge-score h4{font-weight:700;}
#riple-circle{
  margin-top: 0px;
    margin-left: -20px;
  position: relative;
  background: #45453f;
}
.pulse {
  width: 10px;
  height: 10px;
  border: 5px solid #f7456e;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: #716f42;
  z-index: 10;
  position: absolute;
}

.dot {
  border: 10px solid #f7456e;
  background: transparent;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  -webkit-animation: pulse 3s ease-out;
  -moz-animation: pulse 3s ease-out;
  animation: pulse 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  top: -21px;
  left: -20px;
  z-index: 1;
  opacity: 0;
}

@-moz-keyframes pulse {
 0% {
    -moz-transform: scale(0);
    opacity: 0.0;
 }
 25% {
    -moz-transform: scale(0);
    opacity: 0.1;
 }
 50% {
    -moz-transform: scale(0.1);
    opacity: 0.3;
 }
 75% {
    -moz-transform: scale(0.5);
    opacity: 0.5;
 }
 100% {
    -moz-transform: scale(1);
    opacity: 0.0;
 }
}

@-webkit-keyframes "pulse" {
 0% {
    -webkit-transform: scale(0);
    opacity: 0.0;
 }
 25% {
    -webkit-transform: scale(0);
    opacity: 0.1;
 }
 50% {
    -webkit-transform: scale(0.1);
    opacity: 0.3;
 }
 75% {
    -webkit-transform: scale(0.5);
    opacity: 0.5;
 }
 100% {
    -webkit-transform: scale(1);
    opacity: 0.0;
 }
}
#clappsChallengesAction .modal-body{
  padding-top:0px;
}
#progressLine{
  height: 8px;
}
.challenge-load-bar {
  position: relative;
  width: 100%;
  height: 3px;
  background-color: #fdba2c;
}
.challenge-bar {
  content: "";
  display: inline;
  position: absolute;
  width: 0;
  height: 100%;
  left: 50%;
  text-align: center;
}
.challenge-bar:nth-child(1) {
  background-color: #da4733;
  animation: loading 3s linear infinite;
}
.challenge-bar:nth-child(2) {
  background-color: #3b78e7;
  animation: loading 3s linear 1s infinite;
}
.challenge-bar:nth-child(3) {
  background-color: #fdba2c;
  animation: loading 3s linear 2s infinite;
}
@keyframes loading {
    from {left: 50%; width: 0;z-index:100;}
    33.3333% {left: 0; width: 100%;z-index: 10;}
    to {left: 0; width: 100%;}
}
.attachImage{
  width:300px;
}
.attachImage img{
  width: 100%;
    height: auto;
}
.animated-bar {
  animation-duration: 2.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}
.bio-text{
  text-align:center;
  font-size:22px;
  color:#333;
}
.bio-text.notlogin{
  color:#e6a200;
}
.spinner {
  height: 20px;
  width: 20px;
  animation: rotate 0.8s infinite linear;
  border: 4px solid #bbb;
  border-right-color: transparent;
  border-radius: 50%;
  display:inline-block;
}

@keyframes rotate {
  0%    { transform: rotate(0deg); }
  100%  { transform: rotate(360deg); }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
  40% {transform: translateY(-30px);}
  60% {transform: translateY(-15px);}
}
.bounce {
  animation-name: bounce;
}
span.challenge_day_left {
    color: #ff9900;
    font-size: 14px;
    font-weight: 700;
}
span.challenge_day_left.last_day {
    color: #ff6666;
    font-size: 14px;
    font-weight: 700;
}
.btn-challenge.rechallenge{
  left: 37% !important;
}
.btn-challenge.rechallenge a{
  padding: 5px 16px !important;
}
.challenge_tab .clapper-name{
  width:56%;
}
.challenge_text{
  color: #000;
    font-size: 14px !important;
    font-weight: 500;
} 
.challengeSection li{
  padding:10px;
}
.challenge-status-image img {max-width:80%}
.challengeSection .clappers-details{
  width: calc(100% - 105px); margin:5px 0 0;
}
.grade_section {
    margin-top: -15px;
}
.approval-button{
    width:100%;
    float: right;
    display: block;
  margin-top:8px;
}
.approval-link {
    color: #ff0000;
    text-decoration: none;
    font-size: 12px;
}
.filter_grade a .icon-filter {
    font-size: 20px;
    width: 36px;
    height: 36px;
    float: left;
    border-radius: 100%;
    text-align: center;
    line-height: 36px;
  background:#868686;
  color:#fff;
}
.filter_grade a .icon-filter:hover {background:#0078ff;}
.filter_grade a .icon-filter:before {line-height:36px;}
.searchit .icon-search-glass  {
    width:36px;
    height:36px;
    float: left;
    border-radius: 100%;
    text-align: center;
    line-height: 36px;
  font-size:16px;
  background:#868686;
  color:#fff;
}
.searchit .icon-search-glass:hover {background:#0078ff;}
.searchit .icon-search-glass:before {line-height:36px;}
.filter_grade {
    float: right;
    margin: 0 12px 0 0;
}
.teafields-site-search,
.teafields-site-search .widget_product_search,
.teafields-site-search .widget_product_search form.woocommerce-product-search {
    margin: 0;
    width:100%;
}

.teafields-site-search {
    display: none;
    width: auto;
    position: absolute;
    padding: 0;
    right: 0;
  top:25px;
  z-index:100;
}
.filter-clapps .teacherCalsslist li .input-seach-box a {padding:0; border:none;}
.filter-clapps .teacherCalsslist li .teafields-site-search-icon a {text-decoration:none!important; }
.filter-clapps .teacherCalsslist li .teafields-site-search-icon a:hover {text-decoration:none!important; border:none!important;}

.teafields-site-search .widget_product_search form input[type="search"] {
    height:86px;
    padding-right: 1.618em;
    padding-left: 1.618em;
}

.teafields-site-search .widget_product_search form.woocommerce-product-search::before {
    content: none;
}
.teafields-site-search-icon {
    float: right;
    margin:0;
    width:auto;
    text-align: center;
    line-height: 34px;
    color: #fff;
  position:relative;
  z-index:10;
}
.tabActive {float:left; width:100%;}
.filter-clapps .teacherCalsslist li.searchit {float:right; margin-right:0; padding-right:0;
}
#search {text-align:center;}
#search input[type="text"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #333;
    font-family: "Open Sans",sans-serif;
    font-size:36px;
    font-weight: 300;
    margin: 30px 0;
    outline: medium none;
    text-align: center;
    width: 100%;
}
#search .btn {
    margin-top:20px;
    padding: 10px 60px;
    color: #fff;
    border-radius: 30px;
    font-size: 20px;
    border-width: 1px;
}
#search .btn:hover {background:none; color:#333;}

.filter-clapps .teacherCalsslist .filter_grade li {padding:6px 10px!important; margin:0;}
.filter-clapps .teacherCalsslist .filter_grade li a {font-size:14px; padding:0; font-weight:600;}
.filter_grade a {text-decoration:none!important; border:none!important; padding:0!important; background:none!important;}
.filter_grade a .icon-filter {font-size:22px;}
.dot_circle:before {
  content: ' \25CF';
  font-size: 22px;
  color:red;
}
.container-register-now {float:left; width:100%; background:#f7f7f7; padding:10px 25px 20px;}
.icn-reg {float:left; margin:-30px 10px 0 0; max-width:60px;}
.icn-gray-arrow {float:right; max-width:18px; margin-top:12px}
.text-reg-accress {float:left; max-width:80%; font-size:14px; color:#666; font-weight:700;}
.text-reg-accress strong{font-size:18px; color:#000;}

.header-back-link {
    text-align: right !important;
    display: block;
}
.search_instruction {padding:10px 20px!important; }
.srch_content {text-align: center}
.instruction-txt {text-align:left;}
.srch_content h3 {font-weight: 700;}
.schl_img img{
        max-width:60%;
    }

.schl_img {float: left; width:100%; text-align: center;}   

.today-activities {
    float: left;
    width: 100%;
    box-shadow:0px 1px 6px #bdb8b8;
    padding: 15px;
    margin: 10px 0 0;
  border-radius:10px;
}
.today-activities .extra-activity-details-odd {padding:0; min-height: 120px;}
.today-activities .social-share-box {top:0; right:0}
.today-heading {float:left; width:100%:}
.today-date {font-size:13px; font-weight:700; color:#666;}
.today-text {
    font-size: 22px;
    font-weight: 700;
}

.activities-td {padding:0!important; border:none!important;}
.today-activities  .activities-td {border-bottom:1px solid #ddd!important; border-top:none; padding:2rem 0.65625rem!important}
.activities-td .activity-inner {
    box-shadow:0px 1px 6px #6b6969;
    border-radius: 10px;
    margin:8px 0;
    display: block;
    float: left;
  width:100%!important;
  padding:0;
}
.today-activities .activity-inner  {box-shadow:none; margin:0; border-radius:0; padding:0;}
.activities-td-new  .activity-notification h3 {max-width:100%!important}
.horizontal-activities {float:left; width:100%; background:#fff0be; box-shadow:0px 1px 6px #bdb8b8; padding: 15px; margin: 10px 0 0; border-radius:10px;}
.horizontal-activities  .today-heading {
    font-size: 22px;
    font-weight: 700;
  color:#000;
}
.horizontal-activities .activity-notification {width:83%!important;}
.horizontal-activities .activities-td {border-bottom:1px solid #fff; border-top:none}
.view-all-activites{
    float: left;
    margin: 0 0 0 27px;
    font-weight: 700;

}
  
.horizontal-activities .left.carousel-control {
    left: -9%;
    background: none !important;
    opacity: 1;
    box-shadow: none;
    top: -7%;
    text-shadow: none;
  color:#000
}
.horizontal-activities .right.carousel-control {
    right:-9%;
    background:none !important;
    opacity:1;
    box-shadow: none;
    top:-7%;
    text-shadow: none;
  color:#000
}
.horizontal-activities  .carousel-caption {left:0!important; right:0!important; position:relaive; background:#fff;  bottom:0; 
padding:20px 10px 20px; float:left; width:100%;  margin-top: -110px;

}
.horizontal-activities  .slop {content:""; position:absolute; background:#fff;  width:100%; left:0; -webkit-clip-path: polygon(0 38%, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 38%, 100% 0, 100% 100%, 0% 100%); z-index:1}
.horizontal-activities  .carousel-caption h3 {color:#000; text-shadow:none; text-align:left; font-size:18px; font-weight:700; padding:0; margin:0;}
.horizontal-activities .sent_date {color:#666; text-shadow:none; font-size:14px;}
.horizontal-dec {font-size:16px; color:#787878; float:left; width:100%; text-align:left; text-shadow:none;}
.horizontal-other-dtails {
    position: relative;
    z-index: 100;
    width: 100%;
    float: left;
}
.horizontal-activities .show-about {text-shadow:none; font-weight:bolo}



/*09-03-2018*/
.flag-headings {float:leftl width:100%; text-align:center;}
.flag-headings .icon , .flag-headings .icon-flag{width:100px; height:100px; border:3px solid #82b050; border-radius:100%; text-align:center; line-height:100px; font-size:60px; color:#82b050; display:inline-block}
.flag-headings  h3{color:#000; font-size:20px; text-transform:uppercase; font-weight:700;}
.flag-headings select {border:none; font-size:18px; font-weight:700; color:#666;}
.challenger-container{float:left; width:100%; border-bottom:1px solid #e5e5e5; padding:30px 0 20px; position:relative;}
.challenger-container ul {list-style:none; margin:0; padding:0;}
.challenger-container li {float:left; width:50%; border-right:1px solid #e5e5e5; text-align:center; padding:30px 0}
.challenger-container li:last-child {border:none;}
.challenger-container li img {max-width:70px; max-height:70px; border-radius:100%; border-radius:100%; padding:3px; box-shadow:0 0 2px #676767; position:relative; }
.btn-challenge {position:absolute; top:34%; left:29%}
.btn-challenge a {background:#82b050; font-size:22px; color:#fff; border-radius:30px; padding:5px 49px; display:inline-block; font-weight:700}
.btn-challenge a:hover {text-decoration:none;}
.challenger-container li h4, .challenger-container li h4 a {color:#4c61a2; font-size:16px; font-weight:700;}
.challenge-score {float:left; width:100%; border-bottom:1px solid #e5e5e5; padding:30px 0 20px; position:relative;}
.challenge-score  ul{list-style:none; margin:0; padding:0;}
.challenge-score  li {float:left; width:33.333%; text-align:center; padding:; font-size:36px; font-weight:700;}
.challenge-score  li span {float:left; width:100%; font-size:16px; color:#666;}
.overall-challenge {float:left; width:100%; margin:20px 0 0 0; text-align:center;}
.overall-challenge  h3 {color:#4c61a2; font-size:15px; text-transform:uppercase; font-weight:700; margin:0; padding:0;}
.overall-challenge  h3 span {color:#666}
.overall-score {width:120px; margin:40px auto 20px; font-size:36px; font-weight:700; color:#000; line-height:20px; text-align:left; line-height:50px; position:relative;}
.overall-score .icon-clap {font-size:50px; color:#82b050; float:left;}
.overall-score span {font-size:16px; font-weight:700; color:#666; margin:-10px 0 0;}
.losses-draw {width:100%; float:left; color:#666; font-size:16px;}
.losses-draw span {padding:0 10px;}
.overall-score span.award-icn {
    font-size: 16px;
    font-weight: 700;
    color: #666;
    margin: -10px 0 0;
    left: -35px;
    top: -13px;
  position:absolute;
}

.pic-status {width:100%; float:left; overflow:hidden; position:relative; max-height:310px;min-height:310px;}
.slop {content:""; position:absolute; background:#fff;  width:100%; height:60px; bottom:-2px; left:0; -webkit-clip-path: polygon(0 90%, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 90%, 100% 0, 100% 100%, 0% 100%); z-index:1}
.extra-activity-details {width:100%; float:left; position:relative; z-index:10; margin:-25px 0 0 0; padding:0 15px 15px;}
.extra-activity-details h3 a, .extra-activity-details h3 {color:#414141; font-weight:700; font-size:18px;}
.activity-inner {float:left; width:100%; background:#ffff; box-shadow:0px 1px 6px #6b6969; padding:0; margin: 10px 0 0; border-radius:10px; overflow:hidden}
.link-all-container:before {position:absolute; width:100%; height:100%; content:""; z-index:1; background:rgba(0,0,0,0.3)}
.author-name {float:right; width:100%; text-align:right; font-size:14px; margin:-20px 0 10px}
.author-name a {color:#333}
.author-name img {border-radius:100%; border:1px solid #ccc; width:45px; height:45px}
.extra-activity-details .notify-date, .extra-activity-details-odd .notify-date  {font-size:14px; color:#9e9e9e;}
.activities-td-new {border:none!important}
.extra-activity-details-odd {position: relative; width:100%; float:left; z-index:10; margin:0 0 0; padding:15px 15px 20px; min-height: 160px;}
.extra-activity-details-odd h3 a, .extra-activity-details-odd h3 {color:#868484; font-weight:400; font-size:18px;}
.extra-activity-details-odd  .author-name {float:right; width:100%; text-align:right; font-size:14px; margin:10px 0 10px}
.world-library {position:absolute; z-index:10; background:rgba(0,0,0,0.7); color:#fff; font-size:14px; border-radius:5px; top:20px; left:15px; padding:0 10px; }
.world-library i{font-size:18px; float:left; margin:2px 7px 0 0;}
.extra-activity-details-odd .social-share-box li a {color:#000}
.social-share-box li .icon-clap:hover, .social-share-box li .icon-clap.like_active {background:#ed1a51!important; color:#fff!important}
.social-share-box li a:hover i {color:#fff}
.extra-activity-details-odd .social-share-box li i {color:#fff}
.extra-activity-details-odd h3  {max-width:85%;}
.author-name.child-name{
    font-size:11px;
    padding-right:21px;
    margin-top:-27px;
}
.author-name.child-name img{
    max-width: 24px;
    height: 24px;
}
.time-ago{
    margin-left: 25px;
    color: #9e9e9e;
}
.full-desc{
    width: 90% !important;padding-bottom: 20px;
}

.social-share-box {position:absolute; right:15px; top:20px; z-index:99; }
.social-share-box ul {list-style:none; margin:0; padding:0;}
.social-share-box li {clear:both; line-height:36px; margin-bottom:5px; text-align:right; float:right; margin-right:0; }
.social-share-box li a {color:#fff; cursor:pointer;}
.social-share-box li a:hover {text-decoration:none; color: #262626 !important}
.social-share-box li .icon-clap, .social-share-box li .icon-share , .social-share-box li .icon-bookmark, .social-share-box li .icon-bookmark-wl, .social-share-box li .icon-mail-send, .social-share-box li .icon-forward-arrow, .social-share-box li .icon-mail, .social-share-box li .icon-comment, .social-share-box li .icon-calendar{width:36px; height:36px; background:rgba(0,0,0,0.7); display:block; border-radius:100%; line-height:40px; text-align:center; float:right; margin:0 0 0 5px; font-size:24px;}
.social-share-box li .icon-bookmark {font-size:18px; }
.social-share-box li .icon-comment {font-size:21px; line-height:43px;}
.social-share-box li .icon-calendar {font-size:18px; line-height:43px;}
.social-share-box li .icon-bookmark-wl{font-size:21px; line-height:41px;}
.social-share-box li .icon-bookmark-wl:hover, .social-share-box li .icon-bookmark-wl.bookmark_active {background:#0078ff; color:#fff!important}
.link-all-container {width:100%; height:100%; content:""; z-index:1;}
.social-share-box li .icon-forward-arrow {font-size:18px; color:#16e016;}
.social-share-box li .icon-forward-arrow:hover {color:#16e016; font-size:18px;}
 .video-player {
    position: absolute;
    left: 0;
    padding-top:0%;
    height: 100%;
    text-align: center;
    width: 100%;
    z-index: 10;
    cursor: pointer;
  top:0;
}
.video-player a {
    width: 100%;
    height: 100%;
    float: left;
    padding-top:14%;
}
.video-player a:hover{
    text-decoration: none;
}
 .video-player  i {color:#fff; font-size:40px;}
 .total-views {float:left; width:100%; font-size:15px; color:#333}
  .total-views i {float:left; margin:2px 3px 0 0; color:#0078ff}
.social-share2 {float:right; width:auto; margin:-55px 0 30px;}
.listing-video-play {position:relative; padding-right:0;}
.listing-video-play a {position:absolute; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); left:0; top:0; border-radius:5px; color:#fff; font-size:30px; text-align:center; padding-top:25%}
.listing-video-play a:hover {border:none; text-decoration:none; color:#fff;}
.view-all-image-container {
    position: absolute;
    right:0;
    bottom: 0;
    width:120px;
    height:120px;
    text-align: center;
    border-radius: 10px 0 0;
  background:rgba(255, 255, 255, 0.76);
  background-size:cover;
  overflow:hidden;
  
}
.view-all-image-container  a{
    color: #fff;
    font-size: 22px;
    text-shadow: 0 0 1px #000;
    display: block;
    width: 100%;
    height: 100%; 
  display:block;
  cursor:pointer;
  padding-top:40px;
  position:relative;
}
.view-all-image-container  a:hover {text-decoration:none; color:#fff;}
.view-all-image-container:before {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.social-claps .dropdown-menu {right:36px; background:rgba(0,0,0,0.7); left:inherit; padding:7px 0 0; top:-30px;}
.social-claps  .dropdown-menu li {float:left; width:100%; text-align:left;}
.social-share .dropdown-menu {right:124px; background:#fff!important; left:inherit; padding:7px 0 0; width:240px; border:5px solid rgba(0,0,0,0.3)}
.social-share  .dropdown-menu li {float:left; width:100%; text-align:left; margin:7px 0;}
.social-share  .dropdown-menu li a {width:100%; background:none; text-align:left; font-size:14px; color:#333!important; border-radius:0;}
.social-share  .dropdown-menu li a:hover {background:#fff; color: #262626 !important}
.image-share-box .carousel-control {padding-top:0%; background:none; color:#016ae0; top: 48%;}
.image-share-box .carousel-control.right  {
    right: -80px;
    opacity: 1;
    text-shadow: none;
    font-size: 36px;

}
.image-share-box .carousel-control.left {left:-80px;  opacity: 1;
    text-shadow: none;
    font-size: 36px;}
.moderation {float:right; font-size:13px;}
.comments-lsiting-moderation  .comment-thumb , .comments-lsiting-moderation .user-comments-dl {opacity:0.4; }
/*31ST DEC 2018*/

.clappers-profile {background:none}
.clappers-profile .profile-details-section {background:none; box-shadow:none; padding:0;}
.arrow-left a {
    background: #fff;
    width: 50px;
    height: 50px;
    color: #000;
    box-shadow:0px 4px 8px #9e9e9e;
    display: block;
    text-align: center;
    border-radius: 100%;
    line-height: 45px;
    font-size: 24px;
    line-height: 57px;
}
.open > .dropdown-menu{
    background: rgba(0,0,0,0.7);
}
.share-clappes .dropdown-menu {
    background:#fff;
  border:5px solid rgba(0,0,0,0.3)
}
.share-clappes .dropdown-menu li a{color:#333!important}
.mb-10 {top:44px!important}
.dropdown-menu > li > a {
    color: #FFF !important;
}
.arrow-left  .icon-left-arrow:before {line-height:50px;}
.arrow-left a:hover , .share-prf-icn  a:hover{text-decoration:none!important;}
.clappers-profile .profile-details-section {margin:0;}
.share-prf-icn  a{
    width: 50px;
    height: 33px;
    color: #333333;
    display: block;
    text-align: center;
    line-height: 45px;
    font-size: 24px;
    line-height: 57px;
}
.share-prf-icn  .icon-forward-arrow::before {line-height: 50px;}
.clappers-profile .pic-profile {box-shadow: none;max-width: 120px;max-height: 120px;height: 120px;top: -60px;border-radius: 100%;width: 120px;}
.clappers-profile .profile-other-details {text-align:left; margin:-70px 0 0;}
.   -icn .share-clappes {font-size:0px}
.share-prf-icn .share-clappes a {
    font-size: 13px;
    width: 100%;
    text-align: left;
    padding: 5px 10px;
}

.share-prf-icn .share-clappes a:hover {color:#000!important;}
.share-prf-icn .share-clappes .icon-forward-arrow {font-size:24px;}
.profile-type {background:#e6e6e6; float:left; padding:3px 10px; text-transform:uppercase; font-size:13px; border-radius:5px; text-shadow:none;}
.clappers-profile  .profile-other-details h2 {float:left; width:100%; font-size:32px; color:#000; margin:10px 0 10px}
.clappers-profile  .profile-other-details h2 a {color:#d30b3d; font-size:24px}
.has-level {font-size: 24px;color: #90908a;}
.clappers-profile  .profile-other-details .icon-right-arrow {font-size:18px; position:relative; top:2px;}
.clappers-profile  .profile-other-details h3 {float:left; color:#666; font-size:18px; font-weight:700; font-style:italic;}
.country-ranking  {text-align:center; margin:30px 0 0; max-width:175px; font-size:32px; font-weight:700; color:#000;}
.country-ranking img{
    max-width: 46px;
    border-radius: 5px;
}
.country-ranking label {float:left; width:152px; font-size:18px; color:#666!important; margin:0;}
.country-ranking label .icon-right-arrow {
    color: #d30b3d;
    float: right;
    margin-top:6px;
    font-size: 16px;
}
.clappers-profile .clapps_details {background:#edebeb; border-radius:10px; float:left; padding:20px 10px; width:250px; margin:20px 0 0; text-align:center;}
.total-claps-count {font-size:40px; color:#000; font-weight:700; float:none; text-align:right; line-height:27px; width:auto; display:inline-block;}
.total-claps-count span {float:none; width:auto; text-align:right; font-size:20px; display:block;}
.clap-music {float:none; width:50px; display:inline-block}
.clap-music .icon-clap {
    font-size: 50px;
    color: #d30b3d;
    float: right;
    width: 100%;
  line-height: 30px;
  margin-top: -10px;
}
.clap-music .icon-play-button {
    color: #000;
    float: right;
    margin-top: -15px;
    margin-right: 11px;
}
.total-win {
    float: right;
    width: 150px;
    line-height: 20px;
    margin:29px 0 0;
  text-align:center;
}
.total-win h5 {font-size:24px; font-weight:700; color:#000; margin-bottom:4px;}
.total-win h5 i {
    color: #82b04f;
    font-size: 30px;
    position: relative;
    bottom: -5px;
}
.chalange-averange {color:#666; font-weight:700; font-size:20px;}

.clappers-list-con  {margin:40px 0 0;}

.clappers-list-con  h2 {margin:0; padding:0; line-height:29px; font-size:16px; text-align:left}
.clappers-list-con  h2 span {}

.clappers-list-con  h3 {font-weight:700; margin:10px 0 10px; padding:0; color:#000; text-align:left; font-size:32px; float:left; width:100%; padding-bottom:15px!important;}
.clappers-list-con h3 span {float:left; max-width:80%}
.clappers-list-con  h3 a {font-size:22px;}
.clappers-list-con h3 a {color:#000;}
.clappers-list-con .social-share-box li {padding-bottom:0; margin:0; height:auto; color:#fff; text-shadow:none; text-shadow:0 0 1px #000;}
.clappers-list-con .social-share-box li i {
    width: auto;
    height: 30px;
    line-height: 27px;
    margin-left: 5px;
    color: #fff;
    margin-top: 7px;
    display: inline-block;
    float: right;
}
.clappers-list-con .social-share-box {
    position: absolute;
    right: 10px;
    top: inherit;
  bottom:15px;
}
.chalange-averange i {
    color: #d30b3d;
    position: relative;
    top: 2px;
    font-size: 16px;
}
.bottom-deatils-clappers {float:left; width:100%; border-top:1px solid #b2b2b2; padding:10px 0 0;}
.award-ranking-img {float:left; max-width:200px;}
.awards-details {float:left; width:360px; text-align:left; margin-top:10px;}
.awards-details-profile {width:100%; text-align:center; margin-top:10px;}
.awards-details h4 {font-weight:700; color:#000; margin-bottom:0; font-size:26px;}
.awards-details h4  a {color:#000; font-weight:700;}
.clappers-profile {float:left; width:100%; font-weight:700; color:#666; margin-bottom:20px;}
.award-ranking-inner {float:left; width:160px; margin-right:10px;}
.award-ranking-inner .country-ranking {margin:0;}
.award-ranking-inner .country-ranking {max-width:135px; text-align:right; float:right}
.award-ranking-inner  .country-ranking label {
    float: right;
    width: 152px;
    font-size: 18px;
    color: #666 !important;
    margin: 0;
        margin-right: 0px;
    margin-right: -10px !important;

}
.award-ranking-inner .country-ranking label a {color:#333; font-weight:400; font-size:18px;}

.clappers-school {float:left; width:100%; color:#000; font-weight:300;}
.subscribe-btn  {
    float:left;
    display: block;
    float: left;
    background: #d30b3d;
    padding:0px 15px;
    color: #fff;
    border-radius:5px;
    line-height: 28px;
    margin: 0 5px 5px 0;
    font-size:14px;
    border:none
}
.subscribe-btn-inactive  {
    float:left;
    display: block;
    float: left;
    background: #615f5f;
    padding:0px 15px;
    color: #fff;
    border-radius:5px;
    line-height: 28px;
    margin: 0 5px 0 0;
    font-size:14px;
    border:none
}
.award-ranking-img {
    float: left;
    max-width: 200px;
}
.award-ranking-img img{
    max-width: 100px;
    max-height: 100px;
    border-radius: 100%;
}
.ml-5{
    margin-left: 5px !important;
}
.mr-5{
    margin-right: 5px !important;
}
.award-ranking-img-principal {
    float: left;
    max-width: 200px;
}
.award-ranking-img-principal img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    position: relative;
    z-index: 10;
    left: -20px;
    top: 30px;

}

.school-principal-profile img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    position: relative;
    z-index: 10;
    left: 45px;
    top: -52px;

}

.school-principal-name-profile{
    border-radius: 25px;
    background: #d4dada;
    padding: 5px 24px;
    font-size: 13px;
}

.school-principal-profile .rank{
    text-align: left;
    width: 115px;
    position: absolute;
    top: 70px;
    left: 140px;
}

.school-principal-profile .rank-number{
    color: #000;
}

.school-principal-profile .rank-text{
    font-size: 13px;
}

.level-container {float:left; width:100%;}
.level-container h3 {color:#000; font-size:28px; text-align:center; font-weight:300;}
.level-container h3 strong {font-size:30px; color:#656563}
.level-container h4 span {color:#e37900;}
.level-container  ul {list-style:none; margin:0; padding:0;}
.level-container  li {background:url(../img/lock.png) no-repeat 0 15px; float:left; width:174px; min-height:190px; margin:10px 10px 10px}
.level-container  li:nth-child(4) {clear:left;}
.level-container  li  img {width:48px;}
.level-container  li.active-level {background:url(../img/gaint.png) no-repeat 0 15px;}
.level-container  li.golden {background:url(../img/golden.png) no-repeat 0 15px; background-size:contain}
.level-name {float:left; width:100%; margin:25px 0 0; color:#fff; font-weight:400;}
.level-value {float:left; width:100%; margin:80px 0 0; color:#8a240d; font-weight:400;}
.awards-details-profile2 {margin-top:-50px;}

.image-editor  input[type="file"]{
  display: inline-block;
  clear: both;
  width: 208px;
}

.bookmark_active{color:#0078ff!important;}
.user-kids {float: left;margin: 0 10px 0 0;width: 25px;}
.kids-details {float: left;width: auto;}
.kids-subscriber {float: left;margin: 2px 0 0;width: 100%;}
.kids-arrow {color: #666;float: left;margin: 8px 0 0 0;width: auto;}
.kids-arrow > img {float: left;margin: 0 5px 0 0;}
.notification {
    position: absolute;
    background-color: #FB404B;
    text-align: center;
    border-radius: 10px;
    min-width: 1px;
    padding: 0 5px;
    height: 10px;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 18px;
    top: 0px;
    left: 7px;
}
.navbar .btn {
    margin: 15px 3px;
    font-size: 14px;
}
.activity_reg_activity{margin-left: 5px;}

.modal-backdrop{z-index:0 !important;}

.decoration-none{
    text-decoration: none !important;
}

/* Start workshop */

h4.title-workshop {

    color: #fff !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    position: absolute;
    z-index: 10;
    top: 10px;
    left: 20px;
    width: 70%;
    display: block;

}
/* .workshop-container .social-share-box li .icon-clap {background:#ed1a51;} */
.workshop-container .social-share-box li:first-child  a {font-size:18px;}
.brand-intro {position:absolute; bottom:20px; width:100%; z-index:999; padding:0 15px;}
.supported-by {float:left; max-width:50%; width:50%;}
.supported-by img {width:60px; height:60px; border-radius:100%; float:left; margin-right:10px; background:#fff;}
.supported-by h3 {color:#fff!important; font-weight:400; font-size:18px!important; margin-top:10px;}
.supported-by h3 span {font-size:14px; font-weight:700;}
.powered-by {color:#fff; font-size:18px; margin-top:15px;}
.workshop-details { float: left;
    width: 100%;
    padding: 15px;
    position: relative;}
.workshop-details h3{font-size:22px; color:#000; font-weight:600; border-bottom:1px solid #eee; padding-bottom:10px;}
.workshop-details h3 a {font-size:22px; color:#000;}
.wrkshop-trainer {float:left; width:100%; margin:15px 0 0;}
.wrkshop-trainer  img {width:50px; height:50px; border-radius:100%; margin-right:10px; float:left;}
.wrkshop-trainer h3 {color:#333!important; font-weight:400; font-size:18px!important; margin-top:5px; border-bottom:none}
.wrkshop-trainer h3 span {font-size:14px; font-weight:700;}
.wrkshop-trainer-details {float:left; width:100%; margin:10px 0; font-size:15px; line-height:22px;}
.trainer-schdule {float:left; width:100%; padding:10px; background:#f0f6fd; border-radius:6px; background-size: 60px; position:relative}
.trainer-schdule a.img-overlay {position:absolute; font-size: 25px; right:10px; top:10px; color:#333}
.trainer-schdule a.img-overlay:hover {text-decoration:none}

.trainer-schdule h5 {font-size:16px; font-weight:700; margin:0 0 10px;}
.trainer-schdule td {border-right:1px solid #bdbdbd; border-bottom:6px solid #f0f6fd; padding:0 10px 0 0}
.trainer-schdule td.td-no-bdr {border:none}
.register-wrkshop {width:auto; background:#0078ff; display:inline-block; border-radius:30px; padding:7px 40px; font-size:18px;}
.register-con {float:left; width:100%; text-align:center; margin:20px 0 0 0}
.register-con span {font-weight:700;}
.register-con-sucess  span {font-weight:700; color:#33ad00} 
.register-con-sucess .register-wrkshop  {background:#33ad00 !important; border-color:#33ad00 !important}

 .register-con-sucess .register-wrkshop  {background:#33ad00; border-color:#33ad00; padding:7px 30px}
  .register-con-sucess .register-wrkshop i {
    float: left;
    font-size: 23px;
    line-height: 20px;
    margin-right: 5px;
  margin-top:1px;
}
.register-con-wrkshop .register-wrkshop  {background:#fff !important; border-color:#33ad00 !important; padding:7px 30px; color:#33ad00;}
#btn-golive{color:#33ad00 !important;}
.register-rate .register-wrkshop  {background:#fff !important; border-color:#ff9900 !important; padding:7px 30px; color:#ff9900;}
#btn-rate-app:hover{color:#ff9900 !important;}
.social-share-box li .icon-calendar{width:36px; height:36px; background:rgba(0,0,0,0.7); display:block; border-radius:100%; line-height:40px; text-align:center; float:right; margin:0 0 0 5px; font-size:24px;}
.social-share-box li .icon-calendar {font-size:18px;}
.wrkshop-trainer-inner {width:80%; padding-left:15px;}
.wrkshop-trainer a {color:#333;}
.title-workshop2 a {color:#333;} 
.wtitle-workshop2 a:hover {color:#333 !important;}
.title-workshop2 {font-weight:700; padding-left:15px;width:80%;}
.workshop-date {font-size:14px; font-weight:300;}
.social-share-wrkshop {position:relative; float:right; top:0; margin-top:-50px;}
.social-share-wrkshop li  a{text-shadow:none!important; color:#333!important;}
.social-share-wrkshop li  a i {color:#fff;}
.social-share-wrkshop li:last-child  a i {color:#35810b}
.brand-intro2 {float:left; width:100%; padding:10px 15px;}
.brand-intro2 .supported-by h3 {color:#333!important;}
.brand-intro2 .powered-by {color:#333;}
.brand-intro2 .supported-by img {max-height:50px; max-width:50px}
.brand-intro2 .supported-by h3 {font-size: 16px!important; margin-top:7px;}
.brand-intro2 .supported-by:last-child {width:30%;}
.pic-status{position:relative; max-width:600px}
.pic-status img {
    margin-top: 0;
    width:600px;  
   
  
}
.supported-by img {
    margin-top: 0 !important;
    width: auto;
    position: relative;
    top: 0;
    max-width: 100%;
    max-height: 100%;
}
 .brand-intro  .supported-by img {max-width:60px; max-height:60px;}
.pic-status:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0, 0.4);
  z-index:1;
}
.workshop-container .pic-status:before {content:none;}
.workshop-container .pic-status a {position:relaive;}
.pic-status img.img-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0, 0.4);
  z-index:1;
  width:0;
  padding:300px;
}

.playerContainer{
    position: absolute;
    right: 20px;
    top: 20px;
}

.icon-cancel{ cursor:pointer;}

.modal { overflow: auto !important; }

.videoPlayerContainer{
    position: absolute;
    right: 20px;
    top: 110px;
}

.videoPlayerContainer img{
    width: 75px;
    height:85px;
}

/* End workshop */

/* Start country code  */

.intl-tel-input {
  position: relative;
  display: inline-block;
}

.intl-tel-input * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.intl-tel-input .hide {
  display: none;
}

.intl-tel-input .v-hide {
  visibility: hidden;
}

.intl-tel-input input,
.intl-tel-input input[type=text],
.intl-tel-input input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}

.intl-tel-input .flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}

.intl-tel-input .selected-flag {
  z-index: 1;
  position: relative;
  width: 36px;
  height: 100%;
  padding: 0 0 0 8px;
}

.intl-tel-input .selected-flag .iti-flag {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.icon-block { 
  font-size: 35px;
  color: red;
  position: absolute;
  float: left !important;
  width: auto;
  margin-left: 48px;
  left: 0;
}

.intl-tel-input .selected-flag .iti-arrow {
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}

.block-text{ color:#fcc4c4; cursor: pointer; width: auto !important; margin-top:5%;}
.block-text1{ color:#fcc4c4; cursor: pointer; width: auto !important; }

.intl-tel-input .selected-flag .iti-arrow.up {
  border-top: none;
  border-bottom: 4px solid #555;
}

.intl-tel-input .country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
}

.intl-tel-input .country-list.dropup {
  bottom: 100%;
  margin-bottom: -1px;
}

.intl-tel-input .country-list .flag-box {
  display: inline-block;
  width: 20px;
}

.comment-media{ cursor:pointer;}

.modal-open .extra-activity-details-odd {z-index:inherit !important}

.mt-5{
  margin-top: 5px !important;
}

.mt-10{
  margin-top: 10px !important;
}

.mt-15{
  margin-top: 15px !important;
}

.mt-20{
  margin-top: 20px !important;
}

.block-dot {
  height: 8px;
  width: 8px;
  background-color: red;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
}

@media (max-width: 500px) {
  .intl-tel-input .country-list {
    white-space: normal;
  }
}

.intl-tel-input .country-list .divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC;
}

.intl-tel-input .country-list .country {
  padding: 5px 10px;
}

.intl-tel-input .country-list .country .dial-code {
  color: #999;
}

.intl-tel-input .country-list .country.highlight {
  background-color: rgba(0, 0, 0, 0.05);
}

.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .dial-code {
  vertical-align: middle;
}

.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name {
  margin-right: 6px;
}

.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=text],
.intl-tel-input.allow-dropdown input[type=tel],
.intl-tel-input.separate-dial-code input,
.intl-tel-input.separate-dial-code input[type=text],
.intl-tel-input.separate-dial-code input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}

.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container {
  right: auto;
  left: 0;
}

.intl-tel-input.allow-dropdown .selected-flag,
.intl-tel-input.separate-dial-code .selected-flag {
  width: 46px;
}

.intl-tel-input.allow-dropdown .flag-container:hover {
  cursor: pointer;
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover,
.intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
  cursor: default;
}

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag,
.intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
  background-color: transparent;
}

.intl-tel-input.separate-dial-code .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
  display: table;
}

.intl-tel-input.separate-dial-code .selected-dial-code {
  display: table-cell;
  vertical-align: middle;
  padding-left: 28px;
}

.intl-tel-input.separate-dial-code.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
  padding-left: 66px;
}

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
  width: 60px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
  padding-left: 76px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
  width: 70px;
}

.intl-tel-input.separate-dial-code.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
  padding-left: 74px;
}

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
  width: 68px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
  padding-left: 84px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
  width: 78px;
}

.intl-tel-input.separate-dial-code.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
  padding-left: 82px;
}

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
  width: 76px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
  padding-left: 92px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
  width: 86px;
}

.intl-tel-input.separate-dial-code.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
  padding-left: 90px;
}

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
  width: 84px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
  padding-left: 100px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
  width: 94px;
}

.intl-tel-input.iti-container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}

.intl-tel-input.iti-container:hover {
  cursor: pointer;
}

.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}

.iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%;
}

.iti-mobile .intl-tel-input .country-list .country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti-flag {
  width: 20px;
}

.iti-flag.be {
  width: 18px;
}

.iti-flag.ch {
  width: 15px;
}

.iti-flag.mc {
  width: 19px;
}

.iti-flag.ne {
  width: 18px;
}

.iti-flag.np {
  width: 13px;
}

.iti-flag.va {
  width: 15px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-size: 5630px 15px;
  }
}

.iti-flag.ac {
  height: 10px;
  background-position: 0px 0px;
}

.iti-flag.ad {
  height: 14px;
  background-position: -22px 0px;
}

.iti-flag.ae {
  height: 10px;
  background-position: -44px 0px;
}

.iti-flag.af {
  height: 14px;
  background-position: -66px 0px;
}

.iti-flag.ag {
  height: 14px;
  background-position: -88px 0px;
}

.iti-flag.ai {
  height: 10px;
  background-position: -110px 0px;
}

.iti-flag.al {
  height: 15px;
  background-position: -132px 0px;
}

.iti-flag.am {
  height: 10px;
  background-position: -154px 0px;
}

.iti-flag.ao {
  height: 14px;
  background-position: -176px 0px;
}

.iti-flag.aq {
  height: 14px;
  background-position: -198px 0px;
}

.iti-flag.ar {
  height: 13px;
  background-position: -220px 0px;
}

.iti-flag.as {
  height: 10px;
  background-position: -242px 0px;
}

.iti-flag.at {
  height: 14px;
  background-position: -264px 0px;
}

.iti-flag.au {
  height: 10px;
  background-position: -286px 0px;
}

.iti-flag.aw {
  height: 14px;
  background-position: -308px 0px;
}

.iti-flag.ax {
  height: 13px;
  background-position: -330px 0px;
}

.iti-flag.az {
  height: 10px;
  background-position: -352px 0px;
}

.iti-flag.ba {
  height: 10px;
  background-position: -374px 0px;
}

.iti-flag.bb {
  height: 14px;
  background-position: -396px 0px;
}

.iti-flag.bd {
  height: 12px;
  background-position: -418px 0px;
}

.iti-flag.be {
  height: 15px;
  background-position: -440px 0px;
}

.iti-flag.bf {
  height: 14px;
  background-position: -460px 0px;
}

.iti-flag.bg {
  height: 12px;
  background-position: -482px 0px;
}

.iti-flag.bh {
  height: 12px;
  background-position: -504px 0px;
}

.iti-flag.bi {
  height: 12px;
  background-position: -526px 0px;
}

.iti-flag.bj {
  height: 14px;
  background-position: -548px 0px;
}

.iti-flag.bl {
  height: 14px;
  background-position: -570px 0px;
}

.iti-flag.bm {
  height: 10px;
  background-position: -592px 0px;
}

.iti-flag.bn {
  height: 10px;
  background-position: -614px 0px;
}

.iti-flag.bo {
  height: 14px;
  background-position: -636px 0px;
}

.iti-flag.bq {
  height: 14px;
  background-position: -658px 0px;
}

.iti-flag.br {
  height: 14px;
  background-position: -680px 0px;
}

.iti-flag.bs {
  height: 10px;
  background-position: -702px 0px;
}

.iti-flag.bt {
  height: 14px;
  background-position: -724px 0px;
}

.iti-flag.bv {
  height: 15px;
  background-position: -746px 0px;
}

.iti-flag.bw {
  height: 14px;
  background-position: -768px 0px;
}

.iti-flag.by {
  height: 10px;
  background-position: -790px 0px;
}

.iti-flag.bz {
  height: 14px;
  background-position: -812px 0px;
}

.iti-flag.ca {
  height: 10px;
  background-position: -834px 0px;
}

.iti-flag.cc {
  height: 10px;
  background-position: -856px 0px;
}

.iti-flag.cd {
  height: 15px;
  background-position: -878px 0px;
}

.iti-flag.cf {
  height: 14px;
  background-position: -900px 0px;
}

.iti-flag.cg {
  height: 14px;
  background-position: -922px 0px;
}

.iti-flag.ch {
  height: 15px;
  background-position: -944px 0px;
}

.iti-flag.ci {
  height: 14px;
  background-position: -961px 0px;
}

.iti-flag.ck {
  height: 10px;
  background-position: -983px 0px;
}

.iti-flag.cl {
  height: 14px;
  background-position: -1005px 0px;
}

.iti-flag.cm {
  height: 14px;
  background-position: -1027px 0px;
}

.iti-flag.cn {
  height: 14px;
  background-position: -1049px 0px;
}

.iti-flag.co {
  height: 14px;
  background-position: -1071px 0px;
}

.iti-flag.cp {
  height: 14px;
  background-position: -1093px 0px;
}

.iti-flag.cr {
  height: 12px;
  background-position: -1115px 0px;
}

.iti-flag.cu {
  height: 10px;
  background-position: -1137px 0px;
}

.iti-flag.cv {
  height: 12px;
  background-position: -1159px 0px;
}

.iti-flag.cw {
  height: 14px;
  background-position: -1181px 0px;
}

.iti-flag.cx {
  height: 10px;
  background-position: -1203px 0px;
}

.iti-flag.cy {
  height: 13px;
  background-position: -1225px 0px;
}

.iti-flag.cz {
  height: 14px;
  background-position: -1247px 0px;
}

.iti-flag.de {
  height: 12px;
  background-position: -1269px 0px;
}

.iti-flag.dg {
  height: 10px;
  background-position: -1291px 0px;
}

.iti-flag.dj {
  height: 14px;
  background-position: -1313px 0px;
}

.iti-flag.dk {
  height: 15px;
  background-position: -1335px 0px;
}

.iti-flag.dm {
  height: 10px;
  background-position: -1357px 0px;
}

.iti-flag.do {
  height: 13px;
  background-position: -1379px 0px;
}

.iti-flag.dz {
  height: 14px;
  background-position: -1401px 0px;
}

.iti-flag.ea {
  height: 14px;
  background-position: -1423px 0px;
}

.iti-flag.ec {
  height: 14px;
  background-position: -1445px 0px;
}

.iti-flag.ee {
  height: 13px;
  background-position: -1467px 0px;
}

.iti-flag.eg {
  height: 14px;
  background-position: -1489px 0px;
}

.iti-flag.eh {
  height: 10px;
  background-position: -1511px 0px;
}

.iti-flag.er {
  height: 10px;
  background-position: -1533px 0px;
}

.iti-flag.es {
  height: 14px;
  background-position: -1555px 0px;
}

.iti-flag.et {
  height: 10px;
  background-position: -1577px 0px;
}

.iti-flag.eu {
  height: 14px;
  background-position: -1599px 0px;
}

.iti-flag.fi {
  height: 12px;
  background-position: -1621px 0px;
}

.iti-flag.fj {
  height: 10px;
  background-position: -1643px 0px;
}

.iti-flag.fk {
  height: 10px;
  background-position: -1665px 0px;
}

.iti-flag.fm {
  height: 11px;
  background-position: -1687px 0px;
}

.iti-flag.fo {
  height: 15px;
  background-position: -1709px 0px;
}

.iti-flag.fr {
  height: 14px;
  background-position: -1731px 0px;
}

.iti-flag.ga {
  height: 15px;
  background-position: -1753px 0px;
}

.iti-flag.gb {
  height: 10px;
  background-position: -1775px 0px;
}

.iti-flag.gd {
  height: 12px;
  background-position: -1797px 0px;
}

.iti-flag.ge {
  height: 14px;
  background-position: -1819px 0px;
}

.iti-flag.gf {
  height: 14px;
  background-position: -1841px 0px;
}

.iti-flag.gg {
  height: 14px;
  background-position: -1863px 0px;
}

.iti-flag.gh {
  height: 14px;
  background-position: -1885px 0px;
}

.iti-flag.gi {
  height: 10px;
  background-position: -1907px 0px;
}

.iti-flag.gl {
  height: 14px;
  background-position: -1929px 0px;
}

.iti-flag.gm {
  height: 14px;
  background-position: -1951px 0px;
}

.iti-flag.gn {
  height: 14px;
  background-position: -1973px 0px;
}

.iti-flag.gp {
  height: 14px;
  background-position: -1995px 0px;
}

.iti-flag.gq {
  height: 14px;
  background-position: -2017px 0px;
}

.iti-flag.gr {
  height: 14px;
  background-position: -2039px 0px;
}

.iti-flag.gs {
  height: 10px;
  background-position: -2061px 0px;
}

.iti-flag.gt {
  height: 13px;
  background-position: -2083px 0px;
}

.iti-flag.gu {
  height: 11px;
  background-position: -2105px 0px;
}

.iti-flag.gw {
  height: 10px;
  background-position: -2127px 0px;
}

.iti-flag.gy {
  height: 12px;
  background-position: -2149px 0px;
}

.iti-flag.hk {
  height: 14px;
  background-position: -2171px 0px;
}

.iti-flag.hm {
  height: 10px;
  background-position: -2193px 0px;
}

.iti-flag.hn {
  height: 10px;
  background-position: -2215px 0px;
}

.iti-flag.hr {
  height: 10px;
  background-position: -2237px 0px;
}

.iti-flag.ht {
  height: 12px;
  background-position: -2259px 0px;
}

.iti-flag.hu {
  height: 10px;
  background-position: -2281px 0px;
}

.iti-flag.ic {
  height: 14px;
  background-position: -2303px 0px;
}

.iti-flag.id {
  height: 14px;
  background-position: -2325px 0px;
}

.iti-flag.ie {
  height: 10px;
  background-position: -2347px 0px;
}

.iti-flag.il {
  height: 15px;
  background-position: -2369px 0px;
}

.iti-flag.im {
  height: 10px;
  background-position: -2391px 0px;
}

.iti-flag.in {
  height: 14px;
  background-position: -2413px 0px;
}

.iti-flag.io {
  height: 10px;
  background-position: -2435px 0px;
}

.iti-flag.iq {
  height: 14px;
  background-position: -2457px 0px;
}

.iti-flag.ir {
  height: 12px;
  background-position: -2479px 0px;
}

.iti-flag.is {
  height: 15px;
  background-position: -2501px 0px;
}

.iti-flag.it {
  height: 14px;
  background-position: -2523px 0px;
}

.iti-flag.je {
  height: 12px;
  background-position: -2545px 0px;
}

.iti-flag.jm {
  height: 10px;
  background-position: -2567px 0px;
}

.iti-flag.jo {
  height: 10px;
  background-position: -2589px 0px;
}

.iti-flag.jp {
  height: 14px;
  background-position: -2611px 0px;
}

.iti-flag.ke {
  height: 14px;
  background-position: -2633px 0px;
}

.iti-flag.kg {
  height: 12px;
  background-position: -2655px 0px;
}

.iti-flag.kh {
  height: 13px;
  background-position: -2677px 0px;
}

.iti-flag.ki {
  height: 10px;
  background-position: -2699px 0px;
}

.iti-flag.km {
  height: 12px;
  background-position: -2721px 0px;
}

.iti-flag.kn {
  height: 14px;
  background-position: -2743px 0px;
}

.iti-flag.kp {
  height: 10px;
  background-position: -2765px 0px;
}

.iti-flag.kr {
  height: 14px;
  background-position: -2787px 0px;
}

.iti-flag.kw {
  height: 10px;
  background-position: -2809px 0px;
}

.iti-flag.ky {
  height: 10px;
  background-position: -2831px 0px;
}

.iti-flag.kz {
  height: 10px;
  background-position: -2853px 0px;
}

.iti-flag.la {
  height: 14px;
  background-position: -2875px 0px;
}

.iti-flag.lb {
  height: 14px;
  background-position: -2897px 0px;
}

.iti-flag.lc {
  height: 10px;
  background-position: -2919px 0px;
}

.iti-flag.li {
  height: 12px;
  background-position: -2941px 0px;
}

.iti-flag.lk {
  height: 10px;
  background-position: -2963px 0px;
}

.iti-flag.lr {
  height: 11px;
  background-position: -2985px 0px;
}

.iti-flag.ls {
  height: 14px;
  background-position: -3007px 0px;
}

.iti-flag.lt {
  height: 12px;
  background-position: -3029px 0px;
}

.iti-flag.lu {
  height: 12px;
  background-position: -3051px 0px;
}

.iti-flag.lv {
  height: 10px;
  background-position: -3073px 0px;
}

.iti-flag.ly {
  height: 10px;
  background-position: -3095px 0px;
}

.iti-flag.ma {
  height: 14px;
  background-position: -3117px 0px;
}

.iti-flag.mc {
  height: 15px;
  background-position: -3139px 0px;
}

.iti-flag.md {
  height: 10px;
  background-position: -3160px 0px;
}

.iti-flag.me {
  height: 10px;
  background-position: -3182px 0px;
}

.iti-flag.mf {
  height: 14px;
  background-position: -3204px 0px;
}

.iti-flag.mg {
  height: 14px;
  background-position: -3226px 0px;
}

.iti-flag.mh {
  height: 11px;
  background-position: -3248px 0px;
}

.iti-flag.mk {
  height: 10px;
  background-position: -3270px 0px;
}

.iti-flag.ml {
  height: 14px;
  background-position: -3292px 0px;
}

.iti-flag.mm {
  height: 14px;
  background-position: -3314px 0px;
}

.iti-flag.mn {
  height: 10px;
  background-position: -3336px 0px;
}

.iti-flag.mo {
  height: 14px;
  background-position: -3358px 0px;
}

.iti-flag.mp {
  height: 10px;
  background-position: -3380px 0px;
}

.iti-flag.mq {
  height: 14px;
  background-position: -3402px 0px;
}

.iti-flag.mr {
  height: 14px;
  background-position: -3424px 0px;
}

.iti-flag.ms {
  height: 10px;
  background-position: -3446px 0px;
}

.iti-flag.mt {
  height: 14px;
  background-position: -3468px 0px;
}

.iti-flag.mu {
  height: 14px;
  background-position: -3490px 0px;
}

.iti-flag.mv {
  height: 14px;
  background-position: -3512px 0px;
}

.iti-flag.mw {
  height: 14px;
  background-position: -3534px 0px;
}

.iti-flag.mx {
  height: 12px;
  background-position: -3556px 0px;
}

.iti-flag.my {
  height: 10px;
  background-position: -3578px 0px;
}

.iti-flag.mz {
  height: 14px;
  background-position: -3600px 0px;
}

.iti-flag.na {
  height: 14px;
  background-position: -3622px 0px;
}

.iti-flag.nc {
  height: 10px;
  background-position: -3644px 0px;
}

.iti-flag.ne {
  height: 15px;
  background-position: -3666px 0px;
}

.iti-flag.nf {
  height: 10px;
  background-position: -3686px 0px;
}

.iti-flag.ng {
  height: 10px;
  background-position: -3708px 0px;
}

.iti-flag.ni {
  height: 12px;
  background-position: -3730px 0px;
}

.iti-flag.nl {
  height: 14px;
  background-position: -3752px 0px;
}

.iti-flag.no {
  height: 15px;
  background-position: -3774px 0px;
}

.iti-flag.np {
  height: 15px;
  background-position: -3796px 0px;
}

.iti-flag.nr {
  height: 10px;
  background-position: -3811px 0px;
}

.iti-flag.nu {
  height: 10px;
  background-position: -3833px 0px;
}

.iti-flag.nz {
  height: 10px;
  background-position: -3855px 0px;
}

.iti-flag.om {
  height: 10px;
  background-position: -3877px 0px;
}

.iti-flag.pa {
  height: 14px;
  background-position: -3899px 0px;
}

.iti-flag.pe {
  height: 14px;
  background-position: -3921px 0px;
}

.iti-flag.pf {
  height: 14px;
  background-position: -3943px 0px;
}

.iti-flag.pg {
  height: 15px;
  background-position: -3965px 0px;
}

.iti-flag.ph {
  height: 10px;
  background-position: -3987px 0px;
}

.iti-flag.pk {
  height: 14px;
  background-position: -4009px 0px;
}

.iti-flag.pl {
  height: 13px;
  background-position: -4031px 0px;
}

.iti-flag.pm {
  height: 14px;
  background-position: -4053px 0px;
}

.iti-flag.pn {
  height: 10px;
  background-position: -4075px 0px;
}

.iti-flag.pr {
  height: 14px;
  background-position: -4097px 0px;
}

.iti-flag.ps {
  height: 10px;
  background-position: -4119px 0px;
}

.iti-flag.pt {
  height: 14px;
  background-position: -4141px 0px;
}

.iti-flag.pw {
  height: 13px;
  background-position: -4163px 0px;
}

.iti-flag.py {
  height: 11px;
  background-position: -4185px 0px;
}

.iti-flag.qa {
  height: 8px;
  background-position: -4207px 0px;
}

.iti-flag.re {
  height: 14px;
  background-position: -4229px 0px;
}

.iti-flag.ro {
  height: 14px;
  background-position: -4251px 0px;
}

.iti-flag.rs {
  height: 14px;
  background-position: -4273px 0px;
}

.iti-flag.ru {
  height: 14px;
  background-position: -4295px 0px;
}

.iti-flag.rw {
  height: 14px;
  background-position: -4317px 0px;
}

.iti-flag.sa {
  height: 14px;
  background-position: -4339px 0px;
}

.iti-flag.sb {
  height: 10px;
  background-position: -4361px 0px;
}

.iti-flag.sc {
  height: 10px;
  background-position: -4383px 0px;
}

.iti-flag.sd {
  height: 10px;
  background-position: -4405px 0px;
}

.iti-flag.se {
  height: 13px;
  background-position: -4427px 0px;
}

.iti-flag.sg {
  height: 14px;
  background-position: -4449px 0px;
}

.iti-flag.sh {
  height: 10px;
  background-position: -4471px 0px;
}

.iti-flag.si {
  height: 10px;
  background-position: -4493px 0px;
}

.iti-flag.sj {
  height: 15px;
  background-position: -4515px 0px;
}

.iti-flag.sk {
  height: 14px;
  background-position: -4537px 0px;
}

.iti-flag.sl {
  height: 14px;
  background-position: -4559px 0px;
}

.iti-flag.sm {
  height: 15px;
  background-position: -4581px 0px;
}

.iti-flag.sn {
  height: 14px;
  background-position: -4603px 0px;
}

.iti-flag.so {
  height: 14px;
  background-position: -4625px 0px;
}

.iti-flag.sr {
  height: 14px;
  background-position: -4647px 0px;
}

.iti-flag.ss {
  height: 10px;
  background-position: -4669px 0px;
}

.iti-flag.st {
  height: 10px;
  background-position: -4691px 0px;
}

.iti-flag.sv {
  height: 12px;
  background-position: -4713px 0px;
}

.iti-flag.sx {
  height: 14px;
  background-position: -4735px 0px;
}

.iti-flag.sy {
  height: 14px;
  background-position: -4757px 0px;
}

.iti-flag.sz {
  height: 14px;
  background-position: -4779px 0px;
}

.iti-flag.ta {
  height: 10px;
  background-position: -4801px 0px;
}

.iti-flag.tc {
  height: 10px;
  background-position: -4823px 0px;
}

.iti-flag.td {
  height: 14px;
  background-position: -4845px 0px;
}

.iti-flag.tf {
  height: 14px;
  background-position: -4867px 0px;
}

.iti-flag.tg {
  height: 13px;
  background-position: -4889px 0px;
}

.iti-flag.th {
  height: 14px;
  background-position: -4911px 0px;
}

.iti-flag.tj {
  height: 10px;
  background-position: -4933px 0px;
}

.iti-flag.tk {
  height: 10px;
  background-position: -4955px 0px;
}

.iti-flag.tl {
  height: 10px;
  background-position: -4977px 0px;
}

.iti-flag.tm {
  height: 14px;
  background-position: -4999px 0px;
}

.iti-flag.tn {
  height: 14px;
  background-position: -5021px 0px;
}

.iti-flag.to {
  height: 10px;
  background-position: -5043px 0px;
}

.iti-flag.tr {
  height: 14px;
  background-position: -5065px 0px;
}

.iti-flag.tt {
  height: 12px;
  background-position: -5087px 0px;
}

.iti-flag.tv {
  height: 10px;
  background-position: -5109px 0px;
}

.iti-flag.tw {
  height: 14px;
  background-position: -5131px 0px;
}

.iti-flag.tz {
  height: 14px;
  background-position: -5153px 0px;
}

.iti-flag.ua {
  height: 14px;
  background-position: -5175px 0px;
}

.iti-flag.ug {
  height: 14px;
  background-position: -5197px 0px;
}

.iti-flag.um {
  height: 11px;
  background-position: -5219px 0px;
}

.iti-flag.us {
  height: 11px;
  background-position: -5241px 0px;
}

.iti-flag.uy {
  height: 14px;
  background-position: -5263px 0px;
}

.iti-flag.uz {
  height: 10px;
  background-position: -5285px 0px;
}

.iti-flag.va {
  height: 15px;
  background-position: -5307px 0px;
}

.iti-flag.vc {
  height: 14px;
  background-position: -5324px 0px;
}

.iti-flag.ve {
  height: 14px;
  background-position: -5346px 0px;
}

.iti-flag.vg {
  height: 10px;
  background-position: -5368px 0px;
}

.iti-flag.vi {
  height: 14px;
  background-position: -5390px 0px;
}

.iti-flag.vn {
  height: 14px;
  background-position: -5412px 0px;
}

.iti-flag.vu {
  height: 12px;
  background-position: -5434px 0px;
}

.iti-flag.wf {
  height: 14px;
  background-position: -5456px 0px;
}

.iti-flag.ws {
  height: 10px;
  background-position: -5478px 0px;
}

.iti-flag.xk {
  height: 15px;
  background-position: -5500px 0px;
}

.iti-flag.ye {
  height: 14px;
  background-position: -5522px 0px;
}

.iti-flag.yt {
  height: 14px;
  background-position: -5544px 0px;
}

.iti-flag.za {
  height: 14px;
  background-position: -5566px 0px;
}

.iti-flag.zm {
  height: 14px;
  background-position: -5588px 0px;
}

.iti-flag.zw {
  height: 10px;
  background-position: -5610px 0px;
}

.iti-flag {
  width: 20px;
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("../img/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0;
}

.videoPlayerContainer .icon-video-camera {

  border: 4px solid #47cf73;
  width: 80px;
  height: 80px;
  display: block;
  border-radius: 100%;
  text-align: center;
  line-height: 80px;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
  background: rgba(0, 0, 0,0.8);
}

#resetAssignment {
    background: #ff5c5c;
    border: #ff5c5c;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-image: url("../img/flags2x.png");
  }
}

.iti-flag.np {
  background-color: transparent;
}

/* End counrty code */

.recorded-video{
  font-size: 25px;
  vertical-align: middle;
  cursor:pointer;
}

.text-aligh-left{
  text-align:left !important;
}

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

.workshop-date-range{ font-size: 11px; color: #706b75;}
.rating-container {
    text-align: center;
}


a.workshopContent {
    background-color: #fffff;
    color: black;
  border: 1px solid #ccc;
  border-radius: 30px;
  padding: 5px 30px;
  font-size: 14px;
  display:block;
  margin-bottom:20px;
}

a.workshopContent.active, a.workshopContent.active:hover  {
  background-color: #3CB163;
    color: white;
  border:none;
}

a.workshopContent:hover {
    background-color: #3CB163;
    color: white;
}
#rateWorkshop {
    color: #16e016;
    border-radius: 30px;
    border: 1px solid #16e016;
    padding: 7px 40px;
    font-size: 18px;
    text-decoration: none;
}
#digitalCertificate {
    background: #fff !important;
    border-color: #ff9900 !important;
    padding: 7px 30px;
    color: #ff9900;
    font-size: 18px;
    text-decoration: none;
}
.input-fee-group {
    border-bottom: 1px solid #a6a6a6;
    width: 100%;
    margin-bottom:15px;
}
.input-fee-group input.form-control {border:none; width:45%}
.changeadmission {color:#0e58d5; font-size:14px;}
.proceed-con {width:100%; float:left; text-align:center}
.update-details-chk {margin:10px 0;}


.payment-activity .extra-activity-details-odd {border-left: 15px solid #f7b135; }
.payment-activity .short_desc_ans {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-size: 16px;
    color: #666;
}
.tab-navigation .nav-tabs > li:last-child > a i.icon-rupee{
    font-size: 27px;
}
.payment-activity .schoolfee_pay  {
    font-size: 18px;
    border-radius: 30px;
}
.search-result {background:#eff6ff; padding:10px}
.input-fee-group {
    border-bottom: 1px solid #a6a6a6;
    width: 100%;
    margin-bottom:15px;
}
.input-fee-group input.form-control {
    border: none;
    width: 430px;
    box-shadow: none;
}
.changeadmission {color:#0e58d5; font-size:14px;}
.proceed-con {width:100%; float:left; text-align:center}
.update-details-chk {margin:10px 0;}
.breadcrumb {padding:0!important; background-color:#fff; margin:0; color:#333}
.breadcrumb a {color:#333}
.proceed-con .btn  {
    font-size: 18px;
    border-radius: 30px;
}
.payee-name {color:#1370f2; font-size:18px} 

.school-fee-details .fee-month {float:left; width:70%}
.school-fee-details .clearfix {
border:none;
    border-top: 1px solid #d7d7d7;
    float: left;
    width: 100%;
}
.school-fee-details .right {
    float: right;
    width: 30%;
    text-align: right;
    font-weight:700
}
.school-fee-details input[type="checkbox"] {float:left; width:20px;}
.fee-component {
    float: right;
    width: calc(100% - 26px);
    line-height:22px
}
.card .fee-component label {
    color: #333 !important;
    font-weight: 600 !important;
    margin: 0;
    line-height: 18px;
}
.fee-component span {color:#494949}
.fee-row {
    float: left;
    width: 100%;
    border-top: 1px solid #f3f3f3;
    padding:10px 0 10px;
}
#payfee .payment {
    background: #f4f7fe;
    border: 1px dotted #333;
    border-radius: 10px;
    margin-bottom: 10px;
    font-weight: 700;
    line-height: 17px;
    padding: 13px 15px !important;
}
#payfee .payment span.right {margin-top:18px;}
#payfee .payment span.right span.right {margin-top:0;}

<!--Receipt-->


.receipt .container-snappay-list h3 {
    font-size: 32px!important;
    font-weight: 400;
}

.receipt .subtitle{
    font-size: 18px;
    color: #3baf60;
}
.receipt .error{
    font-size: 18px;
    color: #c9002e;
}
.receipt ul.label li {
    color: #999;
    text-align: left;
    font-size: 15px;
    line-height: 26px;
}

.receipt ul.label-title li {
    color: #000;
    text-align: right;
    font-size: 15px;
    line-height: 26px;
}


.border-top {
    border-top: 1px solid #cccccc;
    margin-top: 20px;
    padding-top: 20px;
}
.border-bottom {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.order-details .col-md-6 {
    padding: 0;
}
.order-details {
    margin: 0;
}

.receipt h2 {
    font-size: 18px;
    margin: 0;
}

.receipt .container-snappay-list ul {
    list-style: none;
    padding-left: 0;
}
.receipt .container-snappay-list ul li{
    padding: 0 0 10px 0;
}
@media (max-width: 1300px){
    .main-panel {width:76%!important;}
    .activities-filter-inputs {margin-left:20px;}
    .fee-user-2nd {width: 83%;}
    .user-sign-con .payby_month {float:right; width:auto; max-width:72%;}
    .user-sign-con li .fee-user-details h2 {width:140px;}
}

@media (max-width: 1100px){
    .activity-notification {width:83%!important;} 
    .activities-filter-inputs {margin-left:0;}
}

@media (max-width: 991px){
    .logo-mobile {width:98%;}
    .dashboard-container li {width:48%} 
    .sidebar[data-color="purple"]::after, body > .navbar-collapse[data-color="purple"]::after  { 
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1da7fe+0,03a1ff+100 */
        background: #1da7fe!important; /* Old browsers */
        background: -moz-linear-gradient(top,  #1da7fe 0%, #03a1ff 100%)!important; /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #1da7fe 0%,#03a1ff 100%)!important; /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #1da7fe 0%,#03a1ff 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1da7fe', endColorstr='#03a1ff',GradientType=0 )!important; /* IE6-9 */
    }
    body > .navbar-collapse .nav > li > a {padding:15px 25px!important;}
    body > .navbar-collapse .nav > li > a, body > .navbar-collapse .nav > li.active > a {background:background:rgba(255, 255, 255, 0.23)!important;}
    .treeview-menu > li > a {color:#fff!important}
    .profile-dropdown {min-width:inherit;}
    .logo-mobile {display:block;}
    .logo-mobile img {max-width:20%;}
    .modal-backdrop {z-index:-1!important; opacity:0; background:#fff!important}
    .modal-body img {max-width:100%;}
    .user-img img {max-width:80px!important;}
    .main-panel {width: 100%!important;}
    body > .navbar-collapse .nav > li > a {text-transform:uppercase;}
    .custom-card .box-content .col-md-6 {padding:0!important}
    .custom-card .table-responsive {margin-top:20px;}
    .logo {display:none;}
    .container-post-activity .col-lg-6, .container-post-activity  .col-md-6 {
        float: left;
        width:100%;
    }
    .container-post-activity  textarea.form-control {margin:10px 0 0 0;}
    .chosen-container {max-width:100%;}
    .btn-post {width: 100%;}
    .post_activity_button{right:20px; bottom:50px}
    .pay_fee_container .btn-post {margin-bottom:10px;}
    .pay_fee_container .nav-tabs > li {width:100%;}

}

@media (max-width: 767px){
    .landing-btns {text-align:center;}
  h4.title-workshop { font-size:18px;}
  .supported-by img {max-width:50px; max-height:50px;}
  .title-workshop2 {width:70%}
  .brand-intro2 .supported-by h3 , .supported-by h3 span{font-size:14px!important}
  .brand-intro2 .supported-by:last-child {width:auto!important;}
  .tab-activity .activity-notification h3 {width:calc(100% - 40px); float:left;}
  .brand-intro2 .supported-by img {
    max-height: 30px;
    max-width: 30px;
}
.tab-activity .activity-notification .brand-intro h3 {padding:0 10px 0 0; font-size:16px!important; width:calc(100% - 70px)}
.tab-activity .activity-notification .brand-intro .powered-by {width:37%; text-align:right; line-height:22px; font-size:16px; margin-top:7px;}
.tab-activity .activity-notification .workshop-details h3 {max-width:100%; width:100%;}
.noticesend-by {width:96%; float:left;}
.tab-activity .activity-notification .workshop-details  .wrkshop-trainer h3 {
    width: calc(100% - 40px);
    max-width: 80%;
  font-size:16px;
}
.tab-activity .activity-notification .workshop-details .wrkshop-trainer h3 a {font-size:16px!important; padding:0 0 4px 4px; font-size:13px;}
.tab-activity .activity-notification .workshop-details .wrkshop-trainer h3 a:hover {text-decoration:none!important;}
.trainer-schdule td {padding: 0 0 4px 4px;font-size: 13px;line-height: 16px;}
    .clappers-list-con .social-share-box li {font-size:12px;}
  .landing-wrap h2 {padding-left:20px; padding-right:20px; font-size:42px;}
  .landing-wrap h3 {padding-left:20px; padding-right:20px; font-size:20px;}
    .search_instruction {padding:10px 20px!important; max-width: 90%!important}
    .schl_img img{max-width:40%;}
  .landing-wrap h3 br {display:none;}
  .landing-btns a {padding:13px 7%; font-size:18px;}
  .dashboard-container li {width:100%; margin:10px 0; height:auto;} 
  .login-box, .register-box {width:80%}
  .account-create {width:100%; float:left; text-align:center;}
  .link-margin {width:100%; float:left; margin:10px 0 5px; text-align:center;}
  .logo-mobile img {max-width:28%;}
  .wrapper { background:url(../images/snaphw_web_login.jpg) no-repeat 0 0; background-size:cover;}
  .main-panel > .content {padding:30px 0!important;}
  .login-page, .register-page {min-height:100vh;}
  .left-part {width:100%; float:left; margin:0 0 40px}
  .right-part {width:286px; float:none; margin:0 auto;}
  .left-part td {text-align:center;}
    .doubleTabMobile {display:block; margin:20px 0 0 0; font-size:16px; font-weight:700; line-height:20px; text-align:center;} 
  .users_progress_bar, .activity_progress_bar {width:100%!important; margin:0!important;}
  .activities-filter-inputs {margin-left:0;}
  .activities-filter-inputs .controls {margin:10px 10px 0 0!important;}
  .export-container li {width:100%; margin-bottom:40px;}
  #search_form .control-group label {margin-top:8px;}
  .user-sign-con li {width:31%; margin:0 1% 1%; height:220px;}
  .jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb .jFiler-item-thumb-image , .jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb{width:100%!important}
  .jFiler-items-grid .jFiler-item .jFiler-item-container {width:94%!important; padding:3%!important;}
  .jFiler-items-grid .jFiler-item { float: left; margin: 0 1%; width: 48%;}
  .activity_filter_button {margin:-13px 0 0 0!important; width:100%!important}
  .cd-filter-trigger {right:15px!important;}
  .cd-filter-trigger.filter-is-visible {left:-5px!important;}
  .read_unread_users {float:left;}
  .read_unread_users {display:block;}
  .read_unread_users_inner { font-size:12px; height:51px; line-height:12px; padding:7px; width:51px;}
  .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:inherit!important;}
    .childAction {margin: 0 5px 5px 5px;}
  .class_reset_step .inner_step {width:100%; margin:0 0 40px;}
  .class_reset_step {background:none;}
  .cd-filter {width:310px;}
  .cd-filter.filter-is-visible {right:0px!important; width:272px!important}
  .ui.search.dropdown .menu {height:4.58571429rem;}
    .fee-user-2nd {width:72%; text-align:left;}
    .user-sign-con li .fee-user-details h2 {width:100%;}
    .user-sign-con .payby_month {width:100%; max-width:100%;}
    .fee-structure-left, .fee-structure-right {width:100%;}
    .activity-notification {width:70%;}
    .tab-navigation .nav-tabs > li > a {padding:5px 31px;}
    .logo-container {
        text-align: left;
        margin: 10px 0 0 0;
        padding: 0 10px;
    }
    .logo-container img {
        max-width: 27%;
    }

    .tab-navigation {margin:0;}
    .tab-activity  h3 {padding:0 10px; margin:0; font-size:20px;}
  .wrkshop-trainer h3 {font-size:16px !important}
    .tab-activity  h3 .icon-filter {font-size:30px;}
    .tab-activity .activity-notification h3 {padding:0 10px 0 0; font-size:16px; max-width:74%;}
    .sent-time {font-size: 12px;}
    .user-sign-con ul li.odd, .user-sign-con ul li.even {width:100%; margin-right:0;}
    .user-sign-con li.sub_invite_heading {width:100%;}
    .setting-icn {margin-right:20px;}
    .tab-activity {padding:0 20px;}
    .share-clap-details {padding-left:0; margin:15px 0 0;}
    .note-box-listing li {width:170px; margin:0 10px 20px 0}
    .note-box-listing li {width:150px; display:inline-block; margin:0 10px 10px 0}
    .note-box-listing {text-align:center;}
    .note-box-listing h2 {text-align:left;}
    .author-name {margin:0 0 10px}
    .user-comments-dl {
        float: left;
        width: calc(68% - 35px);
        position: relative;
        padding-left: 5px;
    }
    .post-details h4 {width:67%;}
    .level-container li {
        width: 120px;
        margin: 10px 10px 10px;
        background-size: contain;
        min-height:160px;
    }
    .level-container {text-align:center;}
    .level-container ul {max-width:430px; display:inline-block}
    .level-container li.active-level {background-size:contain;}
    .level-value {margin-top:40px;}
    .level-name {margin-top:15px;}
    .level-container li img {width:38px;}
    .mb-10 {
        top: 44px !important;
        right: 0;
        left: inherit;
    }
    .tab-activity {padding:0 10px;}
    .clappers-list-con  h3 {padding-left:0!important}
    .clappers-profile .profile-other-details h2 { font-size: 28px;}
.social-share-box li .icon-clap, .social-share-box li .icon-share, .social-share-box li .icon-bookmark, .social-share-box li .icon-bookmark-wl, .social-share-box li .icon-mail-send, .social-share-box li .icon-forward-arrow, .social-share-box li .icon-mail, .social-share-box li .icon-comment, .social-share-box li .icon-calendar {width:30px; height:30px; font-size:22px; line-height:36px;}
.social-share-box li .icon-bookmark {font-size:16px;}
.subject-notify {width:30px; height:30px; line-height:30px;}
.social-share-box li {line-height:30px;}
.wrkshop-trainer img {width:36px; height:36px;}
}

@media (max-width: 767px){
    .modal-body{padding:0px !important;}

    .image-share-box .carousel-control.left{
        left: -18px;
        opacity: 1;
        text-shadow: none;
        font-size: 36px;
    }

    .image-share-box .carousel-control.right{
        right: -18px;
        opacity: 1;
        text-shadow: none;
        font-size: 36px;
    }
    .image-share-box .carousel-control .glyphicon {

        background: rgba(255,255,255, 0.6);
        padding: 10px 5px 10px 15px;
        font-size: 24px;
    
    }
    .image-share-box .right.carousel-control .glyphicon {
        padding: 10px 15px 10px 5px;
    }
  .today-activities .attach_count {float:left}
  .tab-activity .activity-notification h3 {max-width:77%; font-size:16px;}
  .tab-activity .activity-notification h3 a {font-size:16px;}
  .attach_count {float:left}
  .time-ago {margin-left:0}
  .tab-activity .activity-notification h3 {width:100%; max-width:77%!important}
  .tab-activity .nav-tabs li a {padding:4px 13px; line-height:normal; height:32px;}
  .tab-activity .nav-tabs {margin-bottom:20px;}
  .today-activities {padding:10px;}
  .today-activities .activities-td {padding:2rem 0 !important}
  .extra-activity-details {margin:-36px 0 0 0}
  .social-share-wrkshop {margin-top:-45px;}
  .tab-activity .activity-notification .extra-activity-details h3 {max-width:100%!important; padding-right:0;}
  .user-img {float:left; width:100%;}
  .user-school-details .btn {font-size:16px; padding:10px;}
  .profile-devider {padding:10px;}
  .summary_email_text {font-size:16px;}
  .summary_email {float:left; max-width:82%}
  .profile-devider {margin-bottom:0!important}
  .snap_version_4 {padding:10px 10px}
}

@media (max-width: 478px){
  .login-box .col-xs-8, .register-box .col-xs-8 {width:100%;}
  .user-comments-dl {width:calc(66% - 35px)}
  .login-box .col-xs-8, .register-box .col-xs-8 {width:100%;}
  .cancel-link {width:100%; text-align:center; margin:0 0 20px;}
  .login-page .btn-primary {width:100%;}
  .login-page .col-sm-6 {width:100%;}
  .logo-mobile img {max-width:46%;} 
    .kids-arrow {margin-left:0!important}
    .custom-card .table tbody td:first-child, .custom-card .table thead th:first-child {padding-left:5px!important;}
    .custom-card .table tbody td {white-space: normal!important;}
    .td-1st {display:none;}
    .card-invitaion {padding: 15px;}
    .search-submit {margin:0 0 10px 0!important; width:100%;}
    .search-input {width:100%;}
    .approval_info {margin-bottom:10px!important;}
    .user-sign-con li {width:46%; height:220px; margin:0 2% 2%;}
    .note-box-listing li {width:120px;}
    .top-contributors li img {width:110px; height:110px;}
    .manage-child-img img{max-width:60px;}  
    .separator {display:none;}
    .childAction {margin:0 5px 10px;}
    .fee-user-2nd {width:100%;}
    .tab-activity td.sent-timing{text-align:left;}
    .tab-activity td.sent-time {text-align:center;}
    .activity-notification {width:83%!important}
    .activity-notification .sent_date {font-size:13px;}
    .tab-navigation .nav-tabs > li > a {padding:5px 27px;}
    .other-options li a {font-size:13px;}
    .other-options li span {font-size:13px;}
    .tab-navigation .nav-tabs > li {width:25%; float:left;}
    .tab-navigation .nav-tabs > li a {width:100%; float:left; text-align:center;}
    .nav-tabs {margin:15px 0 0;}
    .other-options li {margin-right:10px;}
    .modal-header .close {margin-top: 0px!important;}
    .download-new li {margin-bottom:20px;}
    .pic-status {max-height:250px; min-height:250px;}
    .post-details h4 {width:55%;}
    .level-container li {width:110px; min-height:160px;}
    .level-container ul {max-width:340px; display:inline-block}
    .level-container li {margin:10px 0 10px}
    .level-container li img {width:32px;}

    .modal-body{padding:0px !important;}

    .image-share-box .carousel-control.left{
        left: -18px;
        opacity: 1;
        text-shadow: none;
        font-size: 36px;
    }

    .image-share-box .carousel-control.right{
        right: -18px;
        opacity: 1;
        text-shadow: none;
        font-size: 36px;
    }
}

@media (min-width: 411px) and (max-width: 411px){
  .clappers-profile .clapps_details {
    background: #edebeb;
    border-radius: 10px;
    float: left;
    padding: 10px 5px;
    width: 170px!important;
    margin: 20px 0 0;
    }
}

@media (max-width: 460px){
    .awards-details {
        float: left;
        width: 50%;
        text-align: left;
        margin-top: 10px;

    }
    .awards-details h4 {

        font-weight: 700;
        color: #000;
        margin-bottom: 0;
        font-size: 16px;

    }
    .clappers-profile .profile-other-details  {font-size:18px;}
    .clappers-profile .profile-other-details .has-level {font-size:17px; color:#000;}
    .clappers-profile .profile-other-details h2 a {font-size:22px;}
    .country-ranking {
        text-align: center;
        margin: 30px 0 0;
        max-width: 105px;
        font-size: 16px;
        font-weight: 700;
        color: #000;
    }
    .country-ranking img {
        max-width: 26px;
        border-radius: 5px;
    }
    .country-ranking label {
        float: left;
        width: auto;
        font-size: 12px;
        color: #666!important;
        margin: 0;
    }
    .country-ranking label .icon-right-arrow {
        color: #d30b3d;
        float: right;
        margin-top:3px;
        font-size: 12px;
    }
    .clappers-profile .clapps_details {
        background: #edebeb;
        border-radius: 10px;
        float: left;
        padding: 10px 5px;
        width: 100px;
        margin: 20px 0 0;
    }
    .total-claps-count {
        font-size: 18px;
        color: #000;
        font-weight: 700;
        float: left;
        text-align: right;
        line-height: 18px;
        width: 61%;
    }
    .total-claps-count span {
        float: left;
        width: 100%;
        text-align: right;
        font-size: 13px;
    }
    .clap-music {
        float: left;
        width: 30px;
    }
    .clap-music .icon-clap {
        font-size: 40px;
        color: #d30b3d;
        float: right;
        width: 100%;
        line-height: 30px;
        margin-top: -10px;
    }
    .total-win {
        float: right;
        width:92px;
        line-height: 20px;
        margin: -1px 0 0;
        text-align: center;
    }
    .total-win h5 {
        font-size: 24px;
        font-weight: 700;
        color: #000;
        margin-bottom: 4px;
    }
    .chalange-averange {
        color: #666;
        font-weight: 700;
        font-size: 12px;
    }

    .modal-body{padding:0px !important;}

    .image-share-box .carousel-control.left{
        left: -18px;
        opacity: 1;
        text-shadow: none;
        font-size: 36px;
    }

    .image-share-box .carousel-control.right{
        right: -18px;
        opacity: 1;
        text-shadow: none;
        font-size: 36px;
    }
}

@media (max-width: 375px){
    .button-left {
        float: left;
        text-align: center;
        width: 100%;
    }
    #addSubmitButton {
        display: inline-block;
        float: none !important;
        margin-right: 0;
    }
    .award-ranking-inner {width:140px;}
    .award-ranking-img img {
        max-width: 60px;
        max-height: 60px;
        border-radius: 100%;

    }
    .award-ranking-img-principal img {

        width: 40px;
        height: 40px;
    }
    .award-ranking-inner .country-ranking {margin-top:10px;}
    .bottom-deatils-clappers .country-ranking label .icon-right-arrow {margin-top:8px;}
    .other-options li a {text-indent:-9999px; float:left; width:30px;}
    .other-options li a .icon {text-indent:0;}
    .tab-navigation .nav-tabs > li > a {font-size:32px;}
    .tab-activity td.sent-time {text-align:center;}
    .button-right {float: left; text-align: center; width: 100%;}
    #UserSchoolSearchForm .ui.selection.dropdown, .multiple-select {min-height:57px!important}
    .card-invitaion {padding:5px;}
    .cd-filter {width:250px;}
    .activity_filter_button {width:100%!important;}
    .childAction {margin: 0 0px 10px; line-height: 17px;font-size: 12px;}
    .childAction .icon {font-size:15px;}
    .user-sign-con li img {max-width:100%; height:auto;}
    .user-sign-con li {min-height:230px;}
    .manage-child-img img {max-width:33px;}
    .other-options li span {font-size:0px;}
    .level-container ul {max-width:300px;}
    .level-container li {width:100px;}
    .level-name {font-size:13px;}
    .profile-details-section  .clappers-profile .pic-profile {
        box-shadow: none;
        max-width: 120px;
        max-height: 120px;
        top: -60px;
        float: left;
        left: 27%;
    }
    .profile-details-section .award-ranking-img {
        float: left;
        max-width: 170px;
        width: 100px;
    }
    .profile-details-section .award-ranking-img img {
        max-width: 50px;
        max-height: 50px;
        border-radius: 100%;
    }
    .profile-details-section .school-principal-profile img {
        width: 40px;
        height: 40px;
        border-radius: 100%;
        position: relative;
        z-index: 10;
        left: 58px;
        top: -32px;
    }
    .profile-details-section .school-principal-profile {float:left;}
    .school-principal-profile .rank {
        text-align: left;
        width: 115px;
        position: absolute;
        top: 60px;
        left: 90px;
        line-height: 16px;

    }
    .clappers-list-con h3 span {max-width:70%;}
    .note-box-listing li {
        width: 86px;
        max-height: 85px;
    }
    .top-contributors li img {
        width: 80px;
        height: 80px;
    }

    .modal-body{padding:0px !important;}

    .image-share-box .carousel-control.left{
        left: -18px;
        opacity: 1;
        text-shadow: none;
        font-size: 36px;
    }

    .image-share-box .carousel-control.right{
        right: -18px;
        opacity: 1;
        text-shadow: none;
        font-size: 36px;
    }
  .supported-by img {

    max-width: 30px;
    max-height: 30px;

}
.tab-activity .activity-notification .brand-intro h3 {
    padding: 0 10px 0 0;
    font-size: 13px !important;
    width: calc(100% - 40px);
    max-width: 100%;

}
.tab-activity .activity-notification .brand-intro .powered-by {
    width: 37%;
    text-align: right;
    line-height: 18px;
    font-size: 14px;
    margin-top: 0;

}
.wrkshop-trainer img  {width:40px; height:40px;}
.title-workshop2 {
    font-size: 14px;
}
.brand-intro2 .supported-by h3, .supported-by h3 span {font-size: 13px !important;}
.tab-activity .activity-notification h3 {padding-right:4px;}
}

@media (max-width: 320px) {
    .card-invitaion {padding:0;}

    .modal-body{padding:0px !important;}

    .image-share-box .carousel-control.left{
        left: -18px;
        opacity: 1;
        text-shadow: none;
        font-size: 36px;
    }

    .image-share-box .carousel-control.right{
        right: -18px;
        opacity: 1;
        text-shadow: none;
        font-size: 36px;
    }

    .navbar-collapse.collapse  {
        overflow-x: hidden!important; ; overflow-y:scroll!important; 
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1da7fe+0,03a1ff+100 */
        background: #1da7fe !important; /* Old browsers */
        background: -moz-linear-gradient(top,  #1da7fe 0%, #03a1ff 100%) !important; /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #1da7fe 0%,#03a1ff 100%) !important; /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #1da7fe 0%,#03a1ff 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1da7fe', endColorstr='#03a1ff',GradientType=0 )!important; /* IE6-9 */
    }


    .sidebar {background:none!important;}
    .sidebar-wrapper {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1da7fe+0,03a1ff+100 */
        background: #1da7fe !important; /* Old browsers */
        background: -moz-linear-gradient(top,  #1da7fe 0%, #03a1ff 100%)!important; /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #1da7fe 0%,#03a1ff 100%)!important; /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #1da7fe 0%,#03a1ff 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1da7fe', endColorstr='#03a1ff',GradientType=0 )!important; /* IE6-9 */
    }
    .activity-notification {
        width: 72%!important;
    }
}

body, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, .btn-simple, .alert, a, .td-name, td, button.close {
    font-family: "Roboto","Helvetica Neue",Arial,sans-serif;
    font-weight: 400;
}

.container-custom {max-width:600px; margin:0 auto;}
img {max-width:100%;}
.logo-container {text-align:center; margin:10px 0 0 0;}
.logo-container img {max-width:19%;}
.tab-navigation {float:left; width:100%; box-shadow:2px 7px 2px -5px #999; margin:15px 0 0 0;}
.tab-navigation .nav-tabs > li {}
.tab-navigation .nav-tabs > li > a  { font-size:38px; padding:5px 55px; line-height:38px; border:none!important; color:#657786; border-bottom:2px solid #fff!important}
.tab-navigation .nav-tabs > li.active > a {border-radius:0; border-bottom:2px solid #0094f5!important; color:#0094f5}
.tab-navigation .nav-tabs > li > a:hover {background:none; color:#0094f5; border:none!important;  border-bottom:2px solid #0094f5!important; color:#0094f5}
.container-custom .tab-content {margin:15px 0 0 0; width:100%; float:left;}
.manage-child-img img { max-width:70px;}
.childAction { color:#0078ff;cursor:pointer; display:inline-block; line-height:22px; margin:0 8px;}
.edit-opt {float:left; width:100%; margin:10px 0 0 0;}
.childAction .icon {
    float: left;
    font-size: 20px;
    margin: 0 2px 0 0;
}
.separator {
    color: #333;
    font-size: 18px;
    line-height: 16px;
    padding: 0 0 0 12px;
}
.tab-activity .table-striped > tbody > tr:nth-of-type(2n+1) {background:none;}
.tab-activity .table-hover > tbody > tr:hover{background:none;}
.thumb-half {overflow:hidden; display:block; float:left; width:50%; overflow:hidden;}
.thumb-half  img.img-responsive{width:100%!important; max-width:220px!important;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {padding:1rem 0.65625rem;}
.all-activity { float:left; width:85px;}
.subject-notify {float:left; width:50px; height:50px; background:#313131; border-radius:100%; text-align:center; font-weight:700; color:#fff; font-size:16px; line-height:50px; margin:0 10px 0 0;}
.read-msg {color:#8f8f8f; float:left; font-size:40px; width:20px;}
.subject-notify {float:left; width:50px; height:50px; background:#313131; border-radius:100%; text-align:center; font-weight:700; color:#fff; font-size:16px; line-height:50px; margin:0 10px 0 0;}
.activity-notification {float:left; width:80%; font-size:16px;}
.activity-notification h3 {font-size:16px; color:#333; font-weight:600; margin:0; padding:0;}
.noticesend-by {color:#4c5053;}
.notify-name, .notify-date {color:#333;}
.notify-time {color:#9e9e9e;}
.sent-time {vertical-align:top !important; color:#666!important}
.unread-msg {width:20px; float:left; color:#30b460; font-size:40px;}
.read-msg {width:20px; float:left; color:#8f8f8f; font-size:40px;}
.readmore {float:left; width:100%; margin:5px 0 0;}
.home-workcontainer {float:left; width:100%;}
.home-workcontainer h2 {font-size:18px; font-weight:700;}
.home-workcontainer ul {list-style:none; margin:0; padding:0;}
.home-workcontainer li {float:left; margin:0 10px 10px 0;}
.subject-description {float:left; width:100%; margin:0 0 8px 0;}
.card-user .image {background:#0496f2}
.margin-right {margin-right:20px;}
.other-options {
    float: left;
    padding: 10px 0 0;
    width: 100%;
}
.other-options ul {list-style:none; margin:0; padding:0;}
.other-options li {
    color: #666;
    float: left;
    font-size: 16px;
    margin-right: 15px;
    min-height: 30px;
}
.other-options li a {
    color: #666;
    font-size: 16px;
}
.other-options li a .icon { margin:0 3px 0 0; line-height:27px; float:left;}
.other-options li a:hover {
    color: #0078ff;
  text-decoration:none;
}
.img-gallry {width:100%; float:left; margin:0 -15px 0 -15px}
.img-gallry ul {list-style:none; margin:0; padding:0;}
.thumbnail {margin-bottom:0;}




@font-face {
    font-family: "snaphomework";
    src:url("../fonts/snaphomework.eot");
    src:url("../fonts/snaphomework.eot?#iefix") format("embedded-opentype"),
    url("../fonts/snaphomework.woff") format("woff"),
    url("../fonts/snaphomework.ttf") format("truetype"),
    url("../fonts/snaphomework.svg#snaphomework") format("svg");
    font-weight: normal;
    font-style: normal;

}

[data-icon]:before {
    font-family: "snaphomework" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "snaphomework" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-king:before {
    content: "\64";
}
.icon-bag:before {
    content: "\61";
}
.icon-snapcash:before {
    content: "\62";
}
.icon-settings:before {
    content: "\63";
}
.icon-child:before {
    content: "\65";
}
.icon-help:before {
    content: "\66";
}
.icon-grades:before {
    content: "\67";
}
.icon-pin:before {
    content: "\68";
}
.icon-faq:before {
    content: "\69";
}
.icon-activity:before {
    content: "\6a";
}
.icon-attach:before {
    content: "\6b";
}
.icon-bookmark:before {
    content: "\6c";
}
.icon-check:before {
    content: "\6d";
}
.icon-plus:before {
    content: "\6e";
}
.icon-block:before {
    content: "\6f";
}
.icon-filter:before {
    content: "\70";
}
.icon-heart:before {
    content: "\71";
}
.icon-invite:before {
    content: "\72";
}
.icon-tag:before {
    content: "\73";
}
.icon-switch-account:before {
    content: "\74";
}
.icon-snap-sign:before {
    content: "\75";
}
.icon-share:before {
    content: "\76";
}
.icon-class-reset:before {
    content: "\77";
}
.icon-notification:before {
    content: "\78";
}
.icon-cross:before {
    content: "\79";
}
.icon-gear:before {
    content: "\7a";
}
.icon-create:before {
    content: "\41";
}
.icon-report:before {
    content: "\42";
}
.icon-export:before {
    content: "\43";
}
.icon-school:before {
    content: "\44";
}
.icon-support:before {
    content: "\45";
}
.icon-teacher:before {
    content: "\46";
}
.icon-mail:before {
    content: "\47";
}
.icon-trash:before {
    content: "\48";
}
.icon-clap:before {
    content: "\49";
}
.icon-school-fee:before {
    content: "\4a";
}
.icon-cheque:before {
    content: "\4b";
}
.icon-down-arrow:before {
    content: "\4c";
}
.icon-left-arrow:before {
    content: "\4d";
}
.icon-right-arrow:before {
    content: "\4e";
}
.icon-up-arrow:before {
    content: "\4f";
}
.icon-cash:before {
    content: "\50";
}