@import url(//fonts.googleapis.com/css?family=Raleway:400,200,300,100,500,600,700,800,900);
@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:700);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
/**@import url(css/dropdown.css);**/
@import url(css/jquery-ui/jquery-ui.css);
@import url(statistics/css/tnp-statistics.css);

ul.template-header-tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.template-header-tabs li {
	display: inline-block;
}

ul.template-header-tabs li.tab-link {
	background: #139AD3;
	color: #fff;
	border: 1px solid #009688;
	padding: 10px 10px;
	cursor: pointer;
}

ul.template-header-tabs li.tab-link.current, ul.template-header-tabs li.tab-link:hover {
	background: #4B6782;
	color: #222;
}



/* Bootstrap like */

#template-wrap * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#template-wrap *:before,
#template-wrap *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.row:before,
.row:after {
    display: table;
    content: " ";
}
.row:after {
    clear: both;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}
.col-md-12 {width: 100%;}
.col-md-11 {width: 91.66666667%;}
.col-md-10 {width: 83.33333333%;}
.col-md-9 {width: 75%;}
.col-md-8 {width: 66.66666667%;}
.col-md-7 {width: 58.33333333%;}
.col-md-6 {width: 50%;}
.col-md-5 {width: 41.66666667%;}
.col-md-4 {width: 33.33333333%;}
.col-md-3 {width: 25%;}
.col-md-2 {width: 16.66666667%;}
.col-md-1 {width: 8.33333333%;}
.col-md-pull-12 {right: 100%;}
.col-md-pull-11 {right: 91.66666667%;}
.col-md-pull-10 {right: 83.33333333%;}
.col-md-pull-9 {right: 75%;}
.col-md-pull-8 {right: 66.66666667%;}
.col-md-pull-7 {right: 58.33333333%;}
.col-md-pull-6 {right: 50%;}
.col-md-pull-5 {right: 41.66666667%;}
.col-md-pull-4 {right: 33.33333333%;}
.col-md-pull-3 {right: 25%;}
.col-md-pull-2 {right: 16.66666667%;}
.col-md-pull-1 {right: 8.33333333%;}
.col-md-pull-0 {right: auto;}
.col-md-push-12 {left: 100%;}
.col-md-push-11 {left: 91.66666667%;}
.col-md-push-10 {left: 83.33333333%;}
.col-md-push-9 {left: 75%;}
.col-md-push-8 {left: 66.66666667%;}
.col-md-push-7 {left: 58.33333333%;}
.col-md-push-6 {left: 50%;}
.col-md-push-5 {left: 41.66666667%;}
.col-md-push-4 {left: 33.33333333%;}
.col-md-push-3 {left: 25%;}
.col-md-push-2 {left: 16.66666667%;}
.col-md-push-1 {left: 8.33333333%;}
.col-md-push-0 {left: auto;}
.col-md-offset-12 {margin-left: 100%;}
.col-md-offset-11 {margin-left: 91.66666667%;}
.col-md-offset-10 {margin-left: 83.33333333%;}
.col-md-offset-9 {margin-left: 75%;}
.col-md-offset-8 {margin-left: 66.66666667%;}
.col-md-offset-7 {margin-left: 58.33333333%;}
.col-md-offset-6 {margin-left: 50%;}
.col-md-offset-5 {margin-left: 41.66666667%;}
.col-md-offset-4 {margin-left: 33.33333333%;}
.col-md-offset-3 {margin-left: 25%;}
.col-md-offset-2 {margin-left: 16.66666667%;}
.col-md-offset-1 {margin-left: 8.33333333%;}
.col-md-offset-0 {margin-left: 0;}


/* HEADER *********************************************************************/

#template-header {
    text-align: left;
    font-size: 12px;
    xheight: 110px;
    color: #fff;
    font-family: "Raleway",sans-serif;
}

#template-header input {
    font-size: 12px;
}

#template-header a {
    text-decoration: none;
    color: white;
    letter-spacing: 0.1em;
}

#template-header a:hover {
    color: #fff;
}

.error a, .error a:hover {
    color: #000!important;
}

.updated a, .updated a:hover {
    color: #000!important;
}

.template-error {
    border-left: 5px solid #dd0000;
    background-color: #fff;
    padding: 10px;
    margin: 15px 0; 
}

