/****************************************Fast Flow Addons page ****************************************************************/

#fastflow-addons-cont {

    max-width: 100%;

    margin-bottom: 10px;

}


@media only screen and (max-width: 782px) {
#wpbody-content #dashboard-widgets.fastflow-responsive #postbox-container-1,
#wpbody-content #dashboard-widgets.fastflow-responsive #postbox-container-2,
#wpbody-content #dashboard-widgets.fastflow-responsive #postbox-container-3
 {

    margin-right: 10px;

    width: 100%!important;

    display: block;

    float: none;
  }
}

#wpbody-content #dashboard-widgets.columns-2.fastflow-responsive #postbox-container-2
{
    width: 49.5%;
}





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

#wpbody-content #dashboard-widgets.fastflow-responsive.columns-2 #postbox-container-1,
#wpbody-content #dashboard-widgets.fastflow-responsive.columns-2 #postbox-container-2
  {
    width: 49.5%;
  }
}



@media only screen and (max-width: 1800px) and (min-width: 1500px){
#wpbody-content #dashboard-widgets.fastflow-responsive.columns-3 #postbox-container-1,
#wpbody-content #dashboard-widgets.fastflow-responsive.columns-3 #postbox-container-2,
#wpbody-content #dashboard-widgets.fastflow-responsive.columns-3 #postbox-container-3
  {
  width: 33%;
  }
}


@media only screen and (min-width: 1500px){
#wpbody-content #dashboard-widgets.fastflow-responsive.columns-2 #postbox-container-1,
#wpbody-content #dashboard-widgets.fastflow-responsive.columns-2 #postbox-container-2
  {
    width: 49.5%;
  }
}

@media only screen and (min-width: 1500px){
#wpbody-content #dashboard-widgets.fastflow-responsive.columns-2 #postbox-container-3
  {
    width: 49.5%;
    float: left;
  }
}


@media only screen and (min-width: 1500px){
#wpbody-content #dashboard-widgets.fastflow-responsive.columns-1 #postbox-container-1,
#wpbody-content #dashboard-widgets.fastflow-responsive.columns-1 #postbox-container-2,
#wpbody-content #dashboard-widgets.fastflow-responsive.columns-1 #postbox-container-3
  {
    width: 100%;
  }
}


#fastflow-addons-cont .col.fastflow-addon {
    max-width: 21%;
    width: 21%;
    margin-right: 3%;
    display: inline-block;
    background-color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    /* border: 1px solid #fff; */
    /* box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .1); */
    /* padding: 2px; */
}



#fastflow-addons-cont .col.fastflow-addon img {

    max-width: 100%;

}

#fastflow-addons-cont .fastflow-addon-bottom {

    padding: 10px;

    text-align: center;

}

#fastflow-addons-cont .fastflow-addon-bottom > span {

    display: inline-block;

}

#fastflow-addons-cont .fastflow-addon-bottom > a {

    float: right;

    padding-left: 15px;

    padding-right: 15px;

}

#fastflow-addons-cont .fastflow-addon-bottom > span a {

    font-size: 18px;

    text-decoration: none;

    /*float: left;*/

}

#fastflow-addons-cont .fastflow-addon-bottom input[type=submit],

#fastflow-addons-cont .fastflow-addon-bottom button.btn{

    min-width: 92px;

    min-height: 12px;

    line-height: 1.6em;

    height: 37px;

    font-size: 12px;

    background: transparent;

    background-color: #56a332;

    box-shadow: none;

    display: inline-block;

    /*float: right;*/

    border: 0;

    padding: 9px 15px;

    color: #fff;

    font-weight: 400;

    text-align: center;

    cursor: pointer;

    white-space: nowrap;

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    border-radius: 2px;

    -moz-transition: background-color 0.3s ease;

    -o-transition: background-color 0.3s ease;

    -webkit-transition: background-color 0.3s ease;

    transition: background-color 0.3s ease;

}
#addons p.tab_loader{text-align: center;}
#addons p.tab_loader.updating-message:before {

    font-family: "dashicons";

    content: "\f463";

    display: inline-block;

    -webkit-font-smoothing: antialiased;

    font-size: 60px;

    vertical-align: top;

    margin-right: 5px;

    margin-right: 0.5rem;

    -webkit-animation: rotation 2s infinite linear;

    animation: rotation 2s infinite linear;

}
#fastflow-addons-cont .fastflow-addon-bottom button.updating-message:before{

    font-family: "dashicons";

    content: "\f463";

    display: inline-block;

    -webkit-font-smoothing: antialiased;

    font-size: 20px;

    vertical-align: top;

    margin-right: 5px;

    margin-right: 0.5rem;

    -webkit-animation: rotation 2s infinite linear;

    animation: rotation 2s infinite linear;

}

