/* General CSS
*************************************************/

html, body {
    background: none repeat scroll 0 0 #ecedf0;
    width: 100%;
    color: #454e59;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 13px;
    line-height: 1.4em;
}

html * {
    outline: 0 !important; 
}

#adminmenuback {
    z-index: 0;
}

#update-nag, .update-nag {
    margin-left: 15px !important;
}

code {
    border: 1px solid #ddd;
}

.mg_warning p {
    margin: .5em 0 !important;
    padding: 2px !important;
}

.container-fluid div.updated p {
    font-size: 14px;
}

/* Wordpress Admin 
*************************************************/


.media-upload-form div.error, .wrap div.error, .wrap div.updated div.mg_warning {
    margin: 5px 0 20px;
}

.error > h2 {
    font-size: 18px;
    line-height: 1.1em;
    margin-bottom: 10px;
    margin-top: 10px;
}

.container-fluid div.updated {
    border-color: #99ccad !important;
}

div.mg_warning {
    border-left-color: #ffff00 !important;   
    background: #fff;
    border-left: 4px solid #fff;  
    margin: 5px 0 20px; 
    padding: 1px 12px; 
    max-height: 150px;
    overflow-y: scroll;    
}

section.panel div.mg_warning {
    border-left-width: 4px;   
    background: #f6f6f6;
    border: 1px solid #ddd;
    overflow-y: auto;   
}  

/* .notice.migla_watermark {
    background-image: url(../images/hand_icon-grey.png);
    background-repeat: no-repeat;
    background-size: 1.5%;
    background-position: 6px 7px;
    padding-left: 40px;
} */

.notice.notice-info.is-dismissible.migla_watermark {
    border-left-color: #2baab1;
}


/* Typography Styles
*************************************************/


h1, h2, h3, .h1, .h2, .h3 {
    letter-spacing: -1px;
    padding-left: 7px;
    font-weight: 400;
}

h1 {
    font-size: 2em;
    margin: 1.67em 5px;
}


/* Hand Logo
*************************************************/


h2.migla {
    background: url(../images/hand_icon-grey.png) no-repeat scroll;
    font-size: 1.8em;
    font-weight: 200;
    margin: 1.4em 0 0.5em;
    padding-bottom: 25px;
    padding-left: 18px;
    padding-top: 0;
    text-shadow: 1px 1px #ffffff;
    background-size: 33px;
}


/* Placeholder
*************************************************/


::-webkit-input-placeholder {
    color: #cdcdcd !important;
    opacity: 1;
}

:-moz-placeholder { /* Firefox 18- */
    color: #cdcdcd !important;
    opacity: 1;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #cdcdcd !important;
    opacity: 1; 
}

:-ms-input-placeholder {  
    color: #cdcdcd !important;
    opacity: 1;
}

/* Misc Error and Disabled
*************************************************/


.pink-highlight .sorting_1 {
    background: none repeat scroll 0 0 #ff93a5 !important;
}

.pink-highlight .mg_label-shortcode, .pink-highlight .control-label {
    opacity: 0.7;
}

.disabled {
    opacity: 0.2;
    cursor:not-allowed !important;
}

input.disabled, input:disabled, select.disabled, select:disabled, textarea.disabled, textarea:disabled {
    background: none repeat scroll 0 0 #fff !important;
    color: rgba(51, 51, 51, 0.5) !important;
    cursor: not-allowed !important;
}

.removeColumn, .removeColumnOff {
    cursor: pointer;
    text-align: center;
    /*background: none !important;*/
}

.even .removeColumn,
.even .removeColumnOff
 {
    /*background-color:#f9f9f9 !important;*/
}

 .even .removeColumn:hover,
 .even .removeColumnOff:hover {
    /*background-color: #f1f1f1 !important;*/
}

.pink-highlight {
    background: none repeat scroll 0 0 #f88f8f !important;
}

.form-horizontal .control-label.miglaServerStatus { 
    font-weight: bold;
    padding-top:0;

}

.mg_legend li {
    padding-left: 20px;
    margin-right: 20px;
    display: inline-block;
    margin-top: 20px;
}

span.mg_online-legend {
    background: #00abb3;
    position: absolute;
    padding-left: 13px;
    height: 12px;
    width: 12px;
    margin: 3px 0 0 -20px;
}

span.mg_offline-legend {
    background: #008ace;
    position: absolute;
    padding-left: 13px;
    height: 12px;
    width: 12px;
    margin: 3px 0 0 -20px;
}


/* Modal Dialog
*************************************************/


.modal-dialog{
    z-index: 1050;
}

.modal-dialog.mg_reports-edit{
    width: 960px;
}

.modal-wrap {
    padding: 10px 0;
    position: relative;
}

.modal-alert {
    float: left;
    font-size: 59px;
    text-align: center;
    width: 20%;
    margin-top:10px;
}

/** modal colors icons **/

.modal-alert .fa-times-circle, .modal-alert .fa-exclamation-circle {
    color: #d9534f;
}

.modal-alert .fa-plus-circle {
    color: #5bc0de;
}

.modal-alert + .modal-body {
    float: left;
    width: 80%;
}

.modal-header, .modal-footer {
    background: #f8f8f8;
}
    
.modal-body > table {
    margin-bottom: 8px;
}

.modal-body .form-horizontal {
    border: medium none;
}

.modal-body td {
    font-weight: bold;
    padding-right: 10px;
    text-align: left;
}
    
.modal-header .close {
    border: 1px solid #D4D4D4;
    border-radius: 20px;
    box-shadow: 1px 1px white;
    padding: 3px 10px;
}

.modal-header .close:active {
    background: none repeat scroll 0 0 white;
    box-shadow: 1px 1px 1px #d7d7d7 inset;
}

.modal-footer button.rbutton, .modal-footer button.mbutton {
    min-width: 80px !important;
}

#miglaAmountTable label {
    min-width: 15px;
}

#miglaAmountTable label.mg_amount_level_perk {
    padding-left: 20px;
    text-align: right;
}

#currencyIcon {
    margin: 7px 0;
    padding: 0 22px;
}


/* Transaltion Page
*************************************************/

.total-donations_page_migla_translate_page .table-striped td {
    height: 70px;
    vertical-align: middle;
}


/* Campaign 
*************************************************/

ul.row.mg_campaign_list.ui-sortable li:before {
    display: none;
}

ul.row.mg_campaign_list li.empty-campaign-li {
    padding: 25px;
}  

.editField {
    background: none repeat scroll 0 0 white;
    border: medium none;
}

.wrap ul li ul li div {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.wrap ul li ul li div.rowsavenewcomer {
    padding: 0 !important;
}

.migla-donation_page_migla_donation_campaigns_page .ui-state-default {
    cursor: auto !important;
}

 /* Fixes conflicts with some other plugins  */
.total-donations_page_migla_donation_campaigns_page .ui-state-default, 
.total-donations_page_migla_donation_campaigns_page .ui-widget-content .ui-state-default, 
.total-donations_page_migla_donation_campaigns_page .panel-body .ui-widget-header .ui-state-default {
    background: white  !important;
    border: medium none;
    margin-bottom: 8px;
}

.ui-state-default.formfield.pink-highlight {
    background: none repeat scroll 0 0 #f8f8f8 !important;
}

.migla-donation_page_migla_donation_campaigns_page .ui-state-default {
    padding: 10px;
}

ul.row.mg_campaign_list.ui-sortable {
    margin-left: 0;
    margin-right: 0;
}

ul.row.mg_campaign_list.ui-sortable li {
    border: 1px dashed #b8b8b8;
}

p.mg_amount_level.ui-sortable-placeholder, .formfield_campain.ui-sortable-placeholder {
visibility: visible !important;
background: #fafafa !important;
border: 1px dashed #666 !important;
}


#mCampaign {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.mg_linesrow {
    border-bottom: 1px solid #E4E4E4;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

ul.shortcode-copy li {
    float: left;
}

li.shortcode-label {
    padding-top: 7px;
    margin-right: 10px;
}


/* Boxes UI 
*************************************************/


.row.mg_edit_.mg_edit_html1 {
    padding: 30px 0;
}

.mg_layout-selector label.mg_box {
    display: block;
    float: left;
    margin: 10px 2.5% 10px 0;
    max-height: 100%;
    max-width: 18%;
    text-align: center;
    transition: opacity 0.3s ease-out 0s;
    border: 1px solid #ddd;
    padding-bottom: 8px;
    background: #fafafa;
}

.mg_layout-selector label.mg_box:last-child {
    margin: 10px 0 0;
}

.mg_layout-selector input[type="radio"] {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    clear: none;
    color: #555;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    line-height: 0;
    margin: -4px 4px 0 0;
    min-width: 16px;
    outline: 0 none;
    padding: 0 !important;
    text-align: center;
    transition: border-color 0.05s ease-in-out 0s;
    vertical-align: middle;
    width: 16px;
}

.mg_layout-selector label.mg_box img {
    max-width: 100%;
    margin-bottom: 10px;
}

.mg_layout-selector label.mg_box:hover {
    opacity: 0.8;
}

.mg_active-date-reports {
   
   margin-top: 40px;
   
}

.mg_active-date-reports .bg-info {
    background-color: #779fb3;
}

ul.nav.nav-tabs.nav-justified.mg_fake-tab {
    width: 50%;
}

.col-sm-3.spacer {
    margin-bottom: 15px;
}

/* Sortable Lists
*************************************************/

td.mg_recurring-control {
    vertical-align: top;
}

.mg_table-control-report table.table-hover {
    width: 100%;
}

table.dataTable.display tbody .reportGroupHeader td {
    border-left: none !important;
}

.table-hover td:nth-child(even) {
    width: 40%;
}

.removeField, .removeList, .removeCampaignField,
.removePlanField {
    background: none;
    border: medium none;
}

ul.containers.ui-sortable li.title.formheader.ui-sortable-handle div.row {
    min-height: 20px !important;
}

.mg_recurring_row li.title.formheader {
    margin-bottom: 10px;
}

.mg_reoccuring-field .rows {
    min-height: 45px;
}

.mg_recurring_row li input {
    background: white;
}

ul.rows {
    min-height: 5px;
}

li.ui-state-default.formfield:first-child {
    margin-top: 20px;
}

#default_payment_section li.ui-state-default.formfield {
    border: 1px dashed #b8b8b8;
}