.template-warning {
    border-left: 5px solid #ffb900;
    background-color: #fff;
    padding: 10px;
    margin: 15px 0; 
}

.template-message {
    border-left: 5px solid #46b450;
    background-color: #fff;
    padding: 10px;
    margin: 15px 0;
}

/* Admin header for extensions */
#newsletter-header-ext {
    text-align: left;
    background-color: #fff;
    padding: 10px;
    font-size: 12px;
    border: 1px solid #ccc;
    float: right;
    width: 300px;
}

#newsletter-header-ext a {
    margin-right: 10px;
    text-decoration: none;
}

#newsletter-nav {
    margin-bottom: 15px;
}

.newsletter-separator {
    clear: both;
    height: 5px;
}

#template-body,
#template-body p,
#template-body td,
#template-body th,
#template-body input,
#template-body select,
#template-body textarea
{
    xfont-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

/* Default font colors for our dark background page body */
#template-body h1, 
#template-body h2, 
#template-body h3, 
#template-body h4 {
    color: #fff;
}

#template-body .form-table h1,  
#template-body .form-table h2,
#template-body .form-table h3 {
    font-family: "Raleway",sans-serif!important;
}

#template-body a, #template-body a:hover, #template-body a:visited, #template-body a:active {
    color: #E67E22; /* Orange */
}

/* Actiojn button container */
#template-body .template-submit {
    margin-bottom: 10px;
}

/* Primary button correction */
#template-body .button,
#template-body .button:visited,
#template-body .button:hover,
#template-body .button-primary, 
#template-body .button-primary:visited, 
#template-body .button-primary:hover,
#template-body .button-secondary, 
#template-body .button-secondary:visited, 
#template-body .button-secondary:hover {
    color: #fff;
}

/* Form tables correction */
#template-body .form-table h1,  
#template-body .form-table h2,
#template-body .form-table h4,
#template-body .form-table h3 {
    color: #444;
}

#template-body .form-table th, 
#template-body .form-table td, 
#template-body .form-table p {
    color: #444;
}

#template-body .form-table td a, 
#template-body .form-table td a:visited {
    color: #3B9AD9; /* brown */
}

#template-body .form-table {
    background-color: #fff;
    border: 1px solid #ddd;
}

#template-body .form-table th {
    text-align: right;
    font-weight: bold;
    border-right: 1px solid #ddd;
    max-width: 200px;
    color: #000000;
}

#template-body .form-table th small {
    font-weight: normal;
}

#template-body .form-table textarea {
    width: 100%;
}

/* Table inside a field form table to create a grid of options */
#template-body .form-table table {
    border-collapse: collapse;
}

#template-body .form-table table td, 
.form-table table th {
    padding: 5px;
    font-size: .9em;
    font-weight: normal;
    border: 1px solid #eee;
}

#template-body .form-table table thead th {
    text-align: left;
    font-weight: bold;
}
/* End of a table inside a form table */

/* Wide fat tables */
#template-body .widefat th {
    text-align: left;
}

/* Buttons on widgets top bar */
#template-body .template-widget h3 a, 
#template-body .template-widget h3 a:visited, 
#template-body .template-widget h3 a:hover {
    color: #fff;
}

/* jQuery UI tabs corrections */
#template-body #tabs h1,  
#template-body #tabs h2,
#template-body #tabs h3,
#template-body #tabs h4,
#template-body #tabs p,
#template-body #tabs td,
#template-body #tabs th,
#template-body #tabs input,
#template-body #tabs select,
#template-body #tabs textarea,
#template-body #tabs a {
    color: #444;
}

/* Button correction */
#template-body #tabs .button,
#template-body #tabs .button:visited,
#template-body #tabs .button:hover,
#template-body #tabs .button-primary, 
#template-body #tabs .button-primary:visited, 
#template-body #tabs .button-primary:hover,
#template-body #tabs .button-secondary, 
#template-body #tabs .button-secondary:visited, 
#template-body #tabs .button-secondary:hover {
    color: #fff;
}

#template-body #tabs .ui-widget-header {
    background: none;
    border: 0;
    border-bottom: 1px solid #ddd;
}

#template-body #tabs .ui-tabs-panel {
    padding: 15px!important;
}

