.achievement-template-part {
border: #fff 1px solid;
border-width: 1px;
border-style: solid;
padding: 0.6em 0.6em;
margin: 5px 0 15px;
background-color: #ddd;
border-color: #999;
color: black;
clear: both;
}
#badgeos-achievements-filter {
float: left;
margin-bottom: 1em;
}
#badgeos-achievements-search,
.badgeos-feedback-search {
margin-right: 5px;
margin-bottom: 1em;
float: right;
}
#badgeos-achievements-container, #achievements_list_load_more, #badgeos-achievements-filters-wrap {
display: block;
margin: 0 auto;
clear: both;
overflow: hidden;
}
.badgeos_achievement_main_container {
margin: 50px 0;
}
.achievements_list_search_go_form .achievements_list_search_go {
margin-top: 5px;
}
#badgeos-achievements-container {
border-top: 1px dotted #aaa;
}
#badgeos-achievements-filter select {
max-width: 100%;
display: block;
} .list .badgeos-achievements-list-item {
clear: both;
padding: 20px 0;
border-bottom: 1px dotted #aaa;
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.list .badgeos-achievements-list-item .badgeos-item-description, .list .badgeos-achievements-list-item .badgeos-item-detail {
padding-left: 20px;
} .grid .badgeos-achievements-list-item .badgeos-item-image {
padding-bottom: 30px;
}  .badgeos-no-results {
clear: both;
}
.badgeos-item-points {
font-weight: bold;
}
.badgeos-achievements-list-item.user-has-earned .badgeos-item-image {
opacity: 1;
}
#badgeos-achievements-container .badgeos-item-title {
display: inline-block;
margin-top: 0;
}
#achievements_list_load_more {
margin: 20px auto;
}
.badgeos-open-close-switch {
text-align: right;
}
.badgeos-open-close-switch a {
display: block;
}
.badgeos-extras-window {
display: none;
clear: both;
}
.badgeos-required-achievements .user-has-earned, .badgeos-achievements-list-item.user-has-earned .badgeos-extras-window li {
text-decoration: line-through;
}
.badgeos-required-achievements .user-has-earned:hover, .badgeos-achievements-list-item.user-has-earned .badgeos-extras-window li:hover {
text-decoration: none;
}
.show-hide-open:after, .show-hide-close:after {
content: '';
display: block;
overflow: hidden;
background: url(//i0.wp.com/www.ieced.in/wp-content/plugins/badgeos/images/arrows.png) top no-repeat;
width: 22px;
height: 7px;
float:right;
margin: .7em 0 0 5px;
background-position: 0 -14px;
}
.show-hide-close:after {
background-position: 0 -21px;
}
ul.badgeos-achievement-earners-list {
list-style:none;
margin:0;
padding:0;
}
ul.badgeos-achievement-earners-list li {
position: relative;
float: left;
margin:5px;
padding:0;
}
.badgeos-feedback-buttons .button,
.badgeos-feedback-buttons .button:visited,
.badgeos-feedback .submission-comment-toggle,
.badgeos-feedback .submission-comment-toggle:visited {
display: inline-block;
text-decoration: none;
font-size: 12px;
line-height: 28px;
height: 30px;
margin: 0;
padding: 0 12px 2px;
cursor: pointer;
border-width: 1px;
border-style: solid;
-webkit-border-radius: 3px;
-webkit-appearance: none;
border-radius: 3px;
white-space: nowrap;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
background: #f3f3f3;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4));
background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
background-image:    -moz-linear-gradient(top, #fefefe, #f4f4f4);
background-image:      -o-linear-gradient(top, #fefefe, #f4f4f4);
background-image:   linear-gradient(to bottom, #fefefe, #f4f4f4);
border-color: #bbb;
color: #333;
text-shadow: 0 1px 0 #fff;
}
.badgeos-feedback-buttons .button:hover,
.badgeos-feedback .submission-comment-toggle:hover,
.badgeos-feedback-buttons .button:focus,
.badgeos-feedback .submission-comment-toggle:focus {
background: #f3f3f3;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
background-image: -webkit-linear-gradient(top, #fff, #f3f3f3);
background-image:    -moz-linear-gradient(top, #fff, #f3f3f3);
background-image:     -ms-linear-gradient(top, #fff, #f3f3f3);
background-image:      -o-linear-gradient(top, #fff, #f3f3f3);
background-image:   linear-gradient(to bottom, #fff, #f3f3f3);
border-color: #999;
color: #222;
}
.badgeos-feedback-buttons .button:active,
.badgeos-feedback .submission-comment-toggle:active {
background: #eee;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#fefefe));
background-image: -webkit-linear-gradient(top, #f4f4f4, #fefefe);
background-image:    -moz-linear-gradient(top, #f4f4f4, #fefefe);
background-image:     -ms-linear-gradient(top, #f4f4f4, #fefefe);
background-image:      -o-linear-gradient(top, #f4f4f4, #fefefe);
background-image:   linear-gradient(to bottom, #f4f4f4, #fefefe);
border-color: #999;
color: #333;
text-shadow: 0 -1px 0 #fff;
-webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
}
.badgeos-feedback-response.success,
.badgeos-achievement-earned p {
background: #75C93D;
color: #FFF;
border-radius: 5px;
padding: 3px 10px;
text-align: center;
}
.badgeos-achievement-congratulations {
background: #F0F0F0;
padding: 10px;
margin:1em auto 2em;
border-radius: 5px;
} .badgeos-feedback {
padding: 1em auto;
margin: 1em auto;
border-top: 1px dotted #aaa;
position: relative;
clear: both;
}
.badgeos-submission-label {
font-weight: bold;
}
.badgeos-submission-content {
background: #F0F0F0;
padding: 15px 15px 1px;
border-radius: 5px;
margin-bottom:15px;
}
.badgeos-submission-comment-form{
width:100%;
}
.badgeos-submission-comment-form .badgeos-submission-comment {
width:100% !important;
}
.badgeos-submission-comment {
padding: 1em 1em 0;
margin-bottom: .5em;
overflow: hidden;
border-bottom: 1px dotted #aaa;
width: 600px !important;
}
.badgeos-submission-comment:last-child {
border-bottom:0;
}
.badgeos-submission-comment.odd {
}
.badgeos-submission-comments-list .badgeos-comment-date-by {
font-weight: bold;
font-size: 85%;
margin-bottom: 0;
}
.badgeos-comment-author {
font-style: normal;
}
.badgeos-submission-comment-entry textarea {
width: 96%;
height: 100px;
}
.badgeos-submission-comment-entry:after {
content: '';
display: block;
clear: both;
margin: 0 auto;
}
.badgeos-submission-comment-entry:last-child:after {
border: 0;
}
.badgeos-file-submission, .badgeos-submission-file{
margin: 8px 0;
}
.badgeos-feedback-filter select#group_id{
max-width:26% !important;
word-wrap: normal;
}
.badgeos_submission_message p{
background: #ffff00;
color: #333;
border-radius: 5px;
padding: 3px 10px;
text-align: center;
}
.badgeos_earned_point_main{
border: 1px solid #e8e8e8;
position: relative;
}
.badgeos_earned_point_main .badgeos_earned_point_title {
margin: 0;
color: black;
font-size: 1.3em;
}
.badgeos_earned_point_main .badgeos_earned_point_detail {
margin: 0;
font-size: 12px;
}
.badgeos_earned_point_main:nth-child( odd ) {
width: 30%;
margin: 20px 2%;
float: left;
padding: 1%;
box-shadow: 1px 1px 3px 2px #ccc;
background-color: #fff;
}
.badgeos_earned_point_main:nth-child( even ) {
width: 40%;
margin: 20px 2%;
float: right;
padding: 1%;
box-shadow: 1px 1px 3px 2px #ccc;
background-color: #fff;
}
#badgeos-earned-achievements-container,
#badgeos-earned-ranks-container,
#badgeos-achievements-container {
overflow: hidden;
}
#badgeos-earned-achievements-container .badgeos-arrange-buttons,
#badgeos-earned-ranks-container .badgeos-arrange-buttons,
#badgeos-achievements-container .badgeos-arrange-buttons {
overflow: hidden;
margin-bottom: 50px;
}
#badgeos-earned-achievements-container ul, #badgeos-achievements-container ul, #badgeos-earned-ranks-container ul { list-style: none; }
#badgeos-earned-achievements-container .buttons, #badgeos-achievements-container .buttons, #badgeos-earned-ranks-container .buttons  { border: none;
outline: none;
padding: 12px 16px;
background-color: #f1f1f1;
cursor: pointer;
color: #999;
float: right;
}
#badgeos-earned-achievements-container .selected, #badgeos-achievements-container .selected, #badgeos-earned-ranks-container .selected  {
background-color: #999;
color: #fff;
float: right;
}
#badgeos-earned-achievements-container .list > li,
#badgeos-achievements-container .list > li,
#badgeos-earned-ranks-container .list > li {
width: 100%;
border-bottom: 1px dotted #CCC;
margin-bottom: 10px;
padding-bottom: 10px;
}
#badgeos-earned-achievements-container .grid > li,
#badgeos-achievements-container .grid > li,
#badgeos-earned-ranks-container .grid > li  {
float: left;
width: 45%;
border: 1px dotted #CCC;
padding: 20px;
margin: 1px auto;
}
#badgeos-earned-achievements-container .grid > li:nth-child(odd),
#badgeos-achievements-container .grid > li:nth-child(odd),
#badgeos-earned-ranks-container .grid > li:nth-child(odd)  {
clear: both;
}
.evidence_main {
display: block;
width: 100% !important;
height: auto;
overflow: hidden;
}
.left_col{
float: left;
width: 28%;
height: auto;
overflow: hidden;
padding: 3px 3px;
min-height: 36px;
}
.right_col{
float: left;
width: 68%;
height: auto;
overflow: hidden;
padding: 3px 3px;
min-height: 36px;
}
.right_col .title{
display: block;
font-family: sans-serif;
font-size: 20px;
color: #3b3c3d;
padding: 5px;
}
.right_col .issue_date{
display: block;
font-size: 12px;
color: #3b3c3d;
padding: 5px;
}
.right_col p{
display: block;
font-size: 13px;
color: #3b3c3d;
padding: 5px;
}
.right_col .evidence{
display: block;
font-size: 12px;
color: #3b3c3d;
padding: 5px;
}
.verify-open-badge {
padding:5px 15px !important;
}
.verify-open-badge{
border:1px solid !important;
margin: 0px auto !important;
}
#badgeos-ob-verification-res-list{
list-style: none;
color:red;
font-family: sans-serif;
font-size: 15px;
margin: auto;
}
#badgeos-ob-verification-res-list li.success{
color: green;
}
#badgeos-ob-verification-res-list li.error{
color: red;
}
#badgeos-ob-verification-res-list li.success:before {
content:"\2713\0020";
width:32px;
font-size: 25px;
font-weight: bold;
color: green;
}
#badgeos-ob-verification-res-list li.error:before {
content:"\00d7\0020";
width:32px;
font-size: 32px;
font-weight: bold;
color:red;
}
@media screen and (min-width: 180px) and (max-width: 542px) {
#badgeos-earned-achievements-container .grid li,
#badgeos-achievements-container .grid li,
#badgeos-earned-ranks-container .grid li  {
width: 100%;
}
}