#default_payment_section li.ui-state-default.formfield:first-child {
    margin-top: 0;
}

#addFieldForm {
    background: none repeat scroll 0 0 white;
    margin-top:20px;
}

#cancelAddField, 
#AddNewComer {
    margin-top: 25px;
}

.addfield-button-control {
    text-align:right;
}

button.btn.btn-default.center-block.mg_add, button.btn.btn-default.center-block.mg_remove {
    background: none repeat scroll 0 0 #5bc0de !important;
    color: white;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2) inset;
    margin-bottom: 6px;
    border-color: #269abc;
    padding: 8px 13px;
    border: medium none !important;
}

.bar-icon-styling {
    color: #e7e7e7;
    font-size: 18px !important;
    margin-left: 15px;
    margin-top: 6px;
    text-shadow: 0 1px 0 #fff; 
}

.mg_custom_list_row::before {
   color: #ddd !important;
    content: "\f0c9";
    font-family: fontawesome;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
right: 25px; 
    position: absolute;
    text-decoration: inherit;
}


.clabel.col-sm-1 label.control-label:before {
    color: #ddd !important;
    content: "\f0c9";
    font-family: fontawesome;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    left: 0;
    position: absolute;
    text-decoration: inherit;
    top: 7px;
}

a.edit_select_value {
    cursor: pointer;
    min-height: 34px;
    display:inline-block;
    padding: 6px 0;
    text-decoration: none;
}

.edit_select_value::before {
    color: #aaa;
    content: "\f0ad";
    font-family: fontawesome;
    padding-right:5px;
}

.edit_custom-fields-list::before {
    color: #aaa;
    content:  "\f040";
    font-family: fontawesome;
    padding-left: 5px;
    padding-right: 5px;
}

.mbutton.edit_custom-fields-list {
min-width: auto;
}

#mg_custom_list {
    border-top: 1px solid #ddd;
    margin-top: 20px;
    padding-top: 20px;
}

.groupbutton {
    margin-bottom: 20px;
    margin-top: -15px;
}

.mAddGroup {
    width:120px;
}

.control-radio-sortable {
    float: right;
}

.ui-sortable.ui-state-default:before {
    content: "\f0c9";
    color: #ddd !important;
    font-family: fontawesome;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    left: 0;
    padding-right: 1.1em;
    position: static;
    text-decoration: inherit;
}

.total-donations_page_migla_donation_campaigns_page .clabel.col-sm-1 label.control-label:before {
    color: white !important;
	font-size: 0;
}

.ui-sortable.ui-state-highlight-container {
    margin-bottom:30px;
    padding-bottom:30px;
    border: 3px solid #c0c0c0;
}

.ui-sortable .ui-sortable-helper {
    opacity: 0.95;
}

.ui-sortable .ui-sortable .ui-sortable-helper {
    opacity: 0.85;
    border: 1px solid #ddd;
}

.btn.disabled, .btn[disabled], 
fieldset[disabled] .btn {
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
}

.ui-sortable .ui-state-highlight-row {
    border: 1px dashed #909090 !important; 
    background:white !important;
    height:80px;
}

li.title.formheader > .row {
    margin-bottom: 20px;
}

ul.containers li, 
.addAgroup {
    background-color: #f8f8f8;
    border: 1px dashed #e0e0e0;
    border-radius: 3px;
    cursor: move;
    margin: 0;
    padding: 18px;
}

.addButton {
    margin-top: 15px;
    text-align: right;
}

.addAgroup {
    margin-bottom:30px;
}

li.title.formheader {
    margin-bottom: 30px;
}

.ui-state-default.formfield > input {
    float: right;
    margin: 3px 10px;
}

.ui-state-default.formfield > label {
    float: right;
}

.ui-sortable .ui-state-default.formfield, 
.ui-sortable .ui-widget-content .ui-state-default, 
.ui-sortable .ui-sortable.ui-widget-header .ui-state-default {
    background: none repeat scroll 0 0 white;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    color: #454e59;
    cursor: move;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top:10px;
    padding: 20px 15px;
}

.row mg_campaign_list .ui-sortable .ui-state-default.formfield {
    border: none;
    padding: 10px;
}

.cid, .control-radio-sortable {
    padding-top: 8px;
        margin-right: -15px;
}

.mg_campaign_list .control-radio-sortable {
    margin-right: 0;
    font-size: 12px;
    padding-left: 0;
    padding-right: 0;
}
}

.clabel .control-label {
    cursor: move;
    font-size:80%;
}

.mg_translation-fields .control-label {
    cursor: default;
    font-size:80%;
    
}

.control-radio-sortable { 
    text-align: right;
}

.control-radio-sortable span {
    padding: 0 0px 0 12px;
    margin-left: -2px;
}

.ui-state-highlight-container {
    margin-bottom: 30px;
    border: 1px dashed #909090 !important; 
}

.mg_addfield {
    margin-left: -15px;
}

#mg_plan_list_info {
    text-align: center;
}

.box-success {
    margin-top: 25px;
    padding: 0;
    color: green;
}

.mg_approve_record {
    padding: 15px;
    margin: 10px 0;
}

/* drag and drop unsortable tranlastion fields */

.mg_translation-fields li.ui-state-default.formfield.clearfix {
    background: white;
    margin-bottom: 10px;
    border-style: solid;
    cursor:default;
}

.mg_translation-fields ul.containers li {
    border-style: solid;
    cursor: default;
}

.mg_translation-fields .clabel.col-sm-1 label.control-label:before {
    display:none;
}

#migla_choosed_language_for_load {
    margin-bottom: 30px;
}

#default_payment_section .ui-sortable-handle::before {
    color: #ddd !important;
    content: "\f0c9";
    font-family: fontawesome;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    left: 0;
    text-decoration: inherit;
    padding-right: 10px;
    float: right;
    padding-top: 0;
}


/* Woo Commerce - For WooCommerce Integration 
*************************************************/


.bg-woo {
    background: #6475b3;
}

.woo-icon:before {
    font-family: WooCommerce!important;
    content: '\e03d';
    font-style: normal;
}


/* CSS Switch - not used yet
*************************************************/


.onoffswitch {
    -moz-user-select: none;
    display: inline;
    position: relative;
    width: 55px;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    background-color: #f7f7f7;
    border: 1px solid #e4e4e4;
    border-radius: 30px;
    cursor: pointer;
    display: block;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding: 0;
}
.onoffswitch-label::before {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 1px;
    bottom: 0;
    box-shadow: 0 1px 4px #747575;
    content: "";
    display: block;
    margin: 0;
    position: absolute;
    right: 43px;
    top: 0;
    width: 14px;
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #42a5f5;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label::before {
    border-color: #42a5f5;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label::before {
    background-color: #2196f3;
    box-shadow: 3px 6px 18px 0 rgba(0, 0, 0, 0.2);
    right: 0;
}


/* Date Picker
*************************************************/


.ui-datepicker:before {
    border-color: #D4DADC transparent #D4DADC;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-style: none solid solid;
    border-width: 0 7px 7px;
    content: "";
    display: inline-block;
    position: absolute;
}

.ui-datepicker:after {
    left: 12px;
}

.ui-datepicker:before {
    left: 11px;
}

.ui-datepicker:after {
    border-color: #fff transparent #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-style: none solid solid;
    border-width: 0 6px 7px;
    content: "";
    display: inline-block;
    position: absolute;
}

.ui-datepicker:before {
    top: -7px;
}

.ui-datepicker:after {
    top: -6px;
}


/* Date Picker Container
*************************************************/


.ui-datepicker {
   width: auto;
   height: auto;
   margin: 12px auto 0;
   font: 9pt Arial, sans-serif;
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
   -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
   background: white;
   padding: 15px;
   border: 1px solid #d9d8d8;
   z-index: 99 !important;
   border-radius: 4px;
}

.ui-datepicker a {
   text-decoration: none;
}


/* DatePicker Table
*************************************************/


.ui-datepicker table {
    width: 100%;
}

.ui-datepicker-header {
    background: none repeat scroll 0 0 white;
    border-color: #111;
    border-width: 1px 0 0;
    box-shadow: 0 1px 1px 0 rgba(250, 250, 250, 0.2) inset;
    line-height: 30px;
}

.ui-datepicker-title {
    text-align: center;
}

.ui-datepicker-prev, 
.ui-datepicker-next {
    color: #a4a4a4;
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    height: 30px;
    overflow: hidden;
    text-align: center;
}

.ui-datepicker-prev span.ui-icon,
.ui-datepicker-next span.ui-icon {
    text-indent: 0;
}

span.ui-icon.ui-icon-circle-triangle-e {
    text-indent: 0;
}

.ui-datepicker-prev {
    float: left;
    background-position: center -30px;
}

.ui-datepicker-next {
    float: right;
    background-position: center 0px;
}

.ui-datepicker thead {
    border-bottom: 1px solid #e1e1e1;
}

