/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */
 /**/

 /*Settings page Accordion*/
.setting-options-wrap{border: 1px solid #e5e5e5; margin-bottom: 20px;}
h3.option-title{background: #fff; border-bottom: 1px solid #eee; font-size: 1.15em;  margin-bottom: 0; margin-top: 0; padding: 8px 12px;}
.option-title a{color: #23282d; display: block; text-decoration: none;}
.option-title a:focus{box-shadow: none}
.option-title a i{float: right;}

.setting-options{background: #fff; display: none; padding: 20px 30px}

.setting-options p{font: 500 14px/1.6 "Open Sans",sans-serif; }

.setting-options.general-options{display: block;}

.setting-options p.first-row,.setting-options p:first-child{margin-top: 0;}

.ws_settings div.submit, .ws_settings div.submit p{margin:0; padding: 0; text-align: right; }


/*Form controls design*/
.ws_settings p.label-main{float: left; margin-right: 10px; width: 220px;}
.ws_settings div.form-values{float: left;}

.ws_settings div.form-values:before{content: ":"; display: inline-block; margin-right: 10px;}
.ws_settings input[type='text'],
.ws_settings input[type='number'],
.ws_settings select{width: 160px;}


.ws_settings div.form-values.custom-color-opt:before{content: "";}
div.note>p:before{content: " "; display: inline-block; margin-right: 18px;}
div.form-values #banner-img{padding: 0 20px; text-align: right;}


label.checkbox_list{display: inline-block; margin-right: 15px; width: 100px;}
#wp_documentation_settings-apply-custom-css{border: 1px solid #e5e5e5; height: 200px; left: 15px; top: -15px; width: 400px;}




 /*admin sidebar meta box*/
.ws-metabox{
background-color: #fff;margin-bottom: 20px;  /*border: 1px solid #ddd;*/
}
.ws-metabox{ padding: 0px 10px 10px;}
.ws-metabox  img{max-width: 100%;}

/*for settings submenu heading only*/
.ws-metabox h4{
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    
    font-weight: 600;
    margin-top: 25px;
}
.ws-metabox h4{margin-top: 0; padding: 10px 0;}
/* ends for settings submenu heading only*/
p.text-center{text-align: center;}

.rating-user .thumbnail{
    background-color: #fff;    
    border-radius: 0;
    
    display: block;
    line-height: 1.42857;
    /*margin-bottom: 20px;*/
    padding: 4px;
    border-bottom: 1px solid #ddd;
    transition: all 0.2s ease-in-out 0s;
    border-bottom: 1px solid #ddd; margin: 0; padding: 20px 4px;
}
.rating-user .thumbnail.last{border-bottom: none; padding-bottom: 0}

.ws-metabox .thumbnail h5{
  font-size: 13px;
  color: #555;
  font-weight: normal;
  line-height: 1.6;
  margin-top: 0;
  text-align: center;
}
.ws-metabox .thumbnail p{
  color: #666;
    font-size: 13px;
    margin-top: 0px;
}


/*// Nestable*/
/**
 * Nestable
 */


.dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; }
.dd-list .dd-list { padding-left: 30px; }
.dd-collapsed .dd-list { display: none; }

.dd-dragel li .dd3-content {background: #fff}

.dd-item,
.dd-empty,
.dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; }

.dd-handle { display: block; height: 40px; margin: 5px 0; padding: 5px 10px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
    background: #fafafa;
    box-sizing: border-box; -moz-box-sizing: border-box;
}
.dd-handle:hover { color: #2ea8e5; background: #fff; }

.dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; }
.dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; }
.dd-item > button[data-action="collapse"]:before { content: '-'; }

.dd-placeholder,
.dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
.dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                      -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:    -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                         -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:         linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                              linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
.dd-dragel > .dd-item .dd-handle { margin-top: 0; }
.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
            box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
}

/**
 * Nestable Extras
 */

.nestable-lists { display: block; clear: both; padding: 30px 0; width: 100%; border: 0; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; }

#nestable-menu { padding: 0; margin: 20px 0; }


.dd-hover > .dd-handle { background: #2ea8e5 !important; }

/**
 * Nestable Draggable Handles
 */

.dd3-content { display: block; /*height: 30px;*/ margin: 5px 0 0; padding:  0 0 0 50px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
    /*background: #fafafa;
    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:         linear-gradient(top, #fafafa 0%, #eee 100%);*/
    -webkit-border-radius: 3px;
            border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box;
}
.dd3-content:hover { color: #2ea8e5; background: #fff; }

.dd-dragel > .dd3-item > .dd3-content { margin: 0; }

.dd3-item > button { margin-left: 30px; }

.dd3-handle { position: absolute; margin: 0; left: 1px; font-size: 26px; line-height: 1.55; top: 1px; cursor: pointer; height: 52px; width: 49px; text-indent: 100%; white-space: nowrap; overflow: hidden;
   border: none;
   /* border: 1px solid #aaa;
    background: #ddd;
    background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
    background:    -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
    background:         linear-gradient(top, #ddd 0%, #bbb 100%);*/
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #555; font-size: 28px; font-weight: normal; }
.dd3-handle:hover { background: #ddd; }


/*Nestable override*/

#nestable-document{margin-bottom: 20px;}
#nestable-document .menuEdit {background:#fff; border: 1px solid #e5e5e5; margin: 0;padding: 0;}

#nestable-document h3.itemTitle{background: #fff;/*border-bottom: 1px solid #e5e5e5;*/ font: normal 14px/30px "Open Sans",sans-serif;   margin: 0; min-height: 32px; padding: 10px;}
#nestable-document h3.itemTitle i.dashicons, #wp-documentation-section h3 i.dashicons-no-alt{float: right; line-height: 1.55}
#nestable-document h3.itemTitle i.dashicons-no-alt{color: #c22;}

h3.itemTitle span.edit_title{display: inline-block; margin-right: 10px; padding: 1px 10px}
h3.itemTitle span.edit_title:hover{border: 1px dotted #ccc; cursor: pointer; padding: 0 9px; text-decoration: none;}

h3.itemTitle  a.edit-doc-page, h3.itemTitle i.delete-icon{display: none;}
h3.itemTitle:hover  a.edit-doc-page, h3.itemTitle:hover i.delete-icon{display: inline-block; line-height: 1.55; text-decoration: none; }

/*nestable list wihle dragging*/
.dd-dragel h3.itemTitle i.dashicons{float: right;}

#wp-documentation-section .save-notice{color: #c22; display: none; font: normal 14px/1.6 "Open Sans",sans-serif;  text-align: center; width: 100%;}

/*Documentation Content Tab*/
.documentation-list{background: #fff; margin-bottom: 10px;}
.documentation-title h3{background: #fff; border: 1px solid #eee; font: normal 14px/1.6 "Open Sans",sans-serif;  margin-bottom: 0; margin-top: 0; padding: 10px;}
.documentation-title h3:hover{cursor: pointer;}
.documentation-title h3 i.dashicons{float: right;}    
.documentation-content{border: 1px solid #eee; border-top: none; display: none;  padding: 10px;}
.documentation-title  span.num-counter{/*color: #f00;*/ display: inline-block; float: right; /*min-width: 50px;*/}

.delete-icon:hover{cursor: pointer;}

.doc-button .button-primary.wp-doc-add-new{/*margin-right: 10px;*/ float: right;}
.doc-button .button-primary.button-save-doc{float: right;}

.message-add-new{
   background: #fff none repeat scroll 0 0;
    border: 1px dotted #ccc;
    color: #0c0;
    display: block;
    margin-bottom: 20px;
    padding: 10px 20px;
}


/* Editor insert code pop section*/

#wp_documentation_insert_code_wrap{
  width: 100%;
}
#wp_documentation_insert_code_wrap #wp_documentation_insert_code { 
  position: absolute;
  top: 74px;
  right: 0;
  bottom: 0;
  left: 16px;
  width: 96%;
  border: 1px solid #ccc;
  height: 200px;
}
#wp_documentation_insert_code_wrap .submit{
  position: absolute;
  top: 260px;
}


/*Suggestion*/
table.ws-wp-suggestion-details, table.ws-wp-suggestion-details td, table.ws-wp-suggestion-details th {
    border: 1px solid #ddd;
    text-align: left;
}

table.ws-wp-suggestion-details {
    border-collapse: collapse;
    width: 100%;
}

table.ws-wp-suggestion-details th, table.ws-wp-suggestion-details td {
    padding: 15px;
}

/*seprator*/
.ws-h-seprator{
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

.dd-dragel .dd3-content,.dd3-content{background: #fff}