/* This stylesheet is used to style the admin option form of the plugin. */

/* Tabs */

.ui-state-default {
	display: inline;
	border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(241, 241, 241);
	border-width: 1px;
	border-style:solid;
	padding: 10px;
	background: none repeat scroll 0% 0% rgb(228, 228, 228);
}

.ui-tabs-nav {
    padding-bottom: 7px;
    padding-left: 10px;
    border-bottom: 1px solid rgb(204, 204, 204);
}

.ui-tabs-anchor {
	text-decoration: none;
	color:black;
	font-weight: 700;
	font-size: 15px;
	line-height: 24px;
	color: rgb(127, 127, 127);
}

.ui-tabs-anchor:hover,.ui-state-active a {
	color:black;
}

.ui-tabs-active, .ui-tabs-active:hover, .ui-tabs-active:active {
    color: rgb(0, 0, 0);
	background: rgb(239, 239, 239) !important;
}

.postbox h3 {
	padding-left: 10px;
}
.wp-core-ui .notice.is-dismissible {
z-index: 9999;
}
.wp-custom-preview {
margin-left: 15%;
display: block;
max-width: 300px;
text-align: center;
}
.wp-custom-preview img {
width: 120px;
max-height: 120px;
}
.wp-custom-preview_bg img {
max-width: 472px !important;
}
#TB_ajaxWindowTitle {
text-align: center;
}
input#alter_save_wp.button.button-primary {
font-size: 14px;
line-height: 0.1;
margin-right: 8px;
margin-top:25px;
max-width: 100%;
float:left;
}
.alter_top_links {
position: absolute;
width: 30%;
height: 120px;
top: 44px;
right: 0px;
}
.button-secondary#preview_login_image_button {
color: #3a3a3a;
font-size: 14px;
line-height: 0.1;
font-weight: bold;
border-color: green;
background: lightgreen;
-webkit-box-shadow: inset 0 1px 0 green,0 1px 0 green;
max-width: 100%;
float:left;
}
.alter-plugin-head  {
display: inline-block;
position: absolute;
top: 16px;
right: 50px;
}
.alter-plugin-head span {
    font-weight: bold;
}
.alter-plugin-head span a {
    font-weight: normal;
}
.alter-plugin-footer-mobile {
display: inline-block;
}

