.articles.dir-list input[type="checkbox"] {
display:none;
}
.articles.dir-list input[type="checkbox"] + label{
cursor: pointer;
}
.articles.dir-list input[type="checkbox"] + label span {
display:inline-block;
width:19px;
height:19px;
margin:-1px 4px 0 0;
vertical-align:middle;
background:url(//webdd.in.th/home/wp-content/plugins/social-articles/assets/images/check_radio_sheet.png) left top no-repeat;
cursor:pointer;
}
.articles.dir-list input[type="checkbox"]:checked + label span {
background:url(//webdd.in.th/home/wp-content/plugins/social-articles/assets/images/check_radio_sheet.png) -19px top no-repeat;
}
.articles.dir-list input[type="radio"] {
display:none;
}
.articles.dir-list input[type="radio"] + label span {
display:inline-block;
width:19px;
height:19px;
margin:-1px 4px 0 0;
vertical-align:middle;
background:url(//webdd.in.th/home/wp-content/plugins/social-articles/assets/images/check_radio_sheet.png) -38px top no-repeat;
cursor:pointer;
}
.articles.dir-list input[type="radio"]:checked + label span {
background:url(//webdd.in.th/home/wp-content/plugins/social-articles/assets/images/check_radio_sheet.png) -57px top no-repeat;
}
.articles.dir-list #articles-dir-list{
float:left !important;
width: 100%;
}
.get-started {
margin: 20px 0;
color: #666;
font-size: 11px;
text-align: center;
}
.get-started a {
color: #666;
}
.textarea-container{
width: 100% !important;
margin: 0 auto;
}
.buttons-container{
text-align: right;
float: left;
width: calc(100% - 15px);
margin-right: 15px;
margin-top: 30px;
}
.buttons-container label{	
margin-right:10px
}
.buttons-container #publish-save{
vertical-align: middle;
margin-right:5px;	
}
.edit-controls{	
top: 0;
right: 0;
position: absolute;
margin-top: 2px;
display:none;
}
.sa-title-input{
width: calc(100% - 10px) !important;
height: 30px !important;
background: #FFF !important;
border-radius: 0;
box-shadow: none;
border: 1px solid #b5b5b5 !important;
padding: 5px !important;
font-size: 14px !important;
font-weight: bold !important;
color: #525252 !important;
box-sizing: content-box;
margin: 0 !important;
}
.editor-container{	
float: left;
width: 100%;
position: relative;
}
.options{	
float:left;
width:100%;
position:relative;
height: 55px;
margin-bottom:15px;	
}
.sa-field-content {
float: left;
position: relative;
width: calc(50% - 30px);
margin: 15px 15px 0 15px;
}
.titlelabel{
color: #fff;
background: #6d6d6d;
margin-bottom: 0 !important;
font-size: 11px;
padding: 0 5px !important;
float: left;
height: 20px;
vertical-align: middle !important;
line-height: 19px;
letter-spacing: 1px;
}
.status-label{
background: 0;
color: #666;
float: left;
font-size: 11px;
font-weight: bold;
height: 35px;
line-height: 35px;
margin-bottom: 0!important;
padding: 0 10px 5px 5px!important;
vertical-align: middle!important;
}
.error-field{
box-shadow: 0 0 4px 1px rgba(253, 9, 0, 0.8) !important;
}
.messages-container{
float:left;
text-align:center;
width:100%;
background: #ffffff;
border-radius: 4px;
padding:10px;
display:block; }
.messages-container label{
margin-bottom:15px;
}
#save-waiting{
width:100%;	
height:55px;
position:absolute;
bottom:0;
left:0;
z-index:15;
margin-bottom:0;
}
#error-box{
width: 285px;
height: 17px;
position: absolute;
bottom: 0;
left: 0;
z-index: 16;
margin-bottom: -6px;
background: rgba(255, 48, 40, 0.8);
}
#error-box label{
background:transparent;	
}	
#post-maker-container{
position: relative;
float: left;
padding-bottom: 40px;
width: 100%;
}
.article-container{
width: 100%;
float: left;
position: relative;
margin-bottom: 5px;
}
.article-content{
width: 100%;
min-height: 130px;
float: left;
border-bottom: 2px solid #F2F0F0;
background: white;
margin-left: 0;
padding-top: 15px;
position: relative;
}
.article-image{
max-width: 100px;
height: 100px !important;
float: left;
margin-top: 10px;
position: relative;
width: 30% !important;
background-size: cover !important;
background: #e5e5e5;
}
.article-categories{	
width: 50%;
height: 30px;
float: left;
margin-bottom: 2px;
font-size:11px;
line-height: 30px;
}
.article-data{	
float: left;
width: calc(100% - 120px);
min-height: 105px;
margin-top: 5px;
margin-left: 2%;
position: relative;
margin-bottom: 5px;
}
.article-data h3{
font-size: 20px !important;	
margin-top: 5px !important;
margin-bottom: 0.1em !important;
}
.more-articles-button-container{
margin: 20px auto 0;
text-align: center;
float: left;
width: 100%;
}
#more-articles-loader{
display:none;
}
.myself .publish, .reference-status .publish {
background:#279B27;	
}
.myself .pending, .reference-status .pending{
background:#F9FF62;	
}
.myself .draft, .reference-status .draft{
background:#FC6464;	
}
.sa-error-container{
width: calc(100% - 30px);
margin: 0 15px;
background: #ff9393;
padding:0 5px;
color: #FFF;
float:left;
}
.article-status{
float: right !important;
border-radius: 2px;
font-size: 13px;
height: 25px;
line-height: 25px;
margin-top: 5px;
padding: 0 10px;
width: auto;
}
.sa-post-status-container {
padding: 0 5px !important;
width: calc(100% - 30px)!important;
border: 1px solid #e5e5e5;
background: #f7f7f7;
margin-bottom: 10px;
}
.sa-post-status-container .publish{
background: #279B27;
color: white;	
}
.sa-post-status-container .pending{
background: #F9FF62;
color: #6F6F6F;
}
.sa-post-status-container .draft{
background: #FC6464;
color: #FFFFFF;
}
.sa-post-status-container .new-post{
background: #6AD5DA;
color: #444343;
}
.article-metadata{
position: absolute;
right: -7px;
top: -40px;
width: 63px;
height: 25px;
}
.author-options{
float: right;
width: 70px;
margin-bottom: 16px;
margin-top: 43px;
margin-right: -8px;
}
.author-options .edit, .author-options .delete{
display: block;
width: 20px;
height: 22px;
margin-bottom: 5px;
margin-right: 14px;
border-radius: 4px;
background-image: url(//webdd.in.th/home/wp-content/plugins/social-articles/assets/images/editIcons.png);
background-repeat: no-repeat !important;
float: left;
background-color: #FFF !important;
}
.deleting{
background:none !important;
}
.delete.deleting:before{
content: '' !important;
background: url(//webdd.in.th/home/wp-content/plugins/social-articles/assets/images/loading.svg) no-repeat !important;
width: 22px;
height: 22px;
display: block;
background-size: contain !important;
float: right;
transition: none !important;
background-position: 0 1px !important;
}
.social-loader {
background: url(//webdd.in.th/home/wp-content/plugins/social-articles/assets/images/loading.svg) no-repeat;
width: 30px !important;
height: 14px !important;
float: right;
margin-top: 8px !important;
display: none;
}
.social-delete{
float: right;
margin-right: 20px !important;
}
.author-options .edit:hover, .author-options .delete:hover{	
background: url(//webdd.in.th/home/wp-content/plugins/social-articles/assets/images/editIcons.png) no-repeat;
}
.author-options .delete{
background-position: 3px 2px;
}	
.author-options .edit{
background-position: -17px 2px;
}
.author-options .delete:hover{
background-position: 3px -20px;
}	
.author-options .edit:hover{
background-position: -17px -20px;
}
.date, .article-likes, .article-comments{
float: left;
width: 100%;
height: 30px;	
margin-bottom: 5px;
color: #A0A5A9;
font: italic 11px "Droid Serif", Georgia, "Times New Roman", Times, serif;
text-align: right;	
}
.article-likes, .article-comments{
float: right !important;
width: 40%;
}
.date{	
height: 10px !important;
text-align: left !important;
margin-bottom: 12px;
margin-top: 2px;	
}
.article-likes .likes-text, .article-likes .likes-count{
float: right;
margin: 0 0 0 7px;		
}
.article-likes .likes-text{	
line-height: 28px;
}	
.article-likes .likes-count{
font-weight: bold;	
font-size: 26px;
text-shadow: 0 1px 0 white;
line-height: 1;	
}
#articles-container{
padding-bottom: 35px;
float: left;
width: 100%; }
.publish-container, .articles-container{
display:block;
width: 100%;
}
.pending-container,.draft-container{
display:none;
width: 100%;
}
#save-message{
display: block;
} .sa-field-front .select2-container--default .select2-selection--single,
.sa-field-front .select2-container--default .select2-selection--multiple,
.sa-field-front .select2-container--default.select2-container--focus .select2-selection--multiple{
background-color: #fff;
border: 1px solid #b5b5b5;
min-height: 42px;
border-radius: 0;
line-height: 20px;
}
.sa-field-front .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #525252 !important;
line-height: 30px;
padding: 5px;
font-size: 14px;
}
.sa-field-front .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 40px;
}
.sa-field-front .select2-container--default .select2-selection--single .select2-selection__clear {
margin-right: 15px;
}
.sa-field-front .select2-container--default .select2-selection--multiple .select2-selection__rendered {
padding: 0
}
.sa-field-front .select2-container--default .select2-search--inline .select2-search__field {
font-size: 14px;
font-family: inherit;
line-height: 30px;
margin-left: 5px;
padding-left: 0;
margin-bottom: 0;
}
.sa-field-front .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
margin: 0;
border-radius: 0;
padding-bottom: 0;
}
.sa-field-front .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice{
margin-left: 5px;
margin-top: 5px;
}
.sa-field-front .wp-editor-container {
border: 1px solid #b5b5b5 !important;
}
#sa_content_ifr{
width: calc(100% - 1px) !important;
}
.mce-toolbar .mce-btn button, .qt-dfw {
padding: 4px 10px !important;
border:none !important;
}
@media (max-width: 480px) {
.sa-field-content {
width: 100% !important;
margin: 15px 0 !important;
}
.bp-wrapper div.item-list-tabs#subnav ul li {
width: 47%;
border-radius: 4px;
border:1px solid #FFF;
background: #e5e5e5;
padding: 1%;
margin-bottom: 10px;
margin-right: 0;
}
.buttons-container #publish-save{
float: left;
}
.buttons-container{
width: 100% !important;
}
} .delete-logo{
text-transform: uppercase;
letter-spacing: 1px;
padding: 2px 7px;
font-size: 10px;
margin-right: 2px;
position: absolute;
right: 2px;
font-weight: bold;
background: #4bc4d4;
top: 5px;
color: #FFF !important;
text-decoration: none !important;
}
.qq-upload-drag-text{
}
.qq-upload-drop-area{
background: #f1f1f1;
height: 100%;
width: 100%;
float: left;
position: absolute;
top: 0;
z-index: 3;
padding-top: 132px;
color: #969696;
}
.qq-upload-list{
list-style: none;
padding: 0;
margin: 20px 0;
}
.qq-upload-list li{
width: 98%;
margin-right: 1%;
margin-left: 1%;
padding: 8px;
float: left;
background: #F5F5F5;
margin-bottom: 10px;
position: relative;
}
.qq-progress-bar{
float: left;
height: 3px;
background: #4bc4d4 !important;
}
.qq-upload-cancel, .qq-upload-size{
position: absolute;
top:12px;
right: 5px;
}
.qq-upload-size{
right: 70px;
}
.qq-upload-file{
margin-right: 15px;
float: left;
width: 100%;
text-align: left;
}
.qq-upload-failed-text{
display: none;
}
.qq-upload-button{
color: #696969;
background: none;
z-index: 2;
border: 1px solid #c5c5c5 !important;
width: 135px;
text-align: center !important;
margin: 0 auto;
}
.qq-upload-button:active{
box-shadow: 0 !important;
}
.sa-upload-image-container{
position: relative;
width: 100%;
float: left;
min-height: 290px;
border: 2px dashed;
}
.sa-image-container{
text-align: center;
}
.logo-image-error-container{
position: absolute;
bottom: 5px;
left: 5px;
background: #ffc5c5;
padding: 0 5px;
}
.qq-upload-max-size{
font-size: 13px;
padding-top: 10px;
}
.logo-image-attaching{
width: 100%;
text-align: center;
position: absolute;
top: 0; background: #fff;
z-index: 10;
padding-bottom: 40px;
}
body.is-user-profile #item-header-avatar {
background: #FFF;
}
.mce-menubtn.mce-fixed-width button {
line-height: 19px !important;
text-align: left !important;
}