#template-body #tabs a.ui-tabs-anchor,
#template-body #tabs a.ui-tabs-anchor:visited {
    color: #444;
}



div.submit {
    margin-top: 5px;
    padding: 5px;
}

.bordered-table {
    border-collapse: collapse;
}

.bordered-table td, .bordered-table th {
    border: 1px solid #ccc;
    padding: 3px;
}

.newsletter-button {
    font-size: 10px;
}
table.clicks td {
    border: 1px solid #666;
    padding: 2px;
    font-size: 10px;
}

table.clicks {
    border-collapse: collapse;
}

.grid {
    border-collapse: collapse;
}
.grid td, .grid th {
    padding: 10px;
    border: 1px solid #ddd;
    margin: 0;
}
.grid th {
    background-color: #aaa;
}

.hints {
    xborder: 1px solid #e4e4ee;
    xbackground-color: #f4f4ff;
    xpadding: 5px;
    margin-top: 10px;
    xborder-radius: 4px 4px;
    font-size: 13px;
    color: #666;
    font-style: italic;
    xbackground-color: #fcf8e3;
    xborder-color: #faebcc;
}

.intro {
    font-size: 11px;
    margin: 6px 6px 8px;
}


.newsletter-badge {
    color: #fff;
    background-color: #666;
    border-radius: 5px;
    padding: 1px 5px;
}

.newsletter-checkbox-group, .nl-checkbox-group {
    float: left;
    margin-right: 5px;
    border: 1px solid #ccc;
    background-color: #f4f4f4;
    margin-bottom: 5px;
    padding: 5px;
    white-space: nowrap;
    overflow: hidden;
}

/* Checkbox group */
.newsletter-checkboxes-item {
    float: left;
    margin-right: 5px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: #f4f4f4;
    width: 150px;
    margin-bottom: 5px;
    padding: 3px;
    white-space: nowrap;
    overflow: hidden;
}

.newsletter-checkboxes-item input {
    vertical-align: text-bottom;
}

.newsletter-checkboxes-item label {
    display: inline;
}

.newsletter-preferences-item {
    float: left;
    margin-right: 5px;
    border: 1px solid #ccc;
    background-color: #f4f4f4;
    width: 250px;
    margin-bottom: 5px;
    padding: 5px;
    white-space: nowrap;
    overflow: hidden;
}

.newsletter-preferences-item label {
    display: inline;
}

.form-table td .nl-checkbox-group label {
    display: inline;
}

.ui-tabs .ui-tabs-nav li a {
    font-size: 12px;
}



.widefat td, .widefat th {
    vertical-align: middle;
}

.template-notice {
    padding: 15px;
    margin: 10px 0;
    padding-right: 70px;
    position: relative;
    border: 1px sold #eee;
    background-color: #fff;
    color: #444;
    font-size: 15px;
}

.template-notice a {
    color: #0073aa;
    text-decoration: none;
    font-weight: bold;
}

.template-notice a.template-dismiss {
    display: block;
    position: absolute;
    right: 10px;
    top: 13px;
    font-size: 25px;
    text-decoration: none;
    color: #666;
}

.newsletter-message {
    background-color: #efe;
    border-color: #393;
    border-radius: 5px;
    border-style: solid;
    border-width: 3px;
    padding: .6em;
    margin-bottom: .6em;
}

.newsletter-error-span {
    color: #f00;
    font-weight: bold;
}

.newsletter-error {
    background-color: #fee;
    border-color: #933;
    border-radius: 5px;
    border-style: solid;
    border-width: 2px;
    padding: .6em;
    margin-bottom: .6em;
}

.newsletter-error strong, .newsletter-message strong {
    font-weight: bold;
}

#newsletter-warnings {
    background-color: #FFEBE8;
    border-color: #C00;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    padding: .6em;
    margin-bottom: .6em;
}

.newsletter-buttons {
    margin-top: 1em;
    margin-bottom: 1em;
}


.newsletter-preamble {
    margin-bottom: 15px;
    xborder-radius: 3px;
    xbackground-color: #f4f4f4;
    xpadding: 10px;
    xbackground-image: url("images/preamble.png");
    xbackground-repeat: no-repeat;
    xbackground-position: left;
    xpadding-left: 65px;
    font-size: 13px;
    xfont-family: sans-serif;
}

.newsletter-preamble p {
    margin: 0;
}