.alter-plugin-head a, .alter-plugin-head a:active, .alter-plugin-head a:hover, .alter-plugin-head a:focus, .alter-plugin-head a:visited, .alter-plugin-footer-mobile a, .alter-plugin-footer-mobile a:active, .alter-plugin-footer-mobile a:hover, .alter-plugin-footer-mobile a:focus, .alter-plugin-footer-mobile a:visited {
text-transform: none;
text-decoration: none;
font-weight: bold;
color: green;
}
.alter-plugin-head img.alter_logo, .alter-plugin-footer-mobile img.alter_logo {
position: relative;
top: 20px;
left: 7px
}
.alter-td {
border-right: 1px dashed #ccc;
border-top: 1px dashed #ccc;
border-left: 1px dashed #ccc;
border-bottom: 1px dashed #ccc;
display: inline-block;
}
input[type=checkbox]#alter-db-tables-wp_links_below, input[type=checkbox]#alter-db-tables-wp_links_logo, input[type=checkbox]#alter-db-tables-wp_icon_label {
width: 26px;
height: 26px;
}
input[type="checkbox"]#alter-db-tables-wp_links_below:checked::before, input[type="radio"]#alter-db-tables-wp_links_below:checked::before, input[type="checkbox"]#alter-db-tables-wp_links_logo:checked::before, input[type="radio"]#alter-db-tables-wp_links_logo:checked::before, input[type="radio"]#alter-db-tables-wp_icon_label:checked::before, input[type="checkbox"]#alter-db-tables-wp_icon_label:checked::before {
font-size: 31px;
}
input[type="checkbox"]:checked::before {
content: '\f147';
margin: -3px 0 0 -5px;
color:lightgreen !important;
}
select#alter-db-tables_login_button_icons.icons  {
font-family: 'dashicons' !important;
height: 50px !important;
width: 150px !important;
}
.alter_wp_description {
margin-left: 12px;
}
.wp-color-result {
height: 52px;
margin: 0 16px 16px 0;
padding-left: 60px;
}
.wp-color-result::after {
font-size:14px;
line-height: 52px;
padding: 0 16px;
}
.form-table th {
  width: 250px;
}
#export-columns{margin-right: 20px;}
#export-column{width: 410px; display: inline-block; vertical-align: top}
.widefat td a.button:hover{
    border: 1px solid #FCCA25;
    background: #ddd; /* Older browsers */
    background-image: -webkit-gradient(linear, left top, left bottom, from( #FFF7EF), to( #ffe27a)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#FFF7EF, #ffe27a); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient(#FFF7EF, #ffe27a); /* FF3.6 */
    background-image:     -ms-linear-gradient(#FFF7EF, #ffe27a); /* IE10 */
    background-image:      -o-linear-gradient(#FFF7EF, #ffe27a); /* Opera 11.10+ */
    background-image:         linear-gradient(#FFF7EF, #ffe27a);
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow:none;
    -o-box-shadow: none;
    -ms-box-shadow: none;	
}
#export-columns blockquote {
    font: italic 400 18px/26px Georgia, "Bitstream Charter", serif;
    margin: 1em 0;
    border: 1px solid #ccc;
    background:#f5f5f5;
    color:#666;
    padding: 10px 18px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px
}
tr.odd {
    background: whitesmoke;
}  
tr.even {
    background: white;
}  
th {
    background: white;
}
th:nth-child(2){
    background: whitesmoke;
}
th:nth-child(3), td:nth-child(3), td:nth-child(4), td:nth-child(5){
    text-align: center !important;
}
.red {
    background: red !important;
    color: white !important;
    border-color: red !important;
    -webkit-box-shadow: inset 0 1px 0 red,0 1px 0 rgba(0,0,0,.08) !important;
    box-shadow: inset 0 1px 0 red,0 1px 0 rgba(0,0,0,.08) !important;
}
.blue {
    background: blue !important;
    color: white !important;
    border-color: blue !important;
    -webkit-box-shadow: inset 0 1px 0 blue,0 1px 0 rgba(0,0,0,.08) !important;
    box-shadow: inset 0 1px 0 blue,0 1px 0 rgba(0,0,0,.08) !important;
}
.green {
    background: green !important;
    color: white !important;
    border-color: green !important;
    -webkit-box-shadow: inset 0 1px 0 green,0 1px 0 rgba(0,0,0,.08) !important;
    box-shadow: inset 0 1px 0 green,0 1px 0 rgba(0,0,0,.08) !important;
}
.green:hover, .blue:hover, .red:hover {
    background: white !important;
    color: black !important;
    border-color: whitesmoke !important;
    -webkit-box-shadow: inset 0 1px 0 whitesmoke,0 1px 0 rgba(0,0,0,.08) !important;
    box-shadow: inset 0 1px 0 whitesmoke,0 1px 0 rgba(0,0,0,.08) !important;    
}
.navigation {
    width: 200px;
    display: block;
    position: relative;
    margin: 40px auto;
}
.prev {
    float: left;
    font-size: 22px;
    cursor: pointer;
}
.next {
    float: right;
    font-size: 22px;
    cursor: pointer;    
}
.next:hover, .prev:hover {
    color: blue;
    text-decoration: underline;
}
.titlebg h1 {
    padding: 9px 15px 4px 0;
    line-height: 29px
}
.acc_logo {
    float: right;
    position: 
        absolute;
    top: 5px;
    right: 10px;
}
.titlebg h1 span {
    margin-left: 5px;
    vertical-align: bottom;
    line-height: 1;
    color: #ec971f;
}
table#ajax_table {
    border:1px solid black;
    background-color: #FFFFFF;
}
table#ajax_table td {
    padding:15px;
}
table#ajax_table td.auto_inc {
    color:#F00;
}


.auto_inc_warn {
    color:#F00;
}


#tabs ul {
    list-style:disc inside;
}


.info_message, .info_message_dismiss, .success_message, .warning_message, .error_message {
    border: 1px solid #000;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info_message, .info_message_dismiss {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../images/info.png');
}
.success_message {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../images/success.png');
}
.warning_message {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../images/warning.png');
}
.error_message {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/error.png');
}

#return_csv_col_count {
    font-weight:bold;
}

#export_to_csv_button, #create_db_button, #delete_db_button {
    margin-left:40px;
}
h1 {
    font-size: 2em !important;
    font-weight: 600 !important;
    margin: 1em 0 !important;
}