/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

.webui-popover {
    max-width: 700px;    
}

.webui-popover.right>.arrow, .webui-popover.right-top>.arrow, .webui-popover.right-bottom>.arrow {
    left: 24px !important;
}

#template-preview img {
    width: 600px;
	border: 1px solid #f0eeee;
}

.coming-soon-settings {
    display: none;
}

.entroteam-coming-soon-settings-page .form-table {
	background: #fff;
	border: 1px solid #e5e5e5;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.04);
	box-shadow: 0 1px 1px rgba(0,0,0,.04);
	display: block;
	padding: 20px 0;
	margin: 0;
}

.entroteam-coming-soon-settings-page .form-table th {
	padding: 10px 10px 10px 15px;
}

.entroteam-coming-soon-settings-page .form-table td {
	padding: 7px 10px;
}

.entroteam-coming-soon-settings-page .form-table h2 {
	background: #0073aa;
	margin: 0;
	padding: 0;
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 8px 1px;
	color: #fff;
	font-size: 17px;
	
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	
	position: relative;
    left: 4px;
    top: 1px;
}

.entroteam-coming-soon-settings-page .form-table input[type=button] {
	background: #fafafa;
    border-color: #999;
    color: #23282d;
    color: #555;
    border-color: #ccc;
    background: #f7f7f7;
    -webkit-box-shadow: 0 1px 0 #ccc;
    box-shadow: 0 1px 0 #ccc;
    vertical-align: top;
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    line-height: 26px;
    height: 28px;
    margin: 0;
    padding: 0 10px 1px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    -webkit-appearance: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.entroteam-voltron-coming-soon-settings-in th {
	vertical-align: top;
    text-align: left;
    padding: 5px 10px 5px 0;
    width: 200px;
    line-height: 1.3;
    font-weight: 600;
}
.entroteam-voltron-coming-soon-settings-in table td {
	padding: 7px 10px;
}
.entroteam-voltron-coming-soon-settings-in input[type=button] {
	background: #fafafa;
    border-color: #999;
    color: #23282d;
    color: #555;
    border-color: #ccc;
    background: #f7f7f7;
    -webkit-box-shadow: 0 1px 0 #ccc;
    box-shadow: 0 1px 0 #ccc;
    vertical-align: top;
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    line-height: 26px;
    height: 28px;
    margin: 0;
    padding: 0 10px 1px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    -webkit-appearance: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.entroteam-voltron-coming-soon-settings-in #template-preview {
	margin: 20px 0 0 0;
}



@media (min-width: 981px) {
    .entroteam-coming-soon-settings-page .form-table input[type=text],
    .entroteam-coming-soon-settings-page .form-table select,
    .entroteam-voltron-coming-soon-settings-in input[type=text],
    .entroteam-voltron-coming-soon-settings-in select,
    textarea#coming-soon-itext {
        width: 600px;
    }  
}

@media (min-width: 780px) and (max-width: 980px) {
    .entroteam-coming-soon-settings-page .form-table input[type=text],
    .entroteam-coming-soon-settings-page .form-table select,
    .entroteam-voltron-coming-soon-settings-in input[type=text],
    .entroteam-voltron-coming-soon-settings-in select,
    textarea#coming-soon-itext {
        width: 450px;
    }   
}

@media (max-width: 780px) {
    .entroteam-coming-soon-settings-page .form-table input[type=text],
    .entroteam-coming-soon-settings-page .form-table select,
    .entroteam-voltron-coming-soon-settings-in input[type=text],
    .entroteam-voltron-coming-soon-settings-in select,
    textarea#coming-soon-itext {
        width: 100%;
    }   
    input#upload_image_button {
        margin-top: 10px;
    }
    .entroteam-voltron-coming-soon-settings-in th {
        padding: 10px 10px 0 15px;
    }
    #template-preview img {
        width: 100%;
    }
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}