.tab-preamble {
    font-size: 13px;
    line-height: normal;
    xfont-family: sans-serif;
    xcolor: #3a87ad;
    xbackground-color: #d9edf7;
    xborder: 1px solid #bce8f1;
    xpadding: 15px;
    xmargin-bottom: 20px;
    xborder-radius: 4px;
}

.tab-preamble p {
    margin: 0 0 5px 0;
}

.template-paginator {
    margin-top: 10px;
    margin-bottom: 5px;
}

.newsletter-option-grid th {
    text-align: right;
    width: auto;
    border: 0;
    padding: 3px;
    font-weight: normal;
    vertical-align: top;
    padding-right: 15px;
}
.newsletter-option-grid td {
    border: 0;
    padding: 3px;
    vertical-align: top;
}

.newsletter-box {
    border: 1px solid #ddd;
    padding: 10px;
    background-color: #fafafa;
    margin-bottom: 15px;
}

.newsletter-box h3 {
    margin-top: 0;
}

.newsletter-textarea-preview {
    border: 1px solid #ddd;
}

.template-tab-notice {
    background-color: #fff;
    border: 1px solid #eee;
    border-left: 3px solid gray;
    padding: 10px;
    margin: 10px 0;
    color: #444;
}

.template-tab-warning {
    background-color: #fff;
    border: 1px solid #eee;
    border-left: 3px solid orange;
    padding: 10px;
    margin: 10px 0;
    color: #444;
}

.template-tab-success {
    background-color: #fff;
    border: 1px solid #eee;
    border-left: 3px solid green;
    padding: 10px;
    margin: 10px 0;
    color: #444;
}

.template-tab-error {
    background-color: #fff;
    border: 1px solid #eee;
    border-left: 3px solid red;
    padding: 10px;
    margin: 10px 0;
    color: #444;
}

.template-wrap a[target=_blank] {
}

/* CSS Tips */

.template-tip {
    margin-top: 5px;
}

.tip-button {
    padding: 0px 5px;
    color: #FD5F65;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-size: 10px;
    border: 1px red solid;
}

.tip-content {
    font-weight: 500;
    font-size: 11px;
    color: #999999;
}

/* CSS General Font Styles */

.template-wrap p {
    font-weight: 400;
}

p.description {
    font-size: 12px !important;
    font-style: normal;
    text-transform: none;
}

/* CSS Themes Preview */

.template-theme-preview {
    display: inline-block;
    text-align: center;
}

.template-theme-preview p {
    font-size: 11px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #fff;
}

.template-theme-preview img:hover {
    border: 5px solid #FD5F65;
    border-radius: 10px;
    padding: 5px;
    background-color: #FD5F65;
}

.template-theme-preview img {
    border: 5px solid transparent;
    border-radius: 10px;
    padding: 5px;
}


.template-header-logo {
    margin: 10px 20px 0 0;
	float: left;
}

.wp-core-ui .button-primary {
    background-color: #2b2f3a;
    color: #fff;
}



#template-body {
    padding: 20px;
	background-color: #F8F9FA;
	border: 1px solid #CED1D9;
    overflow: auto;
	border-radius: 10px;
	margin: 15px 0;
}

#template-body h3 {
    margin-top: 25px;
    clear: both;
}

.template-body-lite {
    background-color: #F1F1F1 !important;
}

.template-body-lite h3, .template-body-lite p {
	color: #666666 !important;
}

#template-heading {
    padding: 10px;
	background-color: #4B6782;
    margin-bottom: 10px;
    border-radius: 5px;
}

#template-heading a {
    color: #fff;
    font-weight: bold;
    border-bottom: 1.5px solid #fff;
    text-decoration: none;
}

#template-heading a:hover {
    color: #3B9AD9;
    border-bottom: 1.5px solid #3B9AD9;
}

#template-heading div p {
    color: #666;
}

#template-heading h2 {
    color: #fff;
    font-family: "Raleway", sans-serif;
    letter-spacing: 0.1rem;
    font-size: 1.3rem;
    line-height: 1.8rem;
    text-transform: uppercase;
    vertical-align: middle;
    font-weight: 700;
    padding: 0;
    margin: 0px;
}

#template-heading p {
    margin: 0px;
    color: #fff;
}

