/**
*
* @file
* Contains css for highwire saved folders module.
*/

/* Saved Folders */

.FeatureBox{
  padding: 2px;
  background: #E7EFEF;
}
.BorderFix{
  border: 1px solid #BCCED6;
  padding: 5px 10px;
}
.BorderFix h5{
  margin: 0 0 .3em 0;
  color: #AD1416;
  font-size: 1em;
}
.BorderFix ul.LinkList{
  margin: 0 0 1em 0;
  padding: 0;
}
.pane-folder-member .pane-title{
  color: #AD1416;
  padding: 2px;
  background: #E7EFEF;
}
.pane-folder-member h2.pane-title span{
  display:block;
  padding:2px;
  border: 1px solid #BCCED6;
}
.pane-folders-list{
  border: 1px solid #000;
}
.pane-folders-list h2{
  padding:10px;
}
.pane-folders-list .form-item-folder-name{
  width: 66%;
  float: left;
}
.pane-folders-list li a{
  text-decoration:none;
  color:#333;
}
.pane-folders-list li a.active, .pane-folders-list li a:focus{
  font-weight: 800;
}
#edit-member-lists .form-checkbox{
  margin-left:0px;
  left: 0px;
  float:left;
}
#edit-member-lists .option{
  display: table;
  padding: 0px 5px;
}
.form-item-folder-name.form-item .description {
  margin-left: 5%;
  padding-left: 0px;
}
.pane-folders-list .form-item-folder-name label{
  width: 57%;
}
#edit-folder-name{
  width: 100%;
}
#highwire-saved-folders-create-new-folder-form{
  border-top: 1px solid #000;
  padding:10px;
}
#highwire-saved-folders-create-new-folder-form .form-submit{
  margin: 3.4em 0 3em 2em;
}
#highwire-saved-folders-folder-member-member-list-form .item-manager{
  background: #E0E0E0;
  padding: 1px;
}
#highwire-saved-folders-folder-member-member-list-form .BorderFix{
  border: 1px solid #FFF;
  padding: 4px;
  height:32px;
}
#highwire-saved-folders-folder-member-member-list-form .HorizList li{
  list-style-type: none;
  float:left;
}
#highwire-saved-folders-folder-member-member-list-form .HorizList li.remove{
  width:15%;
}
#highwire-saved-folders-folder-member-member-list-form .HorizList li.select_folder{
  width:55%;
}
#highwire-saved-folders-folder-member-member-list-form .HorizList li.select_folder .form-item-folder-id{
  margin-top: 0.5em;
  margin-bottom: 0;
}
#highwire-saved-folders-folder-member-member-list-form .HorizList li.select_folder .form-item-folder-id label{
  float: left;
  padding: 0.4em 0;
  width: 53%;
}
#highwire-saved-folders-folder-member-member-list-form .HorizList li.copy{
  width:15%;
}
#highwire-saved-folders-folder-member-member-list-form .HorizList li.move{
  width:15%;
}


/* For New Desgin */
.page-folders .panel-display .folder-outer-panel .pane-folders-list {
  border: none;
}
.page-folders .panel-display .folder-outer-panel .pane-folder-left-mini-template .panel-display {
  border: 1px solid #000;
	padding: 5px 0;
}
.page-folders .panel-display .folder-outer-panel .pane-new-folder {
	padding: 5px 10px 10px;
	margin: 0;
}

.page-folders .panel-display .folder-outer-panel .pane-title {
  text-transform: capitalize;
  margin-bottom: 0;
}

.page-folders .panel-display .folder-action-links {
  float: left;
  width: 100%;
  margin-top: 20px;
  margin-left: 18px;
}
.page-folders .panel-display input#edit-move {
  float: left;
  margin-left: 20px;
}
.page-folders .panel-display .form-item.form-item-label-before.form-type-select.form-item-folder-id {
  float: right;
  margin-top: 2px;
}
.page-folders .panel-display #edit-remove,
.page-folders .panel-display #move-markup {
  float: left;
}
.page-folders .panel-display #edit-remove {
  margin-right: 30px;
  margin-bottom: 10px;
}
.page-folders .panel-display #folder-style-option {
  list-style: none;
  float: left;
  padding: 0;
  margin: 0 0 0 20px;
  border: 1px solid #000;
  max-height: 324px;
  overflow-y: auto;
}

.page-folders .panel-display #folder-style-option li {
  cursor: pointer;
  line-height: 1.5em;
  margin-left: 0;
  padding: 7px 10px;
  margin-bottom: 0px;
  border-bottom: 1px solid #000;
}
.page-folders .panel-display #folder-style-option li.active,
.page-folders .panel-display #folder-style-option li:hover,
.page-folders .panel-display #folder-style-option li:focus {
  background: #3b5832;
  color: #fff;
}
.page-folders .panel-display .form-item,
.page-folders .panel-display .form-actions label {
  font-size: 1rem;
}

.panel-col .folder-outer-panel{ display: flex; width: 100%;}
.pane-folder-right-mini-template { padding-left: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.pane-folder-left-mini-template{
  flex: 0 0 25%;
}
.pane-folder-right-mini-template{
  width: 76%;
}
.pane-folder-left-mini-template .folder-action-btn {text-align: center;}
.pane-folder-left-mini-template .folder-action-btn .form-item {text-align: left;}
@media only screen and (max-width: 767px) {
 .panel-col .folder-outer-panel  {
    display: block;
  }
  .pane-folder-left-mini-template,
  .pane-folder-right-mini-template{
    width: 100%;
    padding-left: 0;
  }
}
@media only screen and (max-width: 501px) {
  .page-folders .panel-display .folder-action-links{
    margin-left: 0;
  }
  .page-folders .panel-display #folder-style-container {
    display: block;
    width: 100%;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .page-folders .panel-display #folder-style-option {
    margin: 0 0 20px;
    width: 100%;
  }
  .page-folders .panel-display input#edit-move {
    margin: 0;
  }
 }