#fastflow-addons-cont .fastflow-addon-bottom button.disabled-btn {

    color: #808588!important;

    border-color: #ddd!important;

    background: #f7f7f7!important;

    -webkit-box-shadow: none!important;

    box-shadow: none!important;

    text-shadow: 0 1px 0 #fff!important;

    cursor: default;

    -webkit-transform: none!important;

    -ms-transform: none!important;

    transform: none!important;

}

#fastflow-addons-cont .fastflow-addon-bottom button.failed.disabled-btn {

    color: #330000!important;

}

/****************************************Fast Flow Dashboard page****************************************************************/

h1#ff-dashboard{float:left; margin:0px 40px 0px 0px;line-height:inherit;}

ul#dasboard-menu {list-style-type:none;margin:0px;padding:0px;overflow:hidden;}

ul#dasboard-menu li{float: left;border: 2px solid #B4B4B4;margin: 0px 8px;border-radius: 20px;/*background: #B4B4B4;*/}

ul#dasboard-menu li a {display:block;color:#878787;text-align:center;padding-top:5px;padding-bottom:5px;padding-right:10px;padding-left:10px;text-decoration:none;font-weight:600;}

h3.widget-title{display:none;}

ul#dasboard-menu li.active{border: 2px solid #5A5A5A;}

ul#dasboard-menu li.active a{color: #5A5A5A;}

/****************************************Fast Flow Widgets page ****************************************************************/

/*css code for Fast Flow Widgets Page*/

/****************************************Fast Flow Settings page ****************************************************************/

.settings-main-box {

  width: 54%;

  border: 0px #ababab solid;

  min-width: 350px;

  margin-bottom: 10px;

}



.item-tab-box {

	display: none;

	padding-left: 2%;

}



#settings-main-box-1 .item-tab-box {

	/*display: block;*/

}



.settings-main-box > .item-hbox {

	position: relative;

}



.settings-main-box > .item-hbox > a {

  font-size: 18px;

  text-decoration: none;

  font-weight: bold;

  color: #343434;

  padding: 1%;

  width: 98%;

  display: block;

  line-height: 1.4;

  background-color: #dedede;

}



.settings-main-box > .item-hbox > span {

  position: absolute;

  top: 12%;

  right: 2%;

  z-index: 999;

  cursor: pointer;

  font-size: 30px;

  width: 20px;

  height: 24px;

  line-height: 0.7;

  color: #343434;

  text-align: center;

}



.settings-main-box > .item-hbox > .hlplsprod {

  position: absolute;

  top: 12%;

  right: 6%;

  line-height: 0.9;

}

#hop-form button.btn{

    min-width: 92px;

    min-height: 12px;

    line-height: 1.6em;

    height: 37px;

    font-size: 12px;

    background: transparent;

    background-color: #56a332;

    box-shadow: none;

    display: inline-block;

    margin-top: -5px;

    margin-bottom: 10px;

    float: right;

    border: 0;

    padding: 9px 15px;

    color: #fff;

    font-weight: 400;

    text-align: center;

    cursor: pointer;

    white-space: nowrap;

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    border-radius: 2px;

    -moz-transition: background-color 0.3s ease;

    -o-transition: background-color 0.3s ease;

    -webkit-transition: background-color 0.3s ease;

    transition: background-color 0.3s ease;

}

#hop-form button.updating-message:before {

    font-family: "dashicons";

    content: "\f463";

    display: inline-block;

    -webkit-font-smoothing: antialiased;

    font-size: 20px;

    vertical-align: top;

    margin-right: 5px;

    margin-right: 0.5rem;

    -webkit-animation: rotation 2s infinite linear;

    animation: rotation 2s infinite linear;

}

#hop-form #fktagimport, .fastflow-addon .fastflow-addon-bottom>a{
  min-width: 92px;

  min-height: 12px;

  line-height: 1.6em;

  height: 37px;

  font-size: 12px;

  background: transparent;

  background-color: #006799;

  box-shadow: none;

  display: inline-block;

  margin-top: -5px;

  margin-bottom: 10px;

  border: 0;

  padding: 9px 15px;

  color: #fff;

  font-weight: 400;

  text-align: center;

  cursor: pointer;

  white-space: nowrap;

  -moz-border-radius: 2px;

  -webkit-border-radius: 2px;

  border-radius: 2px;

  -moz-transition: background-color 0.3s ease;

  -o-transition: background-color 0.3s ease;

  -webkit-transition: background-color 0.3s ease;

  transition: background-color 0.3s ease;
}