#template-heading .template-btn-h1 {
    color: #fff;
    background-color: #3B9AD9;
    border-radius: 3px;
    padding: 6px 11px;
    text-decoration: none;
    text-transform: capitalize;
    font-family: "Raleway", sans-serif;
    margin-left: 10px;
    font-size: 0.75rem;
    font-weight: 300;
    border: none;
}

#template-heading .template-btn-h1:hover {
    color: #fff;
    background-color: #4B6782;
    -webkit-transition: background-color .25s linear;
    transition: background-color .25s linear;
    -webkit-font-smoothing: subpixel-antialiased;
    border: none;
    color: #fff;
}

.template-widget {
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
    background: #fff;
    min-height: 350px;
}

/* Widget title */
.template-widget h3 {
    font-family: "Raleway", sans-serif;
    letter-spacing: 0.05rem;
    background-color: #2980B9;
    color: #fff;
    margin: 15px 0px;
    padding: 9px;
    border: 0;
    font-size: 14px;
    font-weight: 400;
}

/* Widget title button */
.template-widget h3 a {
    float: right;
    color: white;
    text-decoration: none;
    margin-left: 5px;
    padding: 2px 8px;
    background-color: #3B9AD9;
    border-radius: 2px;
    font-weight: 300;
    text-transform: capitalize;
    font-size: 0.8rem;	
}

/* Widget title button hover */
.template-widget h3 a:hover {
    color: white;
    text-decoration: none;
    margin-left: 5px;
    background-color: #3B9AD9;
}

.template-widget .inside p, .template-widget .inside li {
    font-size: 12px;
    margin: 10px;
}

.template-widget .inside ul {
    list-style-type: circle;
    list-style-position: inside;
}



/* Dashboard Box */

.metabox-holder {
    width: 100%;
}

.postbox {
    border: none;
}

.postbox h3 a {
    float: right;

}

#dashboard-widgets #postbox-container-1 {
	margin-top: 0px;
}

#dashboard-widgets .postbox-container {
	width: 100%;
	border: 1px solid #CED1D9;
	border-radius: 5px;
	margin-top: 10px;
	background: #ffffff;
	padding: 0px 10px;
}

#dashboard-widgets .postbox-container.postbox h3 {
    font-family: "Raleway", sans-serif;
    letter-spacing: 0.05rem;
    background-color: #008275;
    color: #fff;
    margin: 5px 0px;
    padding: 9px;
	border-radius: 5px;
}

#dashboard-widgets .postbox-container h3 a {
    color: white;
    text-decoration: none;
    margin-left: 5px;
    padding: 2px 8px;
    background-color: #3B9AD9;
    border-radius: 2px;
    font-weight: 300;
    text-transform: capitalize;
    font-size: 0.8rem;
}

#dashboard-widgets .postbox-container h3 a:hover {
    color: white;
    text-decoration: none;
    margin-left: 5px;
    background-color: #3B9AD9;
}

.postbox-container i {
    margin-right: 3px;
}
#template-dash-newsletters tr td:last-of-type {
    width: 80px;
    text-align: right;
}

#template-dash-subscribers tr td:last-of-type {
    width: 80px;
    text-align: right;
}

#template-dash-subscribers tr td:first-of-type {
    width: 250px;
    overflow: hidden;
}

#template-dash-subscribers table {
    table-layout: fixed;
}

#template-dash-documentation .inside div {
    margin-top: 10px; 
}

#template-dash-documentation .inside a {
    text-decoration: none;
    color: #fff;
    display: block;
    font-family: "Raleway", sans-serif;
    padding: 5px 10px;
}


/* Footer */

#template-footer div {
    width: 33%;
    display: inline-block;
}

#template-footer {
    margin-top: 10px;
    padding: 20px 10px 10px 40px;
    background-color: #4B6782;
    font-family: "Raleway", sans-serif;
	border-radius: 10px;
}

#template-footer a {
    color: #fff;
    text-decoration: none;
}

#template-footer a:hover {
    color: #BDC3C7;    
}

#template-footer input[type="submit"] {
    background-color: #3B9AD9;
    border: none;
    padding: 5px;
    color: #fff;
}

#template-footer form {
    white-space: nowrap;
}

#template-footer li {
    display: inline;
    margin-left: 15px;
    padding: 2px 5px;
    border-left: 3px solid #3B9AD9;
}

