/* 
    Document   : fp
    Created on : 19 Jan, 2014, 8:50:53 PM
    Author     : Ankit
    Description:
        Purpose of the stylesheet follows.
*/

.fp-list-title { float: left; line-height: ; font-size: 18px; margin: 0; margin-bottom: 20px; }

.fp-action { line-height: 1.6em; float: right; }
    
@media only screen and (max-width: 400px) {
.fp-action { margin-left:-10px; }
}

.fp-action span { cursor: pointer; display: inline-block; margin-left: 10px; padding: 5px 20px;border: 1px solid #DDD;text-align: center;vertical-align: middle; border-radius:5px;

font-size:14px;

}

@media only screen and (max-width: 400px) {
.fp-action span { padding: 5px 5px; }
}

.fp_add_form { clear: both; display:none; border: 0px solid #DDD; padding-top: 15px; }

input#fp-add-list { 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    text-transform: ;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 0px;
    padding-bottom: 0px;
    display: inline-block;
    border: 1px solid #fff;
    position: relative;
    cursor: pointer;
    background: #fff;
    border-radius: 5px;
    -webkit-appearance: none;
}

input[name="new_list_name"] { 
    width: 55% ; 
    padding: 7.5px;
    border: 2px solid #efefef;
    margin: 0;
    background: none;
    color: #777;
    font-family: inherit;
    font-size: 13px;
-webkit-appearance: none;
}



@media only screen and (min-width: 320px) and (max-width:509px) {

input[name="new_list_name"] {
width:19%;
}

}

@media only screen and (min-width: 510px) and (max-width:568px) {

input[name="new_list_name"] {
width:40%;
}

}

@media only screen and (min-width: 569px) and (max-width:639px) {

input[name="new_list_name"] {
width:47%;
}

}

@media only screen and (min-width: 640px) and (max-width:767px) {

input[name="new_list_name"] {
width:53%;
}

}

@media only screen and (min-width: 768px) and (max-width:799px) {

input[name="new_list_name"] {
width:42%;
}

}

@media only screen and (min-width: 800px) and (max-width:959px) {

input[name="new_list_name"] {
width:45%;
}

}



.lists-wrapper { clear: both; position: relative; padding-top:15px;}
.fp-loading { display: none; width: 100%; height: 100%; position: absolute; background: url('../img/load.gif') no-repeat center center rgba(230, 224, 224, 0.56); }
.fp-list { border-top: 0px solid #DDD; padding-top: 5px; padding-bottom: 5px;}
    .fp-loading + .fp-list { border-top: none; }

.fp-list .list-name { vertical-align: middle;  margin-left: ; width:46%; font-size:14px;}

@media only screen and (max-width: 320px) {
.fp-list .list-name { width:100%; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.fp-list .list-name { width:65%; }
}

@media only screen and (min-width: 768px) and (max-width: 989px) {
.fp-list .list-name { width:69%; }
}

@media only screen and (min-width: 990px) {
.fp-list .list-name { width:76%; }
}


.fp-list .list-name, .fp-list .list-post-name {  cursor: pointer; width: ; display: inline-block; 

font-size:14px;

}

.list-delete, .list-post-delete { background: url('../img/trash.png') no-repeat 0 0; margin-left: 10px; cursor: pointer; display: inline-block; width: 24px; height: 24px; text-indent: -5000px; text-transform: uppercase }

.fp-list .list-reorder, .fp-list .list-reorder-post { display: none; }
.fp-list .list-reorder a, .fp-list .list-reorder-post a { display: inline-block; width: 24px; height: 24px; background: url('../img/up.png') no-repeat 0 0; text-indent: -8000px; text-transform: uppercase; }
.fp-list .list-down a { background: url('../img/down.png') no-repeat 0 0; }

.fp-list .list-reorder-post { display: inline-block }

.fp-list .list-post-name { width: 65%; font-size:14px; }
.fp-list .list-post-name a { font-size:14px; }


@media only screen and (max-width: 320px) {
.fp-list .list-post-name { width: 100%; }
}

@media only screen and (min-width: 480px) and (max-width:767px) {
.fp-list .list-post-name { width: 77%; }
}

@media only screen and (min-width: 768px) and (max-width:989px) {
.fp-list .list-post-name { width: 80%; }
}

@media only screen and (min-width: 990px) {
.fp-list .list-post-name { width: 84%; }
}



.list-rename, .list-delete { display: none; font-size:14px; }
.list-rename, .list-delete a { font-size:14px; }

.fp-list-selection-modal { border-radius: 4px; box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.3); background: white; display: none; width: 230px; height: 100%; }

.df-list-wrapper { margin: 10px auto; width: 90%; }
.df-list-wrapper select { width:100%; }

.fp-new-list { width: 200px; min-height: 35px; left: 50%; position: relative; margin-left: -100px; top: 20px; }
ul.fp-suggestions { background: white; box-shadow: 0 2px 2px rgba(0,0,0,0.8); display: block; left: 1px; list-style: none; overflow: hidden; padding: 5px 8px; position: absolute; top: 16px; width: auto; z-index: 2; }
ul.fp-suggestions li { cursor: pointer; }
.fp-new-list-button, .fp-add-list-button { line-height: 2; margin-top:25px; margin-bottom: 5px; position: relative; text-align: center; width: auto; }
.fp-close-button { cursor: pointer; float: right; margin-right: 10px; }
.fp-add-fav { display: inline-block; float: left; }
.fp-new-list,.fp-add-list-button { display: none; }
button.fp-submit-list-title, button.fp-submit-list-title:active { border: 0 none; padding: 5px 20px; margin-top: 4px;}
.fp-notify { padding-top: 10px; }

 .fp-error-msg { display: none; clear: both;background: rgb(202, 105, 105);box-sizing: border-box;border: 0px solid #bbb;padding:10px; margin-bottom:; }

 /* Widget styling */
 .fp-w-title { width: 100%; display: inline-block; vertical-align: middle; }
 .widget-back { display: inline-block;vertical-align: middle;border: 1px solid #000;padding: 3px 5px; }
 .manage-list { text-align: right; margin-top: 15px; }
    .manage-list a { display: inline-block; padding: 0.3em 0.5em; border: 1px solid #333; }