.ui-datepicker th {
    text-transform: uppercase;
    font-size: 6pt;
    padding: 5px 0;
    color: #666666;
    text-shadow: 1px 0px 0px #fff;
    filter: dropshadow(color=#fff, offx=1, offy=0);
}

.ui-datepicker tbody td {
    padding: 0;
    border-right: 1px solid #e1e1e1;
}

.ui-datepicker tbody td:last-child {
    border-right: 0px;
}

.ui-datepicker tbody tr {
    border-bottom: 1px solid #e1e1e1;
}

.ui-datepicker tbody tr:last-child {
    border-bottom: 0px;
}

.ui-datepicker td span, 
.ui-datepicker td a {
    display: inline-block;
    text-align: center;
    width: 30px;
    line-height: 30px;
    height: 30px;
    color: #666666;
}

td.ui-datepicker-other-month {
    background: #fbfbfb;
}

.ui-datepicker td a:active {
    background:  #428bca !important;
    border: 1px solid #c9c9c9;
}

.ui-datepicker td a:focus {
    background: #428bca !important;
    border: medium none;
    box-shadow: 1px 1px 1px #ddd;
    color: #e0e0e0;
}

.ui-datepicker-calendar .ui-state-default {
}

.ui-datepicker-calendar .ui-state-hover {
    background: #f7f7f7;
}

.ui-datepicker-calendar .ui-state-active {
    background: #428bca !important;
    color: #fff;
    position: relative;
}

.ui-datepicker-unselectable .ui-state-default {
    background: #f4f4f4;
    color: #b4b3b3;
}

.ui-datepicker-calendar td:first-child .ui-state-active {
    width: 29px;
    margin-left: 0;
}

.ui-datepicker-calendar td:last-child .ui-state-active {
    width: 29px;
    margin-right: 0;
}

#ui-datepicker-div { 
    display: none; 
}


/* Outer Panel Styling
*************************************************/


.panel {  
    margin-bottom: 10px; 
    box-shadow:none;
}

.panel {
    background: url("../images/curl-mg.png") no-repeat scroll right bottom white;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}

.panel-subtitle {
    color: #808697;
    font-size: 13px;
    letter-spacing: -0.5px;
    margin: 5px 0 5px 14px;
	line-height: 0;
}

.panel-heading {
    background: none repeat scroll 0 0 #f8f8f8;
    border-bottom: 1px solid #E6E6E6;
    border-radius: 5px 5px 0 0;
    padding: 18px;
    position: relative;
}

.panel-heading h2.panel-title .fa.fa-fw {
    padding-right: 25px;
    text-align: left;
}

.panel-default > .panel-heading {
    background-color: #f8f8f8;
    border-color: #e6e6e6;
    color: #333;
    padding: 10px;
}

.panel-group .panel {
    box-shadow: none;
}

.panel-collapse .panel-body {
    margin-top: 0;
    padding-bottom: 20px;
    padding-top: 20px;
}

.panel-title > a {
    color: #428bca !important;
}

.panel-title > span {
    color: #b6b6b6;
}

.panel-group .panel-title > a {
    color: #428bca !important;
    font-size:15px;
    box-shadow: none;
}

.panel-title {
    color: #33353f !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 22px !important;
    margin: 0 !important;
    max-width: 85%;
    padding: 0 !important;
    text-transform: none;
}

.panel-group .panel + .panel {
    margin-top: 0;
}

.widget-summary .panel-title {
    font-size: 20px !important;
    padding: 0 0 3px !important;
}

.widget-summary > h2 {
    padding: 0;
}

.panel-actions {
    position: absolute;
    right: 15px;
    top: 15px;
}

.panel-body {
    border-radius: 0 0 5px 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-top: 20px;
    padding: 0 20px;
}

.panel-body p {
    border-bottom: 1px solid #eff2f7;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 25px;
    padding-top: 25px;
    text-align: center;
}

.panel-body p.mg_amount_level  {
    border: 1px dashed #b8b8b8;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-bottom: 20px;
    background: white;
    border-radius: 8px;
    cursor: move;
    padding-top: 20px;
    text-align: center;
}

.mg_custom_list_row {
    background: #f8f8f8;
    padding-top: 15px;
    margin-bottom: 10px;
    border: 1px dashed #ddd;
    cursor: move;
    padding-bottom: 10px;
    border-radius: 4px;
}

.form-group.mg_custom_list {
    margin-bottom: 5px;
}

#listener_front_url, #listener_back_url, .miglaServerStatus {
    padding-top: 7px;
}

.mg_customlist_key.form-control, .mg_customlist_val.form-control {
    background: white;
}

.mg_amount_level::before, ul.row.mg_campaign_list.ui-sortable li::before {
    color: #ddd !important;
    content: "\f0c9";
    font-family: fontawesome;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    left: 0;
    text-decoration: inherit;
    top: 7px;
    padding-left: 20px;
    float: left;
    padding-top: 5px;
}

ul.row.mg_campaign_list.ui-sortable li::before {
    padding-top: 7px;
}

.panel-body > .row {
    border-bottom: 1px solid #f1f1f1;
    padding: 20px 0;
}

.panel-body .row .col-sm-12 .row {
    min-height: 60px;
}

.panel-group .panel-heading {
    box-shadow: 0 1px 1px white inset;
}

.panel-body p select {
    height: 35px;
}

.form-horizontal {
    border-bottom: 1px solid #f1f1f1;
    padding: 20px 0;
}

.form-group.touching {
    margin-bottom: 15px;
    min-height: 30px;
}

.form-group.grouping {
    margin-bottom: 5px;
    min-height: 30px;
}

.form-control.touch-top {
    border-radius: 4px 4px 0 0;
}

.form-control.touch-middle {
    border-radius: 0;
}

.form-control.touch-bottom {
    border-radius: 0 0 4px 4px ;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    background-color: #6bb5da;
    border-color: #96cae4;
}


/* General Form Controls
*************************************************/


label {
    font-weight:normal;
}

.control-label {
    float: left;
    margin-bottom: 0;
    margin-right: 20px;
    padding-top: 8px;
    padding-bottom: 5px;
    text-align: right;
    color: #454e59;
    width:100%;
}


/** Help Controls **/


.help-control {
    color: #666;
    display: block;
    font-size: 9px;
    margin-bottom: 1px;
    margin-top: 6px;
    text-align: right;
}

.time-control {
    font-size: 12px;
    text-align: right;
}

.help-control-center {
    color: #999;
    display: block;
    font-size: 10px;
    margin:13px 10px 0;
    text-align: center;
}

.help-control-left {
    color: #999;
    display: block;
    font-size: 10px;
    margin:13px 0 0;
    text-align: left;
}

.help-control:before {
    content: "* (";
}

.help-control:after {
    content: ")";
}


/* Check Box Controls
*************************************************/


.checkbox.border-check-control:first-child {
    margin-top: 0;
}

.border-check-control:hover {
    background: none repeat scroll 0 0 #f8f8f8;
}

.checkbox.border-check-control:last-child {
    margin-bottom: 0;
}

form p .checkbox-inline {
    color: #999;
    display: flex;
    font-size: 10px;
    padding-top: 9px;
    position: relative;
}

.wp-admin p label input[type="checkbox"] {
    margin-top: 0;
}
/*
input[type="checkbox"], input[type="radio"] {
    margin: 2px 5px 0 0;
}
*/
input[type="radio"] {
    border: 1px solid #d2d8dd;
}

input[type="checkbox"] {
    border: 1px solid #d2d8dd;
}

.list-group input[type="checkbox"], .list-group input[type="radio"], .ui-sortable input[type="checkbox"],  .ui-sortable input[type="radio"], #divAddGroup input[type="checkbox"] {
    margin-top: 0px;
    margin-right: 10px;
}

ul#mg_constantcontact_list, ul#migla_mailchimp_list, .mg_value-edit {
    padding-top: 7px;
}

/** End Controls **/


/* Reverses colors on spinner in the reoccurring tab
*************************************************/


.mg_recurring_row .btn.btn-default.spinner-up, 
.mg_recurring_row .btn.btn-default.spinner-down {
    background: none repeat scroll 0 0 #f9f9f9;
}

.mg_recurring_row.containers.ui-sortable {
    margin-bottom: 20px;
}


/* Tabs
*************************************************/


.tab-content {
    background-color: white;
    border-color:  #dbe3e9;
    border-image: none;
    border-radius: 0 0 4px 4px;
    border-right: 1px solid #dbe3e9;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
    padding: 15px;
}

.tab-content .widget-summary {
    margin-bottom: 5px;
    margin-top: 5px;
}

.nav-tabs.nav-justified > li > a {
    background: none repeat scroll 0 0 #f2f2f2;
    border-bottom: 1px solid #dbe3e9;
    border-radius: 7px 7px 0 0;
    border-left: 1px solid #dbe3e9;
    border-right: 1px solid #dbe3e9;
    border-top: 1px solid #dbe3e9;
    box-shadow:none;
    
}

.nav-tabs.nav-justified > .active > a, 
.nav-tabs.nav-justified > .active > a:hover, 
.nav-tabs.nav-justified > .active > a:focus {
    background: none repeat scroll 0 0 white;
    border-bottom-color: #fff;
    box-shadow:none;
}

.nav-tabs .fa {
    color: #d7d7d7;
}

.nav-tabs.nav-justified>li.active {
    width: 50%;
}

/* Pills
*************************************************/


.nav.nav-pills {
    margin-bottom: 30px;
    padding: 0;
}

ul.nav.nav-pills > li > a {
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    text-align: center;
    text-shadow: 1px 1px #ffffff;
    transition: background-color 0.3s ease-out 0s;
    vertical-align: middle;
    white-space: nowrap;
}

