/**
 *
 * Apply your custom CSS here
 *
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700');

@font-face {
    font-family: 'Code_Pro_Demo';
    src: url('../fonts/Code_Pro_Demo-webfont.woff2') format('woff2'),
         url('../fonts/Code_Pro_Demo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*.page-container .main-content .page-title .title-env .title,*/
.text-secondary,
.xe-widget.xe-counter .xe-label .num, .xe-widget.xe-counter-block .xe-upper .xe-label .num, .xe-widget.xe-progress-counter .xe-upper .xe-label .num,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.sidebar-user-info .user-profile span strong,
body
{
	font-family: 'Montserrat';
	font-weight: 300;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
    font-family: 'Nunito';
}

body {
    background-color: #ffffff;
}

/*h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.panel .panel-heading
{
	font-family: 'Roboto';
	font-weight: 300;
}
*/

.page-container .main-content .page-title .title-env .title+p
{
	color:#2e323c;	
}

a {
	cursor:pointer;
}

.btn
{
	min-width:80px;	
}

.table span.badge, 
.table span.label
{
	min-width:70px !important;
	align:center !important;	
	display:inline-block;
}

.btn, .btn-primary
{
	border-radius:5px;	
}

.login-page
{
	background-color:#222339;		
    background-image:url(https://smtp.software/wordpress_new/wp-content/uploads/2022/08/smtp_bg-2.png);
    background-position: bottom;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.settings-pane-open .settings-pane
{
	background-image:url(https://smtp.software/wordpress/wp-content/uploads/2017/08/header.jpg);
	background-size:cover;
	background-attachment:fixed;
	background-position:bottom center;
}

.login-page .login-form .form-group .form-control.input-dark
{
	background-color:#2e323c !important;	
	border-color:rgba(255,255,255,0.1) !important;
}

.login-page .login-form .form-group .form-control.input-white
{
	color:#000000 !important;	
}


.login-page .login-form .form-group .btn.btn-dark
{
	background-color:rgba(255,255,255,0.1);	
	border-color:rgba(255,255,255,0.1);
}

.login-page .login-form .form-group .btn-primary
{
	background-color:rgba(255,255,255,0.0) !important;	
	border-color:rgba(255,255,255,0.1) !important;
}

.login-page .login-form .login-footer .info-links  .btn-primary
{
	background-color:rgba(255,255,255,0.0) !important;	
	border-color:rgba(255,255,255,0.1) !important;
	color:#ffffff;	
}

.login-page .login-form .login-footer .info-links  .btn-success
{
	color:#ffffff;	
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #cccccc !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #cccccc !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #cccccc !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #cccccc !important;
}

.login-page .login-form .form-group .form-control:-webkit-autofill
{
	color: #000000 !important;
	-webkit-text-fill-color: #000000 !important;
}

.row-warning
{
	background-color:#fff7ea !important;	
}

.row-danger
{
	background-color:#ffeaea !important;	
}

.row-success
{
	background-color:#f7ffea !important;	
}

.row-blue
{
	background-color:#ecf4ff !important;		
}

td small
{
	display:block;
	font-size:10px;
	color:#bbbbbb;	
}

refwd
{
	border-radius:5px;	
	background-color:#eeeeee;	
	padding:3px 5px 3px 5px;
	margin-right:2px;
	border:1px solid #ffffff;;
}

.sidebar-user-info .user-profile span strong
{
	font-size:15px;
	font-family: 'Roboto';
	font-weight: 300;
}

div.loading
{
	display:block;
	position:fixed;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	width:auto;
	height:auto;
	background-color:rgba(0,0,0,0.5);	
	z-index:999;
}

div.modal-content
{
	background-color:#f1f1f1;	
}

.modal-backdrop
{
	position:fixed;
}

.page-container .main-content td
{
	/*word-break:keep-all;*/
}

.sidebar-menu
{
	background-color: #2e323c;
}

.sidebar-user-info
{
	background-color: #222239;
}

.sidebar-menu .main-menu a
{
	border-bottom: 1px solid rgba(255,255,255,0.05);
}

.timeline-bg-blue
{
	background-color: #0e62c7 !important;
	color:#ffffff !important;	
}

.bootstrap-tagsinput .tag
{
	font-size:13px;
	font-weight:normal;	
	border-radius:3px;
}

footer.main-footer-smtp
{
	position:relative;
	bottom:20px;
	margin-top:70px;
	border-top:1px solid rgba(0,0,0,0.15);
	padding-top:10px;
	width:100%;
}

	footer.main-footer-smtp div.footer-text,
	footer.main-footer-smtp div.footer-text strong
	{
		color:rgba(0,0,0,0.4);
	}
	
	/*@media screen and (max-width: 769px) 
	{
		footer.main-footer-smtp
		{
			margin-top:20px;
			bottom:-10px;
			position:relative;
		}
	}*/

footer.main-footer.footer-type-3
{
	background-color:transparent !important;
	border:0px !important;
	width:auto;
	margin-left:0px;
	margin-right:0px;
}

	footer.main-footer.footer-type-3 .footer-inner
	{
		padding-right:0px;
	}
	
	footer.main-footer.footer-type-3 .footer-inner .footer-text
	{
		text-align:right;
		float:right;
	}

	footer.main-footer.footer-type-3 a
	{
		color:#ffffff;
	}
	

.terms-page strong
{
	color:#ffffff !important;
}

.container.margin
{
	padding-top:80px;
}

.error
{
	color:#ff7e00;	
}

.sidebar-menu.fixed .sidebar-menu-inner {
	/*background-color: #404552;*/
}

.sidebar-user-info .user-links
{
	background-color:#ffffff26;
}

.login-page,
.sidebar-menu.fixed .sidebar-menu-inner
{
	/*background-image:url(../../img/menu_bg.png);*/
	background-repeat:no-repeat;
	background-position:bottom left;
}

/* colors */

/*.btn.btn-secondary,
.btn-success,
.btn.btn-secondary:active,
.btn-success:active,
.btn.btn-secondary:focus,
.btn-success:focus
{
	background-color:#519eeb;
	border-color:#519eeb;
}*/

.btn-orange
{
	background-color:#ff7f00!important;
	border-color:#ff7f00 !important;
}

	.btn.btn-secondary:hover,
	.btn-success:hover
	{
		background-color:#ed6c24;
		border-color:#ed6c24;
	}
	
.btn-red
{
	background-color:#ed6b24!important;
	border-color:#ed6b24 !important;
    color:#ffffff !important;
}

	.btn-red:hover
	{
		background-color:#ff000;
		border-color:#ff0000;
	}
	

.btn-grey
{
	background-color:#eeeeee!important;
	border-color:#dddddd !important;
}
	
.text-secondary
{
	color:#519eeb;
}

.page-body .main-content .cbp_tmtimeline>li .cbp_tmicon.timeline-bg-success,
.badge.badge-green, .badge.badge-success,
.xe-widget.xe-counter.xe-counter-purple .xe-icon i, .xe-widget.xe-counter-block .xe-upper.xe-counter-purple .xe-icon i, .xe-widget.xe-progress-counter .xe-upper.xe-counter-purple .xe-icon i
{
	background-color: #519eeb !important;
}

.page-body .main-content .cbp_tmtimeline>li .cbp_tmicon.timeline-bg-purple,
.xe-widget.xe-counter.xe-counter-success .xe-icon i, .xe-widget.xe-counter-block .xe-upper.xe-counter-success .xe-icon i, .xe-widget.xe-progress-counter .xe-upper.xe-counter-success .xe-icon i
{
	background-color: #C5D86D !important;
}

.page-body .main-content .cbp_tmtimeline>li .cbp_tmicon.timeline-bg-red,
/*.btn.btn-red,*/
.page-body .main-content .cbp_tmtimeline>li .cbp_tmicon.timeline-bg-danger,
.badge.badge-red, .badge.badge-danger,
.xe-widget.xe-counter.xe-counter-red .xe-icon i, .xe-widget.xe-counter-block .xe-upper.xe-counter-red .xe-icon i, .xe-widget.xe-progress-counter .xe-upper.xe-counter-red .xe-icon i
{
	background-color: #dd0000 !important;
}

input[type=checkbox].iswitch-lg.iswitch-secondary:checked {
    box-shadow: inset 0 0 0 16px #c6d86d!important;
}

.label.label-info,
.btn-info
{
	background-color: #f59645 !important;
}

.text-info
{
	color: #519eeb !important;
}

/*
.toast-success
{
	background-color: #519eeb !important;
}

.toast-error
{
	background-color: #b44962 !important;
}
*/

p.error {
    color: #ffffff !important;
    padding: 10px;
    border-radius: 4px;
    background-color: #ed6b24;
}

.form-control:focus
{
	border-color:#ff7e00;
}

.alert-danger {
    background-color: #ff7e00;
    border-color: #ff7e00;
    color: #fff;
}

/* ***** */

.sidebar-menu {
    background-color: #39394d;
}

.sidebar-menu .main-menu a {
    color: #ffffff;
    border-bottom: 1px solid #eeeeee21;
}

.sidebar-menu .main-menu a:hover {
    color: #519eeb;
    font-weight: normal;
}

.sidebar-menu .main-menu li.active>a {
    color: #519eeb;
    font-weight: bold;
}

.panel {
    border-radius: 5px;
    border: 1px solid #eeeeee;
    /* box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 12%);*/
}

.page-container .main-content .page-title {
    background: #f9f9f9;
    z-index: 10;
    position: fixed;
    right: 0px;
    left: 370px;
    /*box-shadow: 10px 0px 10px 0px rgba(0,0,0,0.1);*/
    margin-top:-125px;
}

.page-container .main-content .page-title .title-env .title {
    font-weight: bold;
}

.sidebar-user-info {
    background: #222239;
    /*box-shadow: inset 0 0 10px #00000038;*/
    border-bottom: 0px;
    border-radius: 0px 0px 0px 0px;
}

.page-container .main-content {
    padding-top:125px;   
}

.settings-pane .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon {
    background: #333333;   
}

.sidebar-menu .logo-env .settings-icon a:hover {
    color: #519eeb;
}

.page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle a:hover, .page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle a:active, .page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle a:focus {
    color: #519eeb;
}

.form-control {
    border-radius:5px;
}

.btn-orange {
    background-color: #519eeb!important;
    border-color: #519eeb !important;
}

.login-page h2, h3, h4 {
    color: #ffffff;
    font-weight:bold;
    font-size:22px;
}

footer.main-footer.footer-type-3 a {
    color: #519eeb;
}

.terms-page strong {
    color: #519eeb !important;
}

.btn.btn-secondary {
    background-color: #519eeb;
    color: #fff;
}

input[type=checkbox].iswitch-lg.iswitch-secondary:checked {
    box-shadow: inset 0 0 0 16px #519eeb!important;
}

.sidebar-user-info .user-links li a {
    color:#ffffff;   
}

.sidebar-user-info .user-links {
    border-top: 0px;
}

.sidebar-user-info .user-profile span {
    color:#519eeb;
}

.sidebar-menu .logo-env {
    border-bottom: 0px;
}

.sidebar-user-info .user-links li+li a {
    border-left: 1px solid rgba(255,255,255,0.3);
}

.panel .panel-heading {
    font-weight:bold;   
}

.row-success {
    background-color: #e6fcff !important;
}

.modal .modal-dialog .modal-content {
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 38%);
}

.label.label-info,
.btn-info
{
	background-color: #519eeb !important;
}

.panel .panel-body {
    color: #2c2e2f;
}

.alert {
    border-radius: 20px;
}

.table-responsive[data-pattern=priority-columns]
{
    border-top: 0px;
}

.modal-title
{
    color:#333333;   
}

/* ********** */

@media (min-width: 768px)
{
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
        margin-top: -160px;
        top: 50%;
    }
}

@media screen and (max-width: 1024px)
{
    .page-container .main-content .page-title {
        padding: 15px 0px;
        left:0px;
        margin-top:0px;
        position:relative;
    }
    
    .page-container .main-content {
        padding-top:0px;   
    }
    
    .sidebar-menu .logo-env {
        border-bottom: 1px solid #eeeeee;
    }
}

@media screen and (max-width: 768px)
{
    .page-container .main-content .page-title {
        padding: 15px 0px;
        left:0px;
        margin-top:0px;
        position:relative;
    }
    
    .page-container .main-content {
        padding-top:0px;   
    }
    
    .sidebar-menu .logo-env {
        border-bottom: 1px solid #eeeeee;
    }

}