/* Wrapper Background */

#wpwrap {
   background-color: #32373C !important;
}

/* Global buttons styles */

#dashboard-widgets .button {
    border: none;
    background: none;
    box-shadow: none;
    color: #322C39;
}

#dashboard-widgets .button:hover {
    background-color: #ECF0F1;
}

.wp-core-ui .button-secondary, .wp-core-ui .button, .wp-core-ui .button-primary {
    background-color: #3B9AD9;
    border: none;
    box-shadow: none;
    color: #fff;
    font-family: 'Raleway',sans-serif;
    margin: 2px;
}

.wp-core-ui .button-secondary:hover, .wp-core-ui .button:hover, .wp-core-ui .button-primary:hover {
    background-color: #4B6782;
    color: #fff;
}

span.wp-media-buttons-icon:before {
    color: #fff;
}

.template-paginator [value="Go"] {
    background-color: #3B9AD9;
}

.template-paginator [value="Go"]:hover {
    background-color: #3B9AD9;
}

.notice-dismiss {
    padding: 3px;
}

/* Paginator */

.template-paginator {
    color: #fff;
    font-family: "Raleway",sans-serif;
    margin: 10px 0px;
}

.template-paginator .button-secondary {
    padding: 5px;
    line-height: normal;
    height: auto;
    font-size: 12px;
    height: 25px;
    border: none;
    border-radius: 3px;
    vertical-align: baseline;
}

.template-paginator [value="Go"] {
    background-color: #3B9AD9 !important;
}

.template-paginator [value="Go"]:hover {
    background-color: #3B9AD9 !important;
}

.template-paginator input {
    background-color: #051630;
    border: none;
    border-radius: 3px;
    color: #fff;
    padding: 5px;
    line-height: normal;
    font-size: 12px;
    height: 25px;
}

/* Subscribers Search Box */

.template-subscribers-search {
    color: #fff;
    font-family: "Raleway", sans-serif;
    background-color: #051630;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
    display: inline-block;
}

.template-subscribers-search select {
    margin-left: 5px;
    padding: none;
    line-height: inherit;
}


/* Responsive Video Embeds */

.template-video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.template-video-container iframe,
.template-video-container object,
.template-video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Colors Palette */

.orange {  
    background-color: #F39C12; /*Orange #F39C12 */
}

.blue { 
    background-color: #2980B9; /* Blue #2980B9 */
}

.purple {
    background-color: #8E44AD; /* Purple #8E44AD */
}

.notice a {
    color: #000 !important;
}

.template-chart {
    border: 1px solid #eee;
}  

.template-db-table {
    width: auto;
    background-color: #fff; 
}

.template-db-table thead {
    border-bottom: 1px solid #eee;
}

.template-db-table th {
    font-weight: bold;
}

.template-db-table td, .template-db-table th {
    padding: 3px;
    font-family: monospace;
    border: 0;
}

/* STATUS PANEL */

.template-main-status h3, .template-main-status h4 {
    color: #fff;
}

#template-status-table .template-ok {
    font-weight: bold;
    color: white;
    font-size: 14px;
    background-color: #3B9AD9;
    padding: 2px 10px;
    border-radius: 10px;
}

#template-status-table .template-ko {
    font-weight: bold;
    color: white;
    font-size: 14px;
    background-color: #E74C41;
    padding: 2px 10px;
    border-radius: 10px;
}

#template-status-table .template-maybe {
    font-weight: bold;
    color: white;
    font-size: 14px;
    background-color: #F1C40F;
    padding: 2px 10px;
    border-radius: 10px;
}

.template-main-status .template-log-files li {
    padding-left: 15px;
}

.template-main-status .template-log-files li, .template-main-status .template-log-files li a {
    color: #fff;
}

.template-main-status .template-log-files .template-log-size {
    font-style: italic;
}

table.widefat {
    border: 0;
    box-shadow: none;
}

#template-status-table tbody tr:nth-child(2n+1) {
    background-color: #ECF0F1;
    border-radius: 2px;
    margin: 5px;
}

#template-parameters-table tbody tr:nth-child(2n+1) {
    background-color: #ECF0F1;
    border-radius: 2px;
    margin: 5px;
}


/** new nav **/