li.migla_button-translation {
    float: right;
}

.nav.nav-pills a {
    color: #33353f;
}
.nav > li > a {
    padding: 10px 15px;
    position: relative;
}

li.migla_translation-button {
    float: right;
}

a#mg_amount_month {
    border-radius: 4px 0px 0 4px;
}

a#mg_amount_7day {
    border-radius: 0;
}

a#mg_amount_today {
    border-radius: 0 4px 4px 0px;
}

a#exportTable {
    vertical-align: top;
}

ul.nav.nav-pills > li.active > a, 
ul.nav.nav-pills > li.active > a:hover, 
ul.nav.nav-pills > li.active > a:focus {
    background-color: inherit;
    color: #33353f !important;
}

.nav-pills > li.active > a, 
.nav-pills > li.active > a:hover, 
.nav-pills > li.active > a:focus {
    color: #fff;
}

.nav-pills a.active.show {
    border-bottom: 1px solid #91989c;
}

ul.nav.nav-pills > li > a {
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    text-align: center;
    text-shadow: 1px 1px #ffffff;
    transition: background-color 0.3s ease-out 0s;
    vertical-align: middle;
    white-space: nowrap;
}

.nav > li > a:hover, 
.nav > li > a:focus {
    text-decoration: none;
}

.nav > li > a {
    padding: 10px 15px;
    position: relative;
}

.tab-content.nav-pills-tabs {
    background-color: inherit;
    border-image: none;
    border-style: none;
    box-shadow: none;
    padding: 0;
}

ul.nav.nav-pills > li > a:hover, 
ul.nav.nav-pills > li.active > a:hover {
    background-color: #f8f8f8;
    border-radius: 8px;
}

ul.nav.nav-pills li.active .fa {
    color: #d7d7d7;
    transition: background-color 0.9s ease-out 01s;
}

ul.nav.nav-pills > li > a:hover .fa {
    color: #d7d7d7;
}

ul.nav.nav-pills a:focus {
    box-shadow:none;
}


/* Dashboard
*************************************************/

button.multiselect.dropdown-toggle.btn.btn-default.button {
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.05) inset;
    border: 1px solid #ddd;
    padding: 4px 22px;
    color: #444;
}

.ibox-title .dropdown-menu .radio input[type=radio] {
    top: 6px;
}

.dropdown-menu .radio input[type=radio] {
    width: 16px;
    min-width: 15px;
    height: 16px;
    top: 10px;
    margin-left: -25px;
}

input[type=radio]:checked::before {
    content: "";
    border-radius: 50%;
    width: 0.5rem;
    height: 0.5rem;
    margin: .185rem;
    background-color: #1e8cbe;
}

.ibox-title input[type=radio]:checked::before, .mg_edit_circle input[type=radio]:checked::before {
    margin: .285rem;
}

.wp-admin select {
    max-width: 100% !important;
    background-color: #fbfbfb;
}

.dropdown-menu {
	padding: 0px 0;
    margin: 10px 0 0;
}

.dropdown-menu>li>a {
    display: block;
	padding: 1px 15px 7px
}

.legend {
    margin: 10px 0 5px;
}

.line-legend > li {
    margin: 0 10px 0 0;
}

.undeclared-campaign {
    min-height: 55px;
}

.swatch {
    border-radius: 2px;
    display: inline-block;
    height: 10px;
    margin-right: 3px;
    width: 10px;
}

.swatchLabel {
    background-color: transparent;
    color: inherit;
    display: inline;
    font-size: inherit;
    font-weight: 400;
    line-height: normal;
    padding: 0;
    text-shadow: none;
    white-space: nowrap;
}

#sectionB {
    margin-bottom: 20px;
}

p.mg_upgrade-nag {
    text-align: left;
    padding-left: 10px;
    padding-top: 15px;
    border-bottom: none;
}

.bg-tertiary {
    background: none repeat scroll 0 0 #2baab1;
}

.widget-summary .summary .title {
    color: #333333;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.2rem;
    margin: 0;
}

.widget-summary:after {
    clear: both;
    content: "";
    display: table;
}

.widget-summary .summary .amount {
    color: #333333;
    font-size: 2.4rem;
    font-weight: 600;
    margin-right: 0.2em;
    vertical-align: middle;
}

.widget-summary .summary-icon {
    border-radius: 55px;
    color: #fff;
    font-size: 3rem;
    height: 90px;
    line-height: 85px;
    margin-right: 15px;
    text-align: center;
    width: 90px;
    vertical-align: middle;
}

.widget-summary-col-icon .summary-icon.bg-primary {
    font-size: 57px;
    line-height: 82px;
}

.widget-summary-col-icon .summary-icon.bg-primary.mg_country-code {
    font-size: 30px;
}

/*
.widget-summary .summary-icon i {
   font-size: 4.2rem;
   padding-top: 18px; 

}

.widget-summary .summary-icon .fa-calendar {
    font-size: 3.5rem;
    padding: 0;
}

.widget-summary .summary-icon span {
    font-size: 3.6rem;
}
*/
.widget-summary-col-icon {
    display: table-cell;
    vertical-align: top;
}

.widget-summary-col {
    width: 100%;
}

.widget-summary .widget-summary-col {
    display: table-cell;
    vertical-align: top;
}

.widget-summary {
    margin-bottom: 20px;
}

.widget-footer {
    float: right;
    font-size: 9px;
    text-transform: uppercase;
}

.widget-footer-2 {
    float: right;
    margin-top: -10px;
}

.info {
    padding: 12px 0 12px;
}

.mg_active-date-reports .tab-content {
    border-radius: 0;
}

.mg_active-date-reports .info {
    font-size: 15px;
    padding: 8px 0px;
}

.bg-color-primary {
    border-color: #0088cc;
}

.bg-color-red {
    background: none repeat scroll 0 0 #e36159;
}

.bg-color-teal {
    background: none repeat scroll 0 0 #2baab1;
}

.bg-color-green {
    background: none repeat scroll 0 0 #2CB07D;
}

.mg_sell-text h3 {
    padding-bottom: 30px;
}

.or {
    position: relative;
    width: .3em;
    height: 2.57142857em;
    z-index: 3;
}

.or::before {
    position: absolute;
    text-align: center;
    border-radius: 500rem;
    content: 'or';
    top: 50%;
    left: 50%;
    background-color: #FFF;
    text-shadow: none;
    margin-top: 0.27em;
    margin-left: 6.2em;
    width: 1.78571429em;
    height: 1.78571429em;
    line-height: 1.78571429em;
    color: rgba(0,0,0,.4);
    font-style: normal;
    font-weight: 500;
    box-shadow: 0 0 0 1px transparent inset;
}

.mg_date-picker-dashboard {
    margin-left: 20px;
}

h2#migla-donation-title {
    display: inline;
}

.mg_dashboard-toggle-btns {
    text-align: right; 
    float: right;
    display: inline;
}

.mg_dashboard-toggle-btns .mg_pagination {
    margin: 0rem 0rem 1.5rem 0;
}

.mg_pagination {
    display: inline;
    padding-left: 0;
    margin: 0;
    border-radius: 4px;
}

.mg_pagination li a {
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.05) inset;
}

.mg_pagination>.mg_active>a, .mg_pagination>.mg_active>a:hover, .mg_pagination>.mg_active>a:focus, .mg_pagination>.mg_active>span, .mg_pagination>.wf-active>span:hover, .mg_pagination>.mg_active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #2baab1;
    border-color: #00a6af;
    cursor: default;
}

.mg_pagination-sm>li:first-child>a, mg_pagination-sm>li:first-child>span {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.mg_pagination>li:first-child>a, .mg_pagination>li:first-child>span {
    margin-left: 0;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.mg_pagination-sm>li:first-child>a, .mg_pagination-sm>li:first-child>span {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.mg_pagination>li:first-child>a, .mg_pagination>li:first-child>span {
    margin-left: 0;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.mg_pagination>mg_active>a, .mg_pagination>.wf-active>a:hover, .mg_pagination>.mg_active>a:focus, .mg_pagination>.mg_active>span, .mg_pagination>.mg_active>span:hover, .mg_pagination>.mg_active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #2baab1;
    border-color: #00a6af;
    cursor: default;
}
.mg_pagination>.mg_active>a, .mg_pagination>.mg_active>a:hover, .mg_pagination>.mg_active>a:focus, .mg_pagination>.mg_active>span, .mg_pagination>.mg_active>span:hover, .mg_pagination>.mg_active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #2baab1;
    border-color: #00a6af;
    cursor: default;
}
.mg_pagination-sm>li>a, .mg_pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
.mg_pagination-sm>li>a, .mg_pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
.mg_pagination>li>a, .mg_pagination>li>span {
    position: relative;
    float: left;
    padding: .5rem 1.25rem;
    line-height: 1.42857;
    text-decoration: none;
    font-weight: 400;
    color: #444;
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    margin-left: -1px;
}

.mg_pagination li {
    font-size: .875rem;
    color: #2d2d2d;
    line-height: 1.3125;
    font-weight: normal;
}

.mg_pagination>li {
    display: inline;
}

.li-total-choice a:hover,  .li-graph a:hover {
    cursor: pointer; 
}

.mg_pagination>.mg_-active> a, .mg_pagination>.mg_active>a:hover, .mg_pagination>.mg_active>a:focus,  {
    z-index: 3;
    color: #fff;
    background-color: #00709e;
    border-color: #00709e;
    cursor: default;
}


/* Timeline Donations
*************************************************/


.ibox-content {
    clear: both;
}

.timeline-item {
    border-bottom: 1px solid #e7eaec;
    padding: 15px 20px;
}

.ibox-content {
    background-color: #ffffff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
    color: inherit;
    padding: 15px 0 20px;
}

.panel-body .content p {
    border: medium none;
    padding-bottom: 35px;
    padding-top: 0;
    text-align: left;
}

.timeline-item .date {
    padding-top: 40px;
    position: relative;
    text-align: right;
    width: 110px;
}

.timeline-item .date i {
    background: none repeat scroll 0 0 #f8f8f8;
    border-bottom: 1px solid #e7eaec;
    border-left: 1px solid #e7eaec;
    padding: 5px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 30px;
}

.timeline-item .date span {
    background: none repeat scroll 0 0 #f8f8f8;
    border-bottom: 1px solid #e7eaec;
    border-left: 1px solid #e7eaec;
    border-top: 1px solid #e7eaec;
    padding: 5px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 30px;
    font-size:10px;
}

.donorname {
    color: #666;
    float: right;
    margin-right: -15px;
    font-weight: bold;
}

.timeline-item .content {
    border-left: 1px solid #e7eaec;
    min-height: 100px;
    padding-top: 5px;
}

.text-navy {
    color: #1ab394;
}


/* The Reports Table
*************************************************/

#miglaReportTable_wrapper tr.even, #miglaFosterKitTable_wrapper tr.even, #miglaReportTable6months_wrapper tr.even, #miglaReportTable-post_wrapper tr.even, #datatable-default_wrapper6months-post tr.even {
    background: #f9f9f9;
}

.fk-row{
    width:100%;
    height:100%;
}

#miglaReportTable_paginate {
    float: right;
}