#fastflow-addons-cont a.link-btn {

    min-width: 72px;

    min-height: 12px;

    line-height: 1.6em;

    height: 22px;

    font-size: 12px;

    background: transparent;

    background-color: #FD6B00;

    box-shadow: none;

    display: inline-block;

    margin-top: -5px;

    margin-bottom: 10px;

    /*float: right;*/

    border: 0;

    padding: 9px 15px;

    color: #fff;

    font-weight: 400;

    text-align: center;

    cursor: pointer;

    white-space: nowrap;

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    border-radius: 2px;

    -moz-transition: background-color 0.3s ease;

    -o-transition: background-color 0.3s ease;

    -webkit-transition: background-color 0.3s ease;

    transition: background-color 0.3s ease;

    text-decoration: none;

}


/********************************* Fast Flow Dashboard Color Schema Css *************************************/


.ff-d-dark{
  background:#23282d;
}
.ff-d-dark .ff-widget-panel{
  background:#23282d;
}
.ff-d-dark .postbox{
  background: #23282d;
  color: #888786;
  border: 1px solid #888786;
}
.ff-d-dark .postbox>h2{
  color: #888786;
  border-bottom: 1px solid #888786;
}

.ff-d-light{
  background:#fff;
}
.ff-d-light .postbox{
  background: #fff;
}

.ff-d-minimal .postbox{
  border:none;
  box-shadow: none;
}

.ff-d-minimal .postbox>h2{
  /*border: none;*/
}
.ff-d-minimal .ff-widget-panel{
  border: none;
}

.toplevel_page_fast-flow #screen-options-link-wrap{
  border-radius: 0 0 15px 15px;
}
.toplevel_page_fast-flow #screen-options-link-wrap>button{
  /*border-radius: 0 0 15px 15px;*/
}
.toplevel_page_fast-flow .postbox-container>.empty-container{
  border-radius: 20px;
}

.toplevel_page_fast-flow .postbox{
  /*border-radius: 15px;*/
}
.toplevel_page_fast-flow .postbox>h2{
  /*border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;*/
}
.toplevel_page_fast-flow .ff-widget-panel .postbox-container{width:100% !important;}
.toplevel_page_fast-flow .ff-widget-panel{padding:5px;border: none;box-shadow: none;background: transparent;}
.toplevel_page_fast-flow .ff-widget-panel .postbox-container #advanced-sortables{min-height: 50px;margin:0px;}
.toplevel_page_fast-flow .ff-widget-panel .postbox-container .postbox{margin-bottom: 3px;}
.toplevel_page_fast-flow .ff-widget-panel .postbox-container>.empty-container{height:65px;}

#licenced .center, #available .center, #free .center, #recommended .center {
  display: block;
  margin: 0 auto;
}
#hop-form h1 strong {
    margin-left: 15px;
}
.tabbed_area {
    margin-bottom: 30px;
    width: 100%;
    position: relative;
}
.tabcontent {
    background-color: #ffffff;
    padding: 15px 30px 30px;
    margin: 0px;
    border: 1px solid #464c54;
    border-left: none;
    border-right: none;
    border-top: none;
    line-height: 24px;
    font-size: 1.1em;
    max-width: 960px;
}

#fm-welcome-panel h2{padding: 48px 408px 48px 48px;}
#fm-welcome-panel .welcome-panel-column-container .welcome-panel-column{display: block;}
#fm-welcome-panel .welcome-panel-content .welcome-panel-column-container{display: inline-flex;}

@media (min-width: 1400px) and (max-width: 3600px) {

  #fm-welcome-panel .welcome-panel-column-container .welcome-panel-column:first-child{
    width: 65%;
    margin-left: 0%;
  }
  #fm-welcome-panel .welcome-panel-column-container .welcome-panel-column{
    width: 15%;
    margin-left: 5%;
  }
}

@media (min-width: 320px) and (max-width: 1400px) {
  #fm-welcome-panel .welcome-panel-column:first-child {
	    width: 100%;
	}
  #fm-welcome-panel .welcome-panel-column-container .welcome-panel-column ul li{
    display: inline-block;
    margin-right: 13px;
  }
}