/** TOP LEVEL **/

.nav-dmc > ul > li { 
	display: inline-block; 
	position: relative; 
	padding: 20px 3px 0px 0px;
	z-index: 100;
}

.nav-dmc > ul > li a { 
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-size: 13px;
	padding: 10px;
	background: #68727A;
	border-radius: 5px 5px 0 0;
	font-weight: 300;
	display: inline-block; 
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.nav-dmc > ul > li a:hover, .nav-dmc > ul > li a:focus {
	background: #5B646A;
}

/* SECOND LEVEL */

.nav-dmc > ul > li > ul {
	position: absolute;
	left: 0;
	top: 100%;
	//padding: 0 1000em; /* trick from css-tricks comments */
	//margin: 0 -1000em; /* trick from css-tricks comments */
	z-index: 101;
	visibility: hidden;
	opacity: 0;
	background: none;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	border-top: 1px solid #ffffff;
}

.nav-dmc > ul > li:hover > ul {
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.nav-dmc > ul > li > ul > li {
	display: block;
	padding: 0;
	min-width: 247px;
	margin: 0px;
	border-bottom: 1px solid #ffffff;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.nav-dmc > ul > li > ul > li a {
	border-radius: 0px;
	background: #68727A;
	width: 100%;
}

.nav-dmc > ul > li > ul > li a:hover, .nav-dmc > ul > li > ul > li:hover {
	background: #5B646A;
}

/** end nav **/

.inside p.text {
	color: #363636 !important;
}

.tnp-error {
	color: #EAE1D4;
	padding-bottom: 5px;
}

.tnp-error a {
	color: #EAE1D4;
	font-weight: bold;
}

.rating > span:before {
  content: "\2605";
  color: #FD4;

}

/** left column **/

.clear {
	clear: both;
}

.dmc-left-column {
	float: left;
	width: 33%;
}

.social-media-post input[type="text"] {
	width: 100%;
}

/** center column **/

.dmc-center-column {
	float: left;
	width: 38%;
	background: #ffffff;
	padding: 5px 10px;
	border: 1px solid #CED1D9;
	border-radius: 5px;
	margin-left: 20px;
}

.dmc-center-column h3 {
	margin-top: 0px !important;
	background: #008275;
	border-radius: 5px;
	padding: 5px 0px 8px 10px;
}

.dmc-center-column h3 a {
	color: #ffffff !important;
	font-weight: normal;
	font-size: 16px;
	text-decoration: none;
}

/** right column **/

.dmc-right-column {
	float: right;
	width: 25%;
	background: #ffffff;
	padding: 5px 10px;
	border: 1px solid #CED1D9;
	border-radius: 5px;
	color: #363636 !important;
}
.dmc-right-column h3 {
	margin-top: 0px !important;
	background: #008275;
	border-radius: 5px;
	padding: 5px 0px 8px 10px;
}

.dmc-right-column h3 a {
	color: #ffffff !important;
	font-weight: normal;
	font-size: 16px;
	text-decoration: none;
}

@media (min-width: 1920px) {
	
	.dmc-center-column {
		min-width: 39%;
	}
	
	.dmc-right-column {
		margin-left: 20px;
	}	
		
}

@media (min-width: 1025px) and (max-width: 1919px) {
	
	
	.dmc-right-column {
		margin-left: 20px;
	}
	
	.social-media-post {
		max-width: 340px;
		min-width: 340px;
	}
		
}

@media (min-width: 640px) and (max-width: 1260px) {
	
	.dmc-center-column, .dmc-right-column {
		float: right;
		width: 55%;
	}	
		
}

@media (max-width: 639px) {
	
	.dmc-center-column, .dmc-right-column {
		float: none !important;
		max-width: 340px;
		min-width: 340px;
		margin-left: 0px !important;
		margin-top: 15px;
	}
	
	.social-media-post {
		max-width: 340px;
		min-width: 340px;
	}
		
}


/** additions - dashboard **/

.postbox-container.postbox p, .dmc-right-column p {
	color: #363636 !important;
}

.postbox-container.postbox input[type="text"], .postbox-container.postbox textarea {
	margin-bottom: 20px;
}

/** buttons **/

.button.green, .button-secondary {
	background: #03A0DC !important;
}

.button.orange {
	background: #E67E22;
}