#miglaReportTable_length {
    float: left;
}

.reportGroupHeader {
    background: none repeat scroll 0 0 #f1f1f1 !important;
    font-size: 14px;
}

button.btn.rbutton.mg_rec_close {
    float: right;
}

#miglaReportTable .pink-highlight td .fa-check-circle {
    color: #b96767;
}

.reportGroupHeader.mg_retrieve_recurring_header td {
    padding-bottom: 20px !important;
    border: medium none !important;
}

.table > thead > tr > th {
    border-bottom: 1px solid #ddd;
    vertical-align: bottom;
}

#miglaReportTable_info {
    margin: 11px 0 35px;
    padding: 0;
}

.row.datatables-footer {
    margin-bottom: 25px;
    margin-top: 65px;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #eee;
}

table.dataTable thead th, 
table.dataTable thead td {
    border-bottom: 1px solid #f5f5f5;
    padding: 10px 12px;
}

.dataTable .det tr {
    background: #fff;
}

table.dataTable tbody th, 
table.dataTable tbody td {
    padding: 8px 12px;
}

table.dataTable tfoot th, 
table.dataTable tfoot td {
    border-top: medium none;
    padding: 25px 0 40px;
}

#miglaReportTable_length select {
/*    height: 28px;
    line-height: 28px; */
    padding: 2px;
    vertical-align: middle;
    width: 85px;
}

.dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    font-size: 13px;
    padding-top: 18px; 
    padding-bottom: 1em;
}

#miglaReportTable_wrapper .dataTables_filter {
    margin-bottom: 17px;
    float: right;
}

#miglaReportTable .shown {
    box-shadow: 1px 2px 0 #ddd;
}

#miglaReportTable_wrapper input[type="text"] {
    max-width: 120px;
    width: 85%;
}

#miglaStripePlanTable_wrapper input[type="text"] {
    width: 85%;
}

.panel-heading-icon {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 55px;
    color: #fff;
    font-size: 4.2rem;
    height: 90px;
    line-height: 90px;
    margin: 0 auto;
    text-align: center;
    width: 90px;
}

tr.reportGroupHeader td {
    height: 40px;
    background: #f9f9f9;
    font-weight: bold;
}

table.dataTable.row-border tbody th, 
table.dataTable.row-border tbody td, 
table.dataTable.display tbody th, 
table.dataTable.display tbody td {
    border-left: 1px solid #efefef !important;
    border-top: 1px solid #efefef !important;
}

table.dataTable.row-border tbody th, 
table.dataTable.row-border tbody td, 
table.dataTable.display tbody th, 
table.dataTable.display tbody td:first-child {
    border-left: none !important;
}

.det .table.table-hover td {
    text-transform: capitalize;
}

.det tbody {
    border: 1px solid #e7e7e7;
}

.det > td {
    padding: 25px 20px !important;
    background:none repeat scroll 0 0 #f1f1f1;
}

.det tbody tr td {
    padding: 7px 20px !important;
}

.mg_editrecord {
    margin-top: 10px;
    margin-bottom: 10px;
}


/* Table Date Range Picker
*************************************************/


.input-daterange.input-group.migla-date-range-picker {
    max-width: 280px !important;
    width: 85% !important;
}

.total-donations_page_migla_reports_page .input-daterange.input-group.migla-date-range-picker.mg_date-range-filter,
.total-donations_page_migla_offline_donations_page .input-daterange.input-group.migla-date-range-picker.mg_date-range-filter {
    float: left;
    margin-right: 23px;
}

span.input-group-addon.migla-to-date {
    border-left: 0 none !important;
}

.input-group-addon.migla-date-range-icon {
    padding: 8px 6px;
    width: 10px !important;
}

.input-group-addon.migla-to-date {
    font-size: 13px;
    padding: 9px 5px;
}


/* Table Paganation
*************************************************/


#miglaReportTable_paginate > span {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin: 5px;
    padding: 6px 0 7px;
}

.paginate_button.previous.disabled, 
.paginate_button.next.disabled {
    cursor: not-allowed !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: none repeat scroll 0 0 #428bca;
    border: medium none;
    color: white !important;
    padding: 7px 20px;
}

.paginate_button.previous, 
.paginate_button.next {
    border: 1px solid transparent !important;
}

.paginate_button.previous:hover, 
.paginate_button.next:hover {
    border: 1px solid #ddd !important;
}

#miglaReportTable_paginate span {
    margin-left: 5px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border-right: 1px solid #ddd;
    box-sizing: border-box;
    color: #333 !important;
    cursor: pointer;
    display: inline-block;
    margin-left: 0;
    min-width: 1.5em;
    padding: 0.5em 1em;
    text-align: center;
    text-decoration: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: none repeat scroll 0 0 #ededed;
    border-color: #ddd #ddd #ddd transparent;
    border-right: 1px solid #ddd;
    border-style: solid;
    border-width: 1px;
    color: #666 !important;
}


/* Circle Progress Bar
*************************************************/

.migla_circle_wrapper > canvas {
    display: inline;
}

.migla_circle_wrapper {
    display: table;
    margin: 0 auto 0 !important;
}

.migla_circle_bar {
    display: table-cell;
    position: relative;
    text-align: center;
}

.migla_circle_text {
    bottom: 0;
    display: block;
    font-size: 20px;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
     word-wrap: normal;
}

.migla_circle_text i {
    font-size: 75%;
}

.mg_circle-text-wrapper {
    display: block;
    margin-top: 20px;
    width: 300px;
}

/* Circle Text
*************************************************/

.mg_circle-text-wrapper {
    margin: 0 auto;
}

.mg_text-barometer {

}

.mg_text-barometer li span {
    display: block;
}

.mg_current,
.mg_target,
.mg_backers {
    font-size: 100%;
    margin-bottom: 0;
}

.mg_current-amount,
.mg_target-amount,
.mg_backers-amount {
    font-size: 125%;
    font-weight: bold;
    margin-bottom: 15px;
    padding-bottom: 13px;
    border-bottom: 1px solid #ddd;
}

.mg_circle-custom-text {
    margin-bottom: 25px;
    margin-top: 25px;
}

.bootstrap-wrapper .mg_circle-custom-text {
    margin-bottom: 15px;
    margin-top: 0 !important;
}

/* Progress Bar
*************************************************/

div#me.progress {
    margin-top: 9px;
}

/***** IE animate **********/

.progress.active .bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

/***** End IE  ************/

.mg_percentage .progress-bar.progress-bar-primary {
    font-size: 8px;
}

.progress-half-rounded {
    background: none repeat scroll 0 0 #b4c1d6;
    border-radius: 10px;
    box-shadow:0 1px 2px 0 rgba(128, 128, 128, 0.79) inset !important;
}

.progress {
    background-repeat: repeat-x;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    border: 1px solid #999;
    height: 18px;
    margin-bottom: 35px !important;
    overflow: hidden;
    text-indent: -9999px;
}

.progress-bar {
    background-repeat: repeat-x;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 12px;
    height: 100%;
    line-height: 16px;
    position: relative;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    transition: width 0.6s ease 0s;
    max-width:100%;
    padding-right: 8px;
    text-indent: -9999px !important;
}

.mg_percentage {
    text-indent: 8px !important;
}

.mg_percentage .progress-bar    {
 text-align: right !important;
}


.striped .progress-bar  {
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 42px 42px;
}

.animated-striped .progress-bar, 
.active .progress-bar {
    -webkit-animation:progress-bar-stripes 2s linear 0s normal none infinite running ;
     animation:progress-bar-stripes 2s linear 0s normal none infinite running ;
    -moz-animation:progress-bar-stripes 2s linear 0s normal none infinite running ;
    -o-animation:progress-bar-stripes 2s linear 0s normal none infinite running ;
    -ms-animation:progress-bar-stripes 2s linear 0s normal none infinite running ;
}

@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}



