File: /var/www/html/wp-content/plugins/wp-mail-bank/assets/global/css/components.css
.mb-custom-form {
min-height: 520px !important;
}
.btn
{
border-width: 0;
padding: 5px 14px;
font-size: 14px;
outline: none !important;
background-image: none !important;
filter: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-shadow: none;
}
.btn.dropdown-toggle, .btn-group .btn.dropdown-toggle, .btn:hover, .btn:disabled, .btn[disabled], .btn:focus, .btn:active, .btn.active
{
outline: none !important;
background-image: none !important;
filter: none;
text-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/*.btn + .btn*/
/*{*/
/*margin-left: 5px;*/
/*}*/
.btn-default
{
border-width: 1px;
padding: 6px 13px;
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active
{
color: #333;
background-color: #ededed;
border-color: #b3b3b3;
}
.open .btn-default.dropdown-toggle
{
color: #333;
background-color: #ededed;
border-color: #b3b3b3;
}
.btn-default:active, .btn-default.active
{
background-image: none;
background-color: #e0e0e0;
}
.btn-default:active:hover, .btn-default.active:hover
{
background-color: #e6e6e6;
}
.open .btn-default.dropdown-toggle
{
background-image: none;
}
.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active
{
background-color: #fff;
border-color: #ccc;
}
.btn-default .badge
{
color: #fff;
background-color: #333;
}
.btn-default > i
{
color: #aaa;
}
.btn-default > i[class^="icon-"],
.btn-default > i[class*="icon-"]
{
color: #8c8c8c;
}
/* Button sizes */
.btn > i
{
font-size: 14px;
}
/* Small button in button group */
.btn-group .input-sm .btn-default
{
padding-top: 3px;
padding-bottom: 3px;
}
/* Control Label */
.control-label
{
margin-top: 1px;
}
.control-label .required
{
color: #e02222;
font-size: 12px;
padding-left: 2px;
}
.form
{
padding: 0 !important;
}
.form .form-body
{
padding: 10px;
}
.portlet.light .form .form-body
{
padding-left: 0;
padding-right: 0;
}
.portlet.light .form .form-actions
{
background: none;
padding-left: 0;
padding-right: 0;
}
.form .form-actions.noborder
{
border-top: 0;
}
.portlet .form .form-actions
{
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
-ms-border-radius: 0 0 4px 4px;
-o-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.form .form-actions:before, .form .form-actions:after
{
content: " ";
display: table;
}
.form .form-actions:after
{
clear: both;
}
.form .form-actions.right
{
padding-left: 0;
padding-right: 10px;
text-align: right;
}
.portlet.light .form .form-actions.right
{
padding-right: 0;
}
.form .form-actions.left
{
padding-left: 10px;
padding-right: 0;
text-align: left;
}
.portlet.light .form .form-actions.left
{
padding-left: 0;
}
.form .form-actions.nobg
{
background-color: transparent;
}
.form .form-actions.top
{
margin-top: 0;
margin-bottom: 20px;
border-top: 0;
border-bottom: 1px solid #e5e5e5;
}
.portlet.light .form .form-actions.top
{
background: none;
}
.form .form-actions .btn-set
{
display: inline-block;
}
@media (max-width: 767px)
{
.form .form-actions
{
/* 767px */
}
.form .form-actions .btn-set
{
margin-bottom: 3px;
margin-top: 3px;
float: left !important;
}
}
.form .form-section
{
margin: 0px 0px 15px 0px;
padding-bottom: 5px;
border-bottom: 1px solid #eee;
}
.form .form-section:first-child
{
margin-top: 5px;
}
/* Checkboxes */
.checkbox,
.form-horizontal .checkbox
{
padding: 0;
}
.checkbox > label,
.form-horizontal .checkbox > label
{
padding-left: 0;
}
.checkbox-list > label
{
display: block;
}
.checkbox-list > label.checkbox-inline
{
display: inline-block;
}
.checkbox-list > label.checkbox-inline:first-child
{
padding-left: 0;
}
/***
Forms
***/
/* Input placeholder font color */
.form-control::-moz-placeholder
{
color: #b3b3b3;
opacity: 1;
}
.form-control:-ms-input-placeholder
{
color: #b3b3b3;
}
.form-control::-webkit-input-placeholder
{
color: #b3b3b3;
}
/* Form inputs */
.form-control
{
font-size: 14px;
font-weight: normal;
color: #333;
background-color: #fff;
border: 1px solid #e5e5e5;
box-shadow: none;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
margin-top:10px;
}
.form-control:focus
{
border-color: #999;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control
{
cursor: not-allowed;
background-color: #eeeeee;
}
.form-control.height-auto
{
height: auto;
}
.input-medium
{
width: 240px !important;
}
.input-inline
{
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-group .input-inline
{
margin-right: 4px;
}
.input-sm
{
height: 28px;
padding: 5px 10px;
font-size: 13px;
}
select.input-sm
{
height: 28px;
line-height: 28px;
padding: 2px 10px;
}
/* Input groups */
.input-group .btn-default
{
border-color: #e5e5e5;
}
.input-group .input-group-addon
{
border-color: #e5e5e5;
background: #e5e5e5;
min-width: 39px;
}
.input-group .input-group-addon > i
{
color: #999;
}
/* Feedback states */
.has-success .help-block,
.has-success .help-inline,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline
{
color: #3c763d;
}
.has-success .form-control
{
border-color: #d6e9c6 !important;
-webkit-box-shadow: none;
box-shadow: none;
}
.has-success .form-control:focus
{
border-color: #bbdba1;
-webkit-box-shadow: none;
box-shadow: none;
}
.has-success .input-group-addon
{
color: #3c763d;
border-color: #d6e9c6;
background-color: #dff0d8;
}
.has-success .input-group-addon > i
{
color: #3c763d;
}
.has-success .form-control-feedback
{
color: #3c763d;
}
.has-error .help-block,
.has-error .help-inline,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline
{
color: #a94442;
}
.has-error .form-control
{
border-color: #ebccd1;
-webkit-box-shadow: none;
box-shadow: none;
}
.has-error .form-control:focus
{
border-color: #dca7b0;
-webkit-box-shadow: none;
box-shadow: none;
}
.has-error .input-group-addon
{
color: #a94442;
border-color: #ebccd1;
background-color: #f2dede;
}
.has-error .input-group-addon > i
{
color: #a94442;
}
.has-error .form-control-feedback
{
color: #a94442;
}
/***
Input icons
***/
.input-icon
{
position: relative;
}
.input-icon > .form-control
{
padding-left: 33px;
}
.input-icon > i
{
color: #ccc;
display: block;
position: absolute;
margin: 11px 2px 4px 10px;
z-index: 3;
width: 16px;
font-size: 16px;
text-align: center;
}
.has-success .input-icon > i
{
color: #45B6AF;
}
.has-error .input-icon > i
{
color: #F3565D;
}
.input-icon.right > .form-control
{
padding-right: 33px;
padding-left: 12px;
}
.input-group .input-icon.right > .form-control
{
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
-ms-border-radius: 0 4px 4px 0;
-o-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.input-icon.right > i
{
right: 8px;
float: right;
}
.input-icon.input-icon-lg > i
{
margin-top: 16px;
}
.input-icon.input-icon-sm > i
{
margin-top: 8px;
font-size: 13px;
}
.pagination
{
margin: 10px 0;
}
.pagination.pagination-circle > li:first-child > a
{
border-radius: 25px 0 0 25px !important;
}
.pagination.pagination-circle > li:last-child > a
{
border-radius: 0 25px 25px 0 !important;
}
.pagination .active > a,
.pagination .active > a:hover
{
background: #eee;
border-color: #dddddd;
color: #333;
}
/* Basic portlet */
.portlet
{
margin-top: 0px;
margin-bottom: 15px;
padding: 0px;
/*-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;*/
}
.portlet > .portlet-title
{
border-bottom: 1px solid #eee;
padding: 0;
margin-bottom: 10px;
min-height: 41px;
/*-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-ms-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
*/
}
.portlet > .portlet-title:before, .portlet > .portlet-title:after
{
content: " ";
display: table;
}
.portlet > .portlet-title:after
{
clear: both;
}
.portlet > .portlet-title > .caption
{
float: left;
display: inline-block;
font-size: 14px;
line-height: 20px;
padding: 10px 0;
}
.portlet > .portlet-title > .caption.bold
{
font-weight: 400;
}
.portlet > .portlet-title > .caption > i
{
float: left;
margin-top: 3px;
display: inline-block;
font-size: 16px;
margin-right: 5px;
color: #666;
}
.portlet > .portlet-title > .caption > i.glyphicon
{
margin-top: 2px;
}
.portlet > .portlet-title > .caption > .caption-helper
{
padding: 0;
margin: 0;
line-height: 13px;
color: #9eacb4;
font-size: 13px;
font-weight: 400;
}
.portlet > .portlet-title > .actions
{
float: right;
display: inline-block;
padding: 6px 0;
}
.portlet > .portlet-title > .actions > .dropdown-menu i
{
color: #555555;
}
.portlet > .portlet-title > .actions > .btn,
.portlet > .portlet-title > .actions > .btn.btn-sm,
.portlet > .portlet-title > .actions > .btn-group > .btn,
.portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm
{
padding: 4px 10px;
font-size: 13px;
line-height: 1.5;
}
.portlet > .portlet-title > .actions > .btn.btn-default,
.portlet > .portlet-title > .actions > .btn.btn-sm.btn-default,
.portlet > .portlet-title > .actions > .btn-group > .btn.btn-default,
.portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm.btn-default
{
padding: 3px 9px;
}
.portlet > .portlet-title > .actions > .btn > i,
.portlet > .portlet-title > .actions > .btn.btn-sm > i,
.portlet > .portlet-title > .actions > .btn-group > .btn > i,
.portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm > i
{
font-size: 13px;
}
.portlet > .portlet-title > .tools
{
float: right;
display: inline-block;
padding: 12px 0 8px 0;
}
.portlet > .portlet-title > .tools > a
{
display: inline-block;
height: 16px;
margin-left: 5px;
opacity: 1 ;
filter: alpha(opacity=100) ;
}
.portlet > .portlet-title > .tools > a.remove
{
background-image: url(../img/portlet-remove-icon.png);
background-repeat: no-repeat;
width: 11px;
}
.portlet > .portlet-title > .tools > a.config
{
background-image: url(../img/portlet-config-icon.png);
background-repeat: no-repeat;
width: 12px;
}
.portlet > .portlet-title > .tools > a.reload
{
background-image: url(../img/portlet-reload-icon.png);
width: 13px;
}
.portlet > .portlet-title > .tools > a.expand
{
background-image: url(../img/portlet-expand-icon.png);
width: 14px;
visibility: visible;
}
.portlet > .portlet-title > .tools > a.collapse
{
background-image: url(../img/portlet-collapse-icon.png);
width: 14px;
visibility: visible;
}
.portlet > .portlet-title > .tools > a.fullscreen
{
display: inline-block;
top: -3px;
position: relative;
font-size: 13px;
font-family: FontAwesome;
color: #ACACAC;
}
.portlet > .portlet-title > .tools > a.fullscreen:before
{
content: "\f065";
}
.portlet > .portlet-title > .tools > a.fullscreen.on:before
{
content: "\f066";
}
.portlet > .portlet-title > .tools > a:hover
{
text-decoration: none;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
opacity: 0.8 ;
filter: alpha(opacity=80) ;
}
.portlet > .portlet-title > .pagination
{
float: right;
display: inline-block;
margin: 2px 0 0 0;
border: 0;
padding: 4px 0;
}
.portlet > .portlet-title > .nav-tabs
{
background: none;
margin: 0;
float: right;
display: inline-block;
border: 0;
}
.portlet > .portlet-body
{
clear: both;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
-ms-border-radius: 0 0 4px 4px;
-o-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.portlet > .portlet-empty
{
min-height: 125px;
}
.portlet.full-height-content
{
margin-bottom: 0;
}
/* Portlet background colors */
/* Side bordered portlet */
.portlet.bordered
{
border-left: 2px solid #e6e9ec !important;
}
.portlet.bordered > .portlet-title
{
border-bottom: 0;
}
/* Solid colored portlet */
.portlet.solid
{
padding: 0 10px 10px 10px;
border: 0px;
}
.portlet.solid > .portlet-title
{
border-bottom: 0;
margin-bottom: 10px;
}
.portlet.solid > .portlet-title > .caption
{
padding: 16px 0 2px 0;
}
.portlet.solid > .portlet-title > .actions
{
padding: 12px 0 6px 0;
}
.portlet.solid > .portlet-title > .tools
{
padding: 14px 0 6px 0;
}
/* Solid bordered portlet */
.portlet.solid.bordered > .portlet-title
{
margin-bottom: 10px;
}
/* Box portlet */
.portlet.box
{
padding: 0px !important;
}
.portlet.box > .portlet-title
{
border-bottom: 0;
padding: 0 10px;
margin-bottom: 0;
color: #fff;
}
.portlet.box > .portlet-title > .caption
{
padding: 10px 0px;
}
.portlet.box > .portlet-title > .tools > a.remove
{
background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.box > .portlet-title > .tools > a.config
{
background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.box > .portlet-title > .tools > a.reload
{
background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.box > .portlet-title > .tools > a.expand
{
background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.box > .portlet-title > .tools > a.collapse
{
background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.box > .portlet-title > .tools > a.fullscreen
{
color: #fdfdfd;
}
.portlet.box > .portlet-title > .actions
{
padding: 7px 0 5px 0;
}
.portlet.box > .portlet-body
{
background-color: #fff;
padding: 10px;
}
/* Light Portlet */
.portlet.light
{
padding: 12px 20px 15px 20px;
background-color: #fff;
}
.portlet.light.bordered
{
border: 1px solid #e1e1e1 !important;
}
.portlet.light.bordered > .portlet-title
{
border-bottom: 1px solid #eee;
}
.portlet.light.bg-inverse
{
background: #F7F7F7;
}
.portlet.light > .portlet-title
{
padding: 0;
min-height: 48px;
}
.portlet.light > .portlet-title > .caption
{
color: #666;
padding: 10px 0;
}
.portlet.light > .portlet-title > .caption > .caption-subject
{
font-size: 16px;
}
.portlet.light > .portlet-title > .caption > i
{
color: #777;
font-size: 15px;
font-weight: 300;
margin-top: 3px;
}
.portlet.light > .portlet-title > .caption.caption-md > .caption-subject
{
font-size: 15px;
}
.portlet.light > .portlet-title > .caption.caption-md > i
{
font-size: 14px;
}
.portlet.light > .portlet-title > .actions
{
padding: 6px 0 14px 0;
}
.portlet.light > .portlet-title > .actions .btn-default
{
color: #666;
}
.portlet.light > .portlet-title > .actions .dropdown-menu li > a
{
color: #555;
}
.portlet.light > .portlet-title > .inputs
{
float: right;
display: inline-block;
padding: 4px 0;
}
.portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > i
{
font-size: 14px;
margin-top: 9px;
}
.portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > .form-control
{
height: 30px;
padding: 2px 26px 3px 10px;
font-size: 13px;
}
.portlet.light > .portlet-title > .inputs > .portlet-input > .form-control
{
height: 30px;
padding: 3px 10px;
font-size: 13px;
}
.portlet.light > .portlet-title > .pagination
{
padding: 2px 0 13px 0;
}
.portlet.light > .portlet-title > .tools
{
padding: 10px 0 13px 0;
margin-top: 2px;
}
.portlet.light.form-fit
{
padding: 0;
}
.portlet.light.form-fit > .portlet-title
{
padding: 17px 20px 10px 20px;
margin-bottom: 0;
}
.portlet.light .portlet-body
{
padding-top: 8px;
}
.tab-pane > p:last-child
{
margin-bottom: 0px;
}
/***
Customized Bootstrap Tables
***/
/***
Default table
***/
.table.table-bordered thead > tr > th
{
border-bottom: 0;
}
.table tr.heading > th
{
background-color: #eee !important;
}
.table td .img-responsive
{
width: 100%;
}
/* Contextual table row variants */
.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th
{
background: #a6c8e6;
color: #132339;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th
{
background: #92bce0;
}
.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th
{
background: #dff0d8;
color: #3c763d;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th
{
background: #d0e9c6;
}
.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th
{
background: #d9edf7;
color: #31708f;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th
{
background: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th
{
background: #fcf8e3;
color: #8a6d3b;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th
{
background: #faf2cc;
}
.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th
{
background: #f2dede;
color: #a94442;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th
{
background: #ebcccc;
}
/***
Red Sunglo
***/
/* Button */
.red-sunglo.btn
{
color: #FFFFFF;
background-color: #E26A6A;
}
.red-sunglo.btn:hover,
.red-sunglo.btn:focus,
.red-sunglo.btn:active,
.red-sunglo.btn.active
{
color: #FFFFFF;
background-color: #dc4c4c;
}
.open .red-sunglo.btn.dropdown-toggle
{
color: #FFFFFF;
background-color: #dc4c4c;
}
.red-sunglo.btn:active, .red-sunglo.btn.active
{
background-image: none;
background-color: #d83737;
}
.red-sunglo.btn:active:hover,
.red-sunglo.btn.active:hover
{
background-color: #da3f3f;
}
.open .red-sunglo.btn.dropdown-toggle
{
background-image: none;
}
.red-sunglo.btn.disabled,
.red-sunglo.btn.disabled:hover,
.red-sunglo.btn.disabled:focus,
.red-sunglo.btn.disabled:active,
.red-sunglo.btn.disabled.active,
.red-sunglo.btn[disabled],
.red-sunglo.btn[disabled]:hover,
.red-sunglo.btn[disabled]:focus,
.red-sunglo.btn[disabled]:active,
.red-sunglo.btn[disabled].active,
fieldset[disabled] .red-sunglo.btn,
fieldset[disabled] .red-sunglo.btn:hover,
fieldset[disabled] .red-sunglo.btn:focus,
fieldset[disabled] .red-sunglo.btn:active,
fieldset[disabled] .red-sunglo.btn.active
{
background-color: #E26A6A;
}
.red-sunglo.btn .badge
{
color: #E26A6A;
background-color: #FFFFFF;
}
/* Button Strip */
.btn.red-sunglo-stripe
{
border-left: 3px solid #E26A6A;
}
/* Portlet */
.portlet > .portlet-body.red-sunglo,
.portlet.red-sunglo
{
background-color: #E26A6A;
}
.portlet.solid.red-sunglo > .portlet-title,
.portlet.solid.red-sunglo > .portlet-body
{
border: 0;
color: #FFFFFF;
}
.portlet.solid.red-sunglo > .portlet-title > .caption
{
font-weight: 400;
}
.portlet.solid.red-sunglo > .portlet-title > .caption > i
{
color: #FFFFFF;
}
.portlet.solid.red-sunglo > .portlet-title > .tools > a.remove
{
background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.red-sunglo > .portlet-title > .tools > a.config
{
background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.red-sunglo > .portlet-title > .tools > a.reload
{
background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.red-sunglo > .portlet-title > .tools > a.expand
{
background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.red-sunglo > .portlet-title > .tools > a.collapse
{
background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.solid.red-sunglo > .portlet-title > .tools > a.fullscreen
{
color: #fdfdfd;
}
.portlet.box.red-sunglo
{
border: 1px solid #ea9595;
border-top: 0;
}
.portlet.box.red-sunglo > .portlet-title
{
background-color: #E26A6A;
}
.portlet.box.red-sunglo > .portlet-title > .caption
{
color: #FFFFFF;
}
.portlet.box.red-sunglo > .portlet-title > .caption > i
{
color: #FFFFFF;
}
.portlet.box.red-sunglo > .portlet-title > .actions .btn-default
{
background: transparent !important;
background-color: transparent !important;
border: 1px solid #f4c8c8;
color: #f8dddd;
}
.portlet.box.red-sunglo > .portlet-title > .actions .btn-default > i
{
color: #fbeaea;
}
.portlet.box.red-sunglo > .portlet-title > .actions .btn-default:hover,
.portlet.box.red-sunglo > .portlet-title > .actions .btn-default:focus,
.portlet.box.red-sunglo > .portlet-title > .actions .btn-default:active,
.portlet.box.red-sunglo > .portlet-title > .actions .btn-default.active
{
border: 1px solid #fdf3f3;
color: white;
}
/* General Element */
.bg-red-sunglo
{
border-color: #E26A6A !important;
background-image: none !important;
background-color: #E26A6A !important;
color: #FFFFFF !important;
}
/* General Text & Icon Font Colors */
.font-red-sunglo
{
color: #E26A6A !important;
}
.progress-bar.red-sunglo
{
background: #E26A6A !important;
color: #FFFFFF !important;
}
.margin-top-10
{
margin-top: 10px !important;
}
.margin-bottom-40
{
margin-bottom: 40px !important;
}
/***
Notes
***/
.note
{
margin: 0 0 20px 0;
padding: 15px 30px 15px 15px;
border-left: 5px solid #eee;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
-ms-border-radius: 0 4px 4px 0;
-o-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.note h1,
.note h2,
.note h3,
.note h4,
.note h5,
.note h6
{
margin-top: 0;
}
.note h1 .close,
.note h2 .close,
.note h3 .close,
.note h4 .close,
.note h5 .close,
.note h6 .close
{
margin-right: -10px;
}
.note p
{
font-size: 13px;
}
.note p:last-child
{
margin-bottom: 0;
}
.note code,
.note .highlight
{
background-color: #fff;
}
.note.note-default
{
background-color: lightgray;
border-color: #adadad;
color: #333333;
}
.note.note-default.note-bordered
{
background-color: #c3c3c3;
border-color: #a0a0a0;
}
.note.note-default.note-shadow
{
background-color: #c6c6c6;
border-color: #a0a0a0;
box-shadow: 5px 5px rgba(162, 162, 162, 0.2);
}
.note.note-primary
{
background-color: #5697d0;
border-color: #3085a9;
color: #D8E3F2;
}
.note.note-primary.note-bordered
{
background-color: #3e89c9;
border-color: #2a7696;
}
.note.note-primary.note-shadow
{
background-color: #428bca;
border-color: #2a7696;
box-shadow: 5px 5px rgba(43, 121, 154, 0.2);
}
.note.note-success
{
background-color: #eef7ea;
border-color: #c9e2b3;
color: #3c763d;
}
.note.note-success.note-bordered
{
background-color: #dcefd4;
border-color: #bbdba1;
}
.note.note-success.note-shadow
{
background-color: #dff0d8;
border-color: #bbdba1;
box-shadow: 5px 5px rgba(190, 220, 164, 0.2);
}
.note.note-info
{
background-color: #eef7fb;
border-color: #a6e1ec;
color: #31708f;
}
.note.note-info.note-bordered
{
background-color: #d5ebf6;
border-color: #91d9e8;
}
.note.note-info.note-shadow
{
background-color: #d9edf7;
border-color: #91d9e8;
box-shadow: 5px 5px rgba(150, 219, 233, 0.2);
}
.note.note-warning
{
background-color: #fcf8e3;
border-color: #f5d89e;
color: #8a6d3b;
}
.note.note-warning.note-bordered
{
background-color: #f9f1c7;
border-color: #f2cf87;
}
.note.note-warning.note-shadow
{
background-color: #faf2cc;
border-color: #f2cf87;
box-shadow: 5px 5px rgba(243, 209, 139, 0.2);
}
.note.note-danger
{
background-color: #f9f0f0;
border-color: #e4b9c0;
color: #a94442;
}
.note.note-danger.note-bordered
{
background-color: #f1dada;
border-color: #dca7b0;
}
.note.note-danger.note-shadow
{
background-color: #f2dede;
border-color: #dca7b0;
box-shadow: 5px 5px rgba(222, 171, 179, 0.2);
}
.wpmb-addon-list-section li{
margin-bottom: 0;
}
.wpmb-addon-list-section li{
padding: 10px 15px !important;
}
.wpmb-addon-title {
text-decoration: none !important;
}
.mb-learn-more {
text-decoration: none !important;
}
.wpmb-addon-list-section .wpmb-addon-list li {
-js-display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
padding: 6px 15px !important;
}
.wpmb-addon-list-section .wpmb-addon-list li:nth-child(even){
background-color: #fbfbfb;
}
.wpmb-addon-list {
margin-top: 2px;
margin-bottom: 2px;
}
.wpmb-addon-link-wrapper{
-js-display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
display: -webkit-flex;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
flex: auto;
}
.wpmb-addon-link-wrapper a{
line-height: 1.6;
}
.wpmb-addon-link-wrapper a:nth-child(even){
margin: 0 10px;
}