.mg_pulse .progress-bar:after {
     animation:3s ease-out 0s normal none infinite progress-active;
     -webkit-animation:4s ease-out 0s normal none infinite progress-active;
      -moz-animation:4s ease-out 0s normal none infinite progress-active;
       -ms-animation:4s ease-out 0s normal none infinite progress-active;
        -o-animation:4s ease-out 0s normal none infinite progress-active;
    background: none repeat scroll 0 0 #fff;
    border-radius: 3px;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}

@-webkit-keyframes progress-active {
0% {
    opacity: 0;
    width: 0;
}
50% {
    opacity: 0.3;
}
100% {
    opacity: 0;
    width: 100%;
}
}

@-ms-keyframes  progress-active {
0% {
    opacity: 0;
    width: 0;
}
50% {
    opacity: 0.3;
}
100% {
    opacity: 0;
    width: 100%;
}
}

@keyframes progress-active {
0% {
    opacity: 0;
    width: 0;
}
50% {
    opacity: 0.3;
}
100% {
    opacity: 0;
    width: 100%;
}
}

@keyframes progress-active {
0% {
    opacity: 0;
    width: 0;
}
50% {
    opacity: 0.3;
}
100% {
    opacity: 0;
    width: 100%;
}
}

/* End Progress Bars */


/* Custom Giving Levels 
*************************************************/


#warningEmptyAmounts {
    padding: 30px 0 15px;
    text-align: center;
}

#wpcontent {
    height: 100%;
}

.miglaRemoveLevel, .miglaRemoveCampaign {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #ddd;
    border-radius: 20px;
    color: #bcbcbc;
    height: 35px;
    margin: 0 20px;
    width: 45px;
}

.miglaRemoveLevel:hover, 
.miglaRemoveCampaign:hover {
    background: none repeat scroll 0 0 #f7f7f7;
    color: #959595;
}	

.migla-options {
    background-color: #f5f5f5;
    border: 1px solid #dedede;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    font-size: 13px;
    line-height: 1.3;
}

.col-container {
    color: #4b4949;
}

.col-wrap > label {
    width: 150px;
    display: inline-block;
}

.miglaUpdateNameButton {
    color: #5fca43;
}


/* Date Boxes and Things
*************************************************/


.mglMonthYear, 
#mgl_count, 
.miglacontainer, 
.panel {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    border: 1px solid #dfe7ea;
    border-radius: 4px;
}

.mglMonthYear, 
#mgl_count {
    background: none repeat scroll 0 0 white;
    border-color: #e8edf0;
    border-image: none;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px 1px 1px 3px;
    color:#33353f;
    font-size: 18px;
}

.mglMonthYear {
    background: none repeat scroll 0 0 #0088cc;
    color: white;
    display: inline-block;
    padding: 18px 20px;
    width: 290px;
}

#mgl_count {
    float: left;
    font-weight: normal;
    padding: 18px;
    width: 290px;
}

#mglMonth, #mglYear {
    display:inline;
}


/* Logs and Error Page 
*************************************************/

button.rbutton.mg_empty_error_log {
    float: right;
}

.mg_error_log_div {
    max-height: 365px;
    overflow-y: scroll;
    overflow-x: hidden;
    min-height: 120px;

}

.mg_cache_detail > .col-sm-12 {
    padding-bottom: 2px;
}

.mg_cache-style {
    padding-bottom: 17px;
    border-bottom: 1px solid #f1f1f1;
}

.mg_cache-value-style {
    font-weight: bold;
}

.rbutton.mg_erase_cache, .mg_erase_cache_std {
    float: right;
}

.mg_cache_detail {
    padding-top: 20px;
    padding-bottom: 20px;
}


/* Buttons
*************************************************/


.mg_go-back {
    border: 1px solid #888;
    border-radius: 4px;
    color: #33353f;
    display: inline-block;
    font-size: 13px;
    margin: 10px 0 0;
    padding: 10px;
    cursor: pointer;
    transition: background-color 0.3s ease-out 0s;
    text-shadow: 1px 1px #ffffff;
}

.mg_go-back:hover {
    background: #f8f8f8 none repeat scroll 0 0;
    text-decoration: none;
 color: #33353f;
}

.mg_inner-form-shortcode {
    display: inline;
    float: right;
    text-align: right;
    width: 250px;
    margin-top: 10px;
}

.mg_inner-form-shortcode input {
height: 40px !important;
}

.center-button {
    padding: 5px 0;
    text-align: center;
}

.panel-body .pbutton, #migla_stripe_TLS_test {
    min-width: 120px;
}

button#migla_go_translate_btn {
    min-width: 215px;
    margin-right: 0;
}

.mNavigation {
    padding:24px 20px;
}

.mnext, 
.mprev, 
.mbutton, 
.obutton, 
.pbutton, 
.rbutton {
    transition: all 0.1s ease-out 0s;
}

.mnext, 
.mprev, 
.mbutton {
    background: none repeat scroll 0 0 #eee;
    border: medium none !important;
    border-radius: 4px;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2) inset;
    color: #666;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    margin-bottom: 0;
    margin-right: 5px;
    padding: 7px;
    position: relative;
    z-index: 99;
    min-width: 120px; 
    text-transform:lowercase;
}

.obutton {
    background: none repeat scroll 0 0  #5bc0de !important;
    color: white !important;
    border: medium none !important;
    border-radius: 3px;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2) inset;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    margin-bottom: 0;
    margin-right: 5px;
    padding: 7px;
    position: relative;
    z-index: 99;
    text-transform:lowercase;
}

.pbutton, .savebutton {
    background: none repeat scroll 0 0 #428bca !important;
    color: white !important;
    border: medium none !important;
    border-radius: 3px;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.3) inset;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    margin-bottom: 0;
    margin-right: 5px;
    padding: 7px;
    position: relative;
    z-index: 99;
    text-transform:lowercase;
}

.rbutton {
    background: none repeat scroll 0 0 #cc433a !important;
    border: medium none !important;
    border-radius: 3px;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2) inset;
    color: white !important;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    margin-bottom: 0;
    margin-right: 5px;
    padding: 7px;
    position: relative;
    z-index: 99;
    text-transform:lowercase;
}

.gbutton {
    background: none repeat scroll 0 0 #cc433a !important;
    border: medium none !important;
    border-radius: 3px;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2) inset;
    color: white !important;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    margin-bottom: 0;
    margin-right: 5px;
    padding: 7px;
    position: relative;
    z-index: 99;
    text-transform:lowercase;
}

.input-group-btn span.btn.btn-primary.obutton {
    padding: 7px 14px;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
}

.btn:active, 
.btn.active {
    background-image: none !important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset !important;
    outline: 0 none !important;
}

.mnext:active, 
.mprev:active, 
.mbutton:active, 
.obutton:active, 
.rbutton:active 
.pbutton:active {
    box-shadow:0 2px 5px -1px rgba(0, 0, 0, 0.5) inset !important;
}

.mnext:hover, 
.mprev:hover,  
.mbutton:hover, 
.rbutton:hover {
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2) inset;
    color: #888;
}

.pbutton:hover, 
.rbutton:hover, 
.obutton:hover {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2) inset;
    color: #f4f4f4 !important;
}


/* Buttons Controls 
*************************************************/


#miglaRemoveCampaignButton, 
#migla_save_receipt,
#miglaAddOffline, 
#miglaAddAmountButton, 
#miglaDeleteAmountButton, 
#miglaSetCountryButton, 
#miglaSetCurrencyButton, 
#miglaUnLabelChange,   
#miglaThankPage, 
#miglaThankPagePrev,
#migla_ThankPage_btn
{
    min-width:120px;
    margin-top:20px 
}

#miglaAddCampaign,
#miglaDefaultCurrency,
#mg_constantcontact_test,
#mg_mailchimp_test  {
   min-width:120px;
}

/* end buttons */

span.icon {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    bottom: 0;
    box-sizing: content-box;
    display: inline-block;
    left: 0;
    line-height: 1.42857;
    padding: 6px 12px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: auto;
    z-index: 3;
}

.html.wp-toolbar body.wp-admin.wp-core-ui.js.migla-donation_page_migla_online_donations_page.auto-fold.admin-bar.branch-4.version-4-0.admin-color-fresh.locale-en-us.customize-support.sticky-menu.svg div#wpwrap div#wpcontent div#wpbody div#wpbody-content div.wrap div#col-container div#tab0.tab_campaign div#miglacontainer.miglacontainer.effect1 div.donation-container table.thelist tbody tr th {
    padding:20px;
}

.migla-header {
    border-bottom: 1px solid #d8d8d8;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    padding: 15px 15px 30px;
    text-align: right;
}


/* For all Containers
*************************************************/


.miglacontainer {
    height:auto;
    background:#FFF;
    margin:20px auto 60px;
    font: 100% -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; 
    width: 100%;
}

.col-wrap {
    padding: 0 15px;
}

#campaignName, #campaignTarget {
    padding-right: 15px;
}

 #campaignTarget {
    padding-left: 10px;
}


/* UI Elements
*************************************************/


.migla-ui-slider {
    background: none repeat scroll 0 0 #ccc;
    border-radius: 5px !important;
    box-shadow: 2px 1px #ddd inset;
}

html.dark .radio-primary input[type="radio"]:checked + label:after, 
.radio-primary input[type="radio"]:checked + label:after {
    background: none repeat scroll 0 0 #0088cc;
    box-shadow: 0 0 1px #0088cc;
}


/* Form Stuff
*************************************************/

.input-group-addon {
    background-color: white;
    border-bottom: 1px solid #ddd !important;
    border-top: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
    border-right: none !important;
    border-radius: 4px;
    color: #999;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    padding: 6px 12px;
    text-align: center;
}

.input-group {
    border-collapse: separate;
    display: table;
    position: relative;
}

/* pick a color form */

.currentColor {
    border: medium none;
    height: 16px;
    text-align: center;
    vertical-align: middle;
    width: 38px;
    border: 1px solid #dad9d9;
}

.custom-radio {
    padding: 0 15px;
}

.custom-checked {
    height: 34px;
    margin-top: 0;
    position: absolute;
    right: 0.8%;
    width: 45px;
}

/* Input Styling and Controls */
.mg_form-control > .select2{
    max-width: 100%;
    min-width: 100%;	
}

select {
    cursor: pointer;
}

input.color[type="text"] {
    width:100%;
}

input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="textarea"], 
input[type="search"], 
select, textarea {
    background-color: #fbfbfb;
    background-image: none;
    border: 1px solid #dfe7ea !important;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset !important;
    color: #555;
    display: block;
    font-size: 13px;
    height: 34px;
    line-height: 1.42857;
    min-height: 34px;
    min-width: 50px;
    padding: 0 12px !important;
    font-weight: normal;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="email"]:focus,
input[type="textarea"]:focus, 
select:focus, 
input.miglaUpdateName[type="text"]:focus, 
input.miglaUpdateTarget[type="text"]:focus, 
#migla_editor:focus {
    box-shadow: 0 0 3px rgba(3, 107, 163, 0.42) !important;
}

#migla_ThanksEmail_editor, 
#migla_ThanksHonoreeEmail_editor, 
#migla_aproval_Offline_editor, 
#migla_OfflineEmail_editor {
    min-height: 370px;
}

.form-control {
    background-color: #fbfbfb;
    width: 100% !important;
    border: 1px solid #dfe7ea !important;
    font-size: 13px;
}

input.miglaUpdateName[type="text"], 
input.miglaUpdateTarget[type="text"] {
    background-color: #fbfbfb;
    background-image: none;
    border: 1px solid #dfe7ea !important;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset !important;
    color: #555;
    display:inline;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    margin-right: 10px;
    padding: 6px 12px !important;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 17%;
}

textarea#migla-receipt-content, textarea#migla_thankyoupage_editor, textarea#mg_offinfo_editor {
    min-height: 450px;
}

input.mg_label-shortcode {
    background: #f2f2f2;
    box-shadow: none !important;
}

input.mg_label-shortcode:focus {
    box-shadow: none !important;
}


/****************** Dashicons & Font Awesome ****************************/ 


#miglaReportTable td .fa-exclamation-triangle {
    color: #d91e1e;
    float: right;
    padding: 2px 0;
}

#miglaReportTable td .fa-exclamation-circle {
    color: #F5C300;
    float: left;
    padding: 4px 8px 0 0;
}

#miglaReportTable td .fa-check-circle {
    color: #808080;
    float: left;
     padding: 4px 8px 0 0;
}
/*
.fa-fw {
    width: 28px;
}
*/
.panel-actions .fa {
    border: 1px solid #e7e7e7;
    box-shadow: 1px 1px white;
    color: #cdcdcd;
    border-radius: 20px;
    padding: 5px 15px;
    border-radius: 20px;
}

.panel-heading .fa, .panel-heading .dashicons-before {
    color: #d7d7d7;
    padding-right: 15px;
    text-decoration: none;
 }

.panel-actions .fa:hover {
    background: none repeat scroll 0 0 white;
}

.panel-actions .fa:active {
    background: none repeat scroll 0 0 white;
    box-shadow: 1px 1px 1px #d7d7d7 inset;
}

.fa-th-list, .fa-heart, fa-brush {
    color: #c1c1c1;
    text-shadow: 1px 1px 1px #fff;
    padding-right:10px
}

.panel-heading .dashicons {
    color: #d7d7d7;
    left: -7px;
    position: relative;
    width: 27px;
}

div#mg_legend-graph {
    margin-bottom: 50px;
}

/* Adds icons using CSS */

.textIcon:before {
    background: none repeat scroll 0 0 #48a7da;
    border-radius: 50%;
    color: white;
    text-shadow: 1px 1px #cccccc;
    font-family: FontAwesome;
    left: 5px;
    padding: 16px 19px;
    position: absolute;
    top: 21px;
    vertical-align: middle;
    content: "\f004"; 
}

#warningEmptyAmounts .dashicons {
    color: #d7d7d7;
    margin-right: 5px;
}

.form-group.has-error input {
    background: none repeat scroll 0 0 #fefcfc !important;
    border: 1px solid #cb5757 !important;
}

.control-label.required:after {
    color: #D58A8A;
    content: " *";
    font-size: 11px;
}


/********************* color picker ****************************/

.minicolors-position-bottom .minicolors-panel {
    top: 33px;
}

.total-donations_page_migla_donation_custom_theme .wp-picker-container .wp-color-result.button {
    width: 100%;
    height: 34px;
}

.total-donations_page_migla_donation_custom_theme  .wp-color-result-text {
    background: #fbfbfb;
    border-radius: 0 2px 2px 0;
    border-left: 1px solid #ccc;
    color: #555;
    display: block;
    text-align: left;
    line-height: 32px;
    padding: 0 6px;
    height: 32px;
}

.total-donations_page_migla_donation_custom_theme  .wp-picker-container {
    width: 100%;
}

.total-donations_page_migla_donation_custom_theme .wp-picker-container .wp-color-result.button {
    border: 1px solid #dfe7ea !important;
}


/****************** form stuff ****************************/

h4.title.mg_offline_donations {
    display: inline;
}

.input-group-icon, .input-search {
    table-layout: fixed;
    width: 100%;
}

.input-group-icon input.form-control:first-child, .input-group-icon input.form-control:last-child, .input-search input.form-control:first-child, .input-search input.form-control:last-child {
    border-radius: 4px;
}

.input-group-icon .input-group-addon + input.form-control, .input-search .input-group-addon + input.form-control {
    padding-left: 36px;
    padding-right: 12px;
}

.input-group-icon .input-group-addon, .input-search .input-group-addon {
    border: 0 none;
    padding: 0;
    position: relative;
    width: 0;
}

.input-group-icon .input-group-addon:last-child span.icon, .input-search .input-group-addon:last-child span.icon {
    left: auto;
    right: 0;
    color: #da4545 !important;
    font-size: 15px !important;
}

.input-group-icon .input-group-addon span.icon, .input-search .input-group-addon span.icon {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    bottom: 0;
    box-sizing: content-box;
    display: inline-block;
    left: 0;
    line-height: 1.42857;
    padding: 6px 12px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: auto;
    z-index: 3;
}

.input-group-icon input.form-control, .input-search input.form-control {
    padding-right: 36px;
}


.form-control.mg-color-field.minicolors-input {
    border-radius: 0 4px 4px 0;
    padding-left: 40px!important;
}

.minicolors-theme-default .minicolors-swatch {
  top: 5px;
  left: 5px;
  width: 18px;
  height: 18px;
}
.minicolors-theme-default.minicolors-position-right .minicolors-swatch {
  left: auto;
  right: 5px;
}

/* select2 container drop down */

.select2-container .select2-selection--single {
    padding: 3px;
    border: 1px solid #dfe7ea;
    height: 37px;
}



/* Campaign Form Add Remove
*************************************************/


div.containers {
    background-color: #f8f8f8;
    border: 1px dashed #e0e0e0;
    border-radius: 3px;
    cursor: move;
    margin: 0;
    padding: 18px;
}

.miglaUpdateName {
    margin-right: 15px;
}

#qt_migla_editor_toolbar {
    background: none repeat scroll 0 0 white;
      padding: 10px;
}

#migla_editor, 
#mg_offinfo_editor, 
#mg_offmsg_editor {
    background-color: #fbfbfb;
    background-image: none;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset !important;
    color: #555;
    display: block;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.42857;
    min-height: 34px;
    min-width: 80px;
    padding: 6px 12px !important;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

#wp-migla_editor-editor-tools .wp-switch-editor {
    height: 30px !important;
 }

#wp-migla_editor-editor-tools .switch-html {
    background: none repeat scroll 0 0 #fff;
}

/* dropdowns */

.dropdown-menu li {
    margin-bottom: 0;
}

.multiselect-container > li > a > label {
    cursor: pointer;
    font-weight: 400;
    height: 100%;
    margin: 0;
    padding: 3px 20px 3px 40px;
}
 
/* Defaults */
.text-center-sm,
.text-center-md,
.text-center-lg,
.text-right-sm,
.text-right-md,
.text-right-lg { text-align: inherit; }

/* Define xs styles after defaults so they take precedence */
.text-center-xs { text-align: center; }
.text-right-xs { text-align: right; }
.text-left-xs { text-align: left; }

/* Small grid */
@media (min-width: 768px) {
  .text-center-sm, .text-center-xs { text-align: center !important; }
  .text-right-sm, .text-right-xs { text-align: right !important; }
  .text-left-sm, .text-left-xs { text-align: left !important; }

}

/* Medium grid */
@media (min-width: 992px) {
  .text-center-md, .text-center-sm, .text-center-xs { text-align: center; }
  .text-right-md, .text-right-sm, .text-right-xs { text-align: right ; }
  .text-left-md, .text-left-sm, .text-left-xs { text-align: left ; }
}

/* Large grid */
@media (min-width: 1200px) {
  .text-center-lg, .text-center-md, .text-center-sm, .text-center-xs {
    text-align: center;
  }
  .text-right-lg, .text-right-md, .text-right-sm, .text-right-xs {
    text-align: right;
    }
  .text-left-lg, .text-left-md, .text-left-sm, .text-left-xs {
    text-align: left;
  }
}

@media(max-width:767px){

/* this makes the page curl disappear at lower resolutions */
.panel {
    background-color: white;
    background-image: none;
} 

/* drag and drop sortable */

#miglaResetForm {
    float: left !important;
    margin-top: 15px;
}

.labelChange {
    margin: 20px 0;
}

/* summary tabs and panels */

.widget-summary .summary .title {
    color: #333333;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1rem;
    margin: 0;
}

.info .amount {
    font-size: 16px !important;
}

.col-sm-3.col-xs-12.text-left-sm.text-center-xs .pbutton, .col-sm-3.col-xs-12.text-left-sm.text-center-xs .obutton {
    margin-top: 15px;
    margin-bottom: 10px;
}

.help-control.col-sm-12.text-center-xs {
    display: none;
}

.timeline-item .date {
    padding-top: 40px;
    position: relative;
    text-align: left;
    width: 75px;
}

.panel-body:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: inherit;
    border-style: none;
    border-width: 20px 20px 0 0;
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    width: 0;
}


}


/* Drop Down Box Time Picker 
*************************************************/


.mg_cbox_active {
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
}

.mg_cbox_notactive {
    border-style: solid;
    border-color: #eeeeee;
    border-width: 1px;
}

.mg_time_scrollable-menu {
    height: auto;
    max-height: 216px;
    overflow-x: hidden;
}

/* Select2 Modification
*************************************************/

.select2-container--default .select2-selection--single {
    border-radius: 4px;
    background-color: #fbfbfb !important;
    border: 1px solid #dfe7ea !important;
    height: 34px !important;
    line-height: 32px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset !important;
    padding: 1px 5px !important;
}

.select2-container--default .select2-selection--single:focus {
    box-shadow: 0 0 3px rgba(3, 107, 163, 0.42) !important;
}



/* FosterKit
*************************************************/

.grey-highlight .sorting_1, .grey-highlight td {
    background: none repeat scroll 0 0 #dadada !important;
}

textarea#migla_emailbody, textarea#migla_foster_emailbody {
    min-height: 350px;
}

.total-donations_page_migla_fosterkit_page i.fa.fa-check {
    color: #92d819;
    font-size: 18px;
}

.total-donations_page_migla_fosterkit_page  i.fa.fa-times {
    color: #adadad; 
    font-size: 14px;
}

.total-donations_page_migla_fosterkit_page a.fa.fa-envelope-o {
    color: #000;
}

span#label-order-page {
    padding-right: 30px;
}

a#btn-right-page, a#btn-home-page, a#btn-left-page {
    text-shadow: none !important;
    background: none repeat scroll 0 0 #5bc0de !important;
    color: white !important;
    border: medium none !important;
    border-radius: 3px;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2) inset;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    margin-bottom: 0;
    margin-right: 5px;
    padding: 7px;
    position: relative;
    z-index: 99;
    text-transform: lowercase;
}

.dataTables_wrapper tbody .badge {
    font-size: 8px;
    font-weight: 400;
    float: right;
}

.dataTables_wrapper td.sorting_1 {
    background: rgba(249, 249, 249, 0.65);
}

.fp-cell {
    margin-top: 7px;
}

/* RTL support 
*************************************************/


.rtl .table-striped th {
    text-align: right;
}

.rtl .panel-actions {
    left: 15px;
    right: inherit;
}

.rtl .panel-heading .fa, .panel-heading .dashicon-before {
    padding-left: 15px;
    padding-right: 15px;
}

.rtl .panel-heading h2 .fa {
    padding-right: 0;
}

.rtl .panel-heading .dashicons {
    right: -7px;
    left: initial;
}

.rtl .input-group .form-control:first-child, .rtl .input-group-addon:first-child,.rtl .input-group-btn:first-child>.btn, .rtl .input-group-btn:first-child>.btn-group>.btn, .rtl .input-group-btn:first-child>.dropdown-toggle, .rtl .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .rtl .input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.rtl .input-group .form-control:last-child, .rtl .input-group-addon:last-child, .rtl .input-group-btn:last-child>.btn, .rtl .input-group-btn:last-child>.btn-group>.btn, .rtl .input-group-btn:last-child>.dropdown-toggle, .rtl .input-group-btn:first-child>.btn:not(:first-child), .rtl .input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.rtl .input-group-addon {
    border-left: none !important;
    border-right: 1px solid #ddd !important;
}

.rtl .nav-pills>li {
    float: right;
}

.rtl #miglaReportTable tbody td .fa-check-circle, .rtl #miglaReportTable tbody td .fa-exclamation-circle {
    float: left;
}

.rtl .widget-summary .summary-icon {
    margin-left: 15px;
    margin-right: 0;
}

.rtl .radio, .rtl .checkbox, .rtl .radio-inline, .rtl .checkbox-inline {
    padding-left: 0;
    padding-right: 20px;
}

.rtl .radio input[type=radio],.rtl .radio-inline input[type=radio],.rtl .checkbox input[type=checkbox],.rtl .checkbox-inline input[type=checkbox] {
    margin-right: -20px;
}
.rtl input[type="checkbox"], .rtl input[type="radio"] {
    margin: 0 0 0 5px;
}

.rtl .radio-inline+.radio-inline,.rtl .checkbox-inline+.checkbox-inline {
    margin-right: 10px;
    margin-left: 0;
}

.rtl .control-label {
    text-align: left;
}

.rtl .control-radio-sortable {
    text-align: left;
    margin-left: 0;
    padding-left: 0;
}

.rtl .col-sm-1, .rtl .col-sm-2,.rtl .col-sm-3,.rtl .col-sm-4,.rtl .col-sm-5,.rtl .col-sm-6,.rtl .col-sm-7,.rtl .col-sm-8,.rtl .col-sm-9,.rtl .col-sm-10,.rtl .col-sm-11,.rtl .col-sm-12 {
    float: right;
}

.rtl .row.datatables-footer > .col-md-6 {
    float: left;
    text-align: left;
}

.rtl .widget-summary .summary .amount {
    margin-left: 0.2em;
}

.rtl .form-control.mg-color-field.minicolors-input {
    border-radius: 4px 0 0 4px;
}

/* Small grid */
@media (min-width: 768px) {
 .rtl .text-center-sm, .rtl .text-center-xs { text-align: center !important; }
  .rtl .text-right-sm,.rtl .text-right-xs { text-align: right !important; }
  .rtl .text-left-sm,.rtl .text-left-xs { text-align: left !important; }
}

/* Medium grid */
@media (min-width: 992px) {
  .rtl .text-center-md,.rtl  .text-center-sm,.rtl  .text-center-xs { text-align: center !important; }
  .rtl .text-right-md,.rtl .text-right-sm,.rtl .text-right-xs { text-align: left !important; }
  .rtl .text-left-md, .rtl .text-left-sm, .rtl .text-left-xs { text-align: right !important; }
}

/* Large grid */
@media (min-width: 1200px) {
  .rtl  .text-center-lg, .rtl  .text-center-md,.rtl  .text-center-sm,.rtl  .text-center-xs {
    text-align: center;
  }
 .rtl .text-right-lg,.rtl .text-right-md,.rtl .text-right-sm,.rtl .text-right-xs {
    text-align: left;
    }
  .rtl .text-left-lg,.rtl .text-left-md,.rtl .text-left-sm,.rtl .text-left-xs {
    text-align: right;
  }
}

.rtl span.help-control.col-sm-pull-3 {
    text-align: right !important;
}

.rtl .mg_inner-form-shortcode {
    text-align: left;
    float: left;
}

.rtl .mg_layout-selector {
    float: right;
}

.rtl .control-radio-sortable {
    float: left;
}

.rtl .clabel.col-sm-1 label.control-label:before {
    right: 0;
    left: initial;
}

.rtl .text-right-xs.divDelGroup button {
    float: left !important;
}

/*Astrid*/
.wrapper-overlay{
  position: relative;
}

.mg-overlay:after {
  content: " ";
}

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.hideme{
    display:none;
}

/* Transparent Overlay */
.mg-loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
 /* background-color: rgba(0,0,0,0.3);*/
}

/* :not(:required) hides these rules from IE9 and below */
.mg-loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  position: absolute;
      top: 50%;
    left: 50%;
    z-index: 2;
}

.mg-loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgb(91, 192, 222) 1.5em 0 0 0, rgb(91, 192, 222) 1.1em 1.1em 0 0, rgb(91, 192, 222) 0 1.5em 0 0, rgb(91, 192, 222) -1.1em 1.1em 0 0, rgb(91, 192, 222) -1.5em 0 0 0, rgb(91, 192, 222) -1.1em -1.1em 0 0, rgb(91, 192, 222) 0 -1.5em 0 0, rgb(91, 192, 222) 1.1em -1.1em 0 0;
  box-shadow: rgb(91, 192, 222) 1.5em 0 0 0, rgb(91, 192, 222) 1.1em 1.1em 0 0, rgb(91, 192, 222) 0 1.5em 0 0, rgb(91, 192, 222) -1.1em 1.1em 0 0, rgb(91, 192, 222) -1.5em 0 0 0, rgb(91, 192, 222) -1.1em -1.1em 0 0, rgb(91, 192, 222) 0 -1.5em 0 0, rgb(91, 192, 222) 1.1em -1.1em 0 0
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/****** Add by Astried ********/
.btn-role span.role-check {    			
	opacity: 0;				
}

.btn-role {
    opacity: 0.7;
    padding-top: 5px;
    margin-top: 1px;
    padding-right: 20px;
}

.btn-role input[type="radio"] {
    padding-top: 13px;
    margin-top: -2px;
}

.btn-role{    			
	opacity: 0.7;				
}
.btn-role.active{    			
	opacity: 1;				
}
.btn-role.active span.role-check  {				
	opacity: 1;				
}