html {
  font-family:"PT Sans", Helvetica, Arial, sans-serif;
  font-size:18px;
}

.wrapper 
{

    width: 100%;
    align-items: stretch;
}

.feature-blocks {
  border:1px solid #000;
  padding:50px;
  margin:2px;
}

.website_page {
   padding-left:5rem; 
   padding-right:5rem; 
  /*padding-top:1rem;*/
}

.website_page h1 {
  font-family:"PT Sans", Helvetica, Arial, sans-serif;
  font-size:36px;
  line-height:45px;
  color:#313131;
  font-weight:700;
}

#username_header{
display:block;
}

@media (max-width:767px){

	.custom-body-top {
    	padding-top: 60px;
	}
	
	.custom-body-top .col{    
		padding-left: 35px!important;     
		padding-top: 35px;
	}
	.navbar-dark .navbar-brand {
    	color: #fff;
    	font-size: 28px;
    	padding: 0;
  		left: 76px;
    	position:absolute;
	}
	#web{
		left:0!important;
		position:inherit!important;

	}
	.list-unstyled{
    	padding-top: 60px;
	}
	#websiteSidebar{
		width:100%!important;
		min-height:100vh!important;
		max-width:100%!important;
		/*position:relative!important;*/
		min-width:100%!important;
	}
	.custom-bg-light{
		background:white!important;
	}
	#sidebar{
		width: 100%!important;
    	position: relative!important;
    	min-height: 100vh; 
    	box-shadow: 1.2px 1.2px #f0f0f0;
    	z-index: 1;
	}
	#app{
		padding-left:30px;width:100%;left:0!important;
	}
	#sidebar .list-unstyled {
		padding-top:15px!important;
	}
	#username_header{
		display:none;
	}
	.navbar-toggler {
    	padding: 0.1rem 0.10rem;
	    font-size: 1rem;
    	line-height: 1;
	    background-color: transparent;
    	border: 1px solid transparent;
	    border-radius: .25rem;
	}
	.beta {
    	color: #d5d5d5;
	    font-size: 11px;
    	/* text-align: left; */
	    /* padding-left: 127px; */
    	position: relative;
	    right: 136px !important;
   		top: 14px;
	}
	#appNavBar .navbar-brand {
    	color: #fff;
    	font-size: 20px;
    	padding: 0;
  		left: 42px;
    	position:absolute;
	}
	.rounded-circle {
    	border-radius: 50%!important;
	    width: 24px;
    	height: 24px;
	}
	.website_page {
   	  padding-left:0; 
          /*padding-top:1rem;*/
        }       
	.custom-body-top .col {
          padding-left:10px !important;
	}
}


@media (max-width: 575.98px) {
  .custom-sm-up-hide {
    display:none;
  }
}
@media (max-width: 767.98px) {
  .custom-md-up-hide {
    display:none;
  }
}

/*
#web {
	background-color:#fff;
	left:325px;
	position: absolute;		
	width:74%;
}
*/
/*
#web {
  position: static !important;   
  left: 0 !important;
  width: 100% !important;
  min-height: 100vh;
  background-color: #F9FAFB !important;
}
*/




#logoutMenuUser {
  font-size: 16px;
}

#logoutMenu a {
  color:#000;
  opacity:0.5;
  line-height:20px;
  display:block;
  font-size: 12.45px;
  font-size: 16px;
  text-decoration:none;
}

#logoutMenu a:hover {
  opacity:1;
}

.mp-icons {
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 25px;
  background-position-y:center;
  background-size:16px 16px;
}

.mp-icons-person {
  background-image: url("../images/icons/person-3x.png");
}
.mp-icons-dollar {
  background-image: url("../images/icons/dollar-2x.png");
}
.mp-icons-power-btn {
  background-image: url("../images/icons/power-standby-2x.png");
}

.nounderline {
  text-decoration: none !important
}



@media (max-width: 575px) {
  .m-xs-auto {
    margin: auto !important;
  }
}

@media (min-width: 576px) {
  .align-xs-center {
    text-align: center;
  }
}



.v3dots-icon:after {
  content: '\2807';
  font-size: 3em;
  color: #2e2e2e
}


.m-20nv {
  /*margin-top: -20px;*/
}

.custom-bg-light {
  background-color: #F4F4F9;
}

/* stylings for sidebar - starts */
#sidebar .hasSubMenu li a {
  padding-left:25px;
}

#sidebar .sidebar-links {
  background-repeat: no-repeat;
  background-position: left;
  /*padding-left: 25px;*/
  background-position-y:center;
  background-size:16px 16px;
}
#sidebar .sidebar-links-top-icon {
  background-repeat: no-repeat;
  background-position: top;
  padding-top: 20px;
  background-position-y:top;
  text-align:center;
}

#sidebar .dashboard-link {
  background-image: url("../images/icons/dashboard-32px-2.png");
}
#sidebar .emaillogs-link {
  background-image: url("../images/icons/emaillogs-32px.png");
}
#sidebar .sandbox-link {
  background-image: url("../images/icons/sandbox-32px.png");
}
#sidebar .domains-link {
  background-image: url("../images/icons/domains-32px.png");
}
#sidebar .suppression-link {
  background-image: url("../images/icons/suspension-32px-2.png");
}
#sidebar .gettingstarted-link {
  background-image: url("../images/icons/gettingstarted.png");
}
#sidebar .integration-link {
  background-image: url("../images/icons/integrations-32px.png");
}
#sidebar .settings-link {
  background-image: url("../images/icons/settings-32px.png");
}

#sidebar .dashboard-link:hover {
  /*filter: invert(.5) sepia(1) saturate(5) hue-rotate(175deg);*/
}


#sidebar {
	width:15%;
	float:left; 
    min-height: 100%;
    box-shadow: 1.2px 1.2px #f0f0f0;
}

#sidebar.active {
    margin-left: -250px;
}

#sidebar a[data-toggle="collapse"], #sidebar a {
    position: relative;
    font-weight:normal;
}

#sidebar a[data-toggle="collapse"]:hover, #sidebar ul li a:hover {
  opacity:1;
  text-decoration-color: #007c89;
  color: #212529!important;
  font-weight:bold;
  /*text-decoration-line: underline;*/
}

#sidebar a {
  /*color: grey;*/
  color:#000;
 /* opacity:0.5;*/
  line-height:40px;
  display:block;
  font-size: 12.45px;
  font-size: 16px;
  text-decoration:none;
}

#sidebar li {
    /*border-bottom: 1px solid #212121;*/
}

#sidebar li:focus {
    /*background-color: #212121;*/
    border:none !important;
}
#sidebar a:focus {
    /*background-color: #212121;*/
    border:none !important;
}

/*
#sidebar .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
    float: right;
    margin-top: 8px;
    margin-top: 1em;
    margin-left: .3em;
    margin-right: .6em;
}
*/

#sidebar li:hover {
    /*background-color: #212121;*/
    cursor:pointer;
}

#sidebar {
    /* don't forget to add all the previously mentioned styles here too */
    color: #fff;
    transition: all 0.3s;
    padding-top: 75px !important;
    padding-left: 1.5rem!important;
	
    float: left;
    position: fixed;

}


/* stylings for sidebar - ends */


/* https://mdbootstrap.com/css/colors/#introduction */
.bg-primary {
  background-color: #212121 !important;
}
.bg-secondary {
  background-color: #2E2E2E !important;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #6e6e6e;
  border-color: #6e6e6e;
}
.btn-primary {
  background-color: #3e3e3e;
  border-color: #3e3e3e;
}
.custom-min-h {
  /* overflow-y:scroll; */
  /* min-height: 600px !important; */
  /* max-height: 600px !important; */
}
.custom-body-top {
  padding-top: 80px;
}
.custom-bg-coder {
  background-image: url('http://192.168.0.102/webpost/coder.jpg');
  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.navbar-dark .navbar-nav .nav-link {
  color: #FFFFF0;
}
.active {
  font-weight:bold;
}
/*
.custom-website-header-login-bar {
  max-height:30px;
  background-color:#f2f2f2;
}
.custom-website-header-menu-bar {
  top: 30px;
}
*/
.footer-copyright {
  font-size:12px;
}
.navbar-brand {
    font-size: 1.40rem;
}

#loader {
  display: none;
  /* background-image: url("../images/loader-small.gif"); */
  background-image: url("../images/ajax-loader.gif");
  position: fixed;
  /*top: 20%;*/
  top: 100px;
  left: 50%;
  background-color: #fff;
  color: #3e3e3e;
  padding: 5px;
  /*border: 1px solid grey;*/
  border: 1px solid #ccc;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: normal;
  background-repeat: no-repeat;
  background-position-x: 7px;
  padding-left: 27px;
  background-position-y: 11px;
  opacity:0.8;
  line-height:28px;
  font-size:14px;
}

.custom-no-border {
    float: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: #fffff;
}

.custom-input-w50 {
    width: 50% !important;
}

.custom-date-icon{
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 2;
    color: #555555;
    text-align: center;
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    border-right-color: rgb(204, 204, 204);
    border-right-style: solid;
    border-right-width: 1px;
    border-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;

}

.custom-dashboard-key {
    color: #9c9696;
    font-weight: 600;
}

.custom-dashboard-count {
    color: #9c9696;
    font-weight: 500;
}

.custom-fontsize14{
	font-size: 14px;
}

.custom-label-acc {
    width: 150px;
    text-align: left;
    display: inline-block;
    font-weight: 700;
    margin: 0;
    cursor: default;
    padding-left: 15px;
}

.custom-accountinfo-static {
    margin: 0 0 0 164px;
    display: block;
}

.view {
  border-color: transparent;
  background-color: initial;
  color: initial
}

/*  account page starts */
#myaccountpage input {
  margin-bottom:1px;
}
#myaccountpage input:not([disabled]) {
	/*color: red !important;*/
    /*border:none;
    border-bottom: 1px solid #3e3e3e;*/
}
#myaccountpage .btn-link{
    font-size:14px;
}

/*  account page ends */

/* Email Log Page*/
#emaillogs_table td {
    overflow:hidden;
    word-wrap: break-word;
    /*max-width:100px;*/
	font-size: 14px;
}
#emaillogs_table {
  width: 100% !important;
}
#emaillogs_table td:nth-child(2),
#emaillogs_table td:nth-child(5) {
    max-width:100px;
}
/*
#emaillogs_table {
    width:0px !important;
}
*/

/* styling for pagination */
#emaillogs_table_previous,
.paginate_button  {
  margin-right: 5px;
  /*font-weight: bold;*/
  cursor: pointer;
	
	
}
.paginate_button .current {
  font-weight: bold;
}

#emaillogs_table_info,
#emaillogs_table_paginate {
  text-align:center;
 /* padding-bottom: 50px;	*/
}

#emaillogs_table_paginate {
  text-align:center;
  padding-bottom: 2rem;	
}

#emaillogs_table_length {
  position: relative;
  top: 40px;
  width: 300px;
}
/* Email Log Page End*/

#errorBox,
#successBox,
#infoBox {
  position: fixed;
  top: 10px;
  /*top: 100px;*/
  z-index: 10000;
  width:60%;
  opacity:0.95;
}

.blog_lists li {
  padding-bottom:10px;
  font-family: "PT Sans", Helvetica, Arial, sans-serif;
  font-size: 18px;
}
.blog_lists li a {
  font-size: 18px;
  font-family: "PT Sans", Helvetica, Arial, sans-serif;
}
.website_page h2 {
  font-size: 27px;
  font-weight: bold;
  font-family: "PT Sans", Helvetica, Arial, sans-serif;
}

pre.codeblock {
  /*background-color:#ddd;*/
  border:1px solid #ccc;
  font-family: monospace, monospace;
  padding: 10px;
}

#domainsList {
  font-size: 16px;
}
.beta {
  color:#d5d5d5;
  font-size: 11px;
  /* text-align: left; */
  /* padding-left: 127px; */
  position: relative;
  right: 170px;
  top: 14px;
}

#trackingList {
    font-size: 16px;
}

#tokensList{
    font-size: 16px;
}

#verify_domain_dns{
    font-size: 16px;
}

#websiteSidebar{
	width:25%;
	float:left;
	position:fixed;
/*	background: #212121 !important;*/
/*	background: #000000 !important;*/
	background: ##202020 !important;
    float: left;
    transition: all 0.3s;
    padding-top: 37px !important;
	min-height:100vh!important;
}
	

div#app {
   padding-top:85px;
        left: 15%;
    position: absolute;
    width: 85%;}

.btn-link-custom {
    font-weight: 400;
    color: #007bff;
    background-color: transparent;
}



.btn-custom {
    display: inline-block;
    font-weight: 400;
    /*text-align: center;*/
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    /*padding: .375rem .75rem;*/
    font-size: 0.8rem;
    line-height: 1;
    /*border-radius: .25rem;*/
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-link-custom:hover {
    color: #0056b3;
    text-decoration: underline;
    background-color: transparent;
    border-color: transparent;
}

.btn-custom:focus, .btn:hover {
    text-decoration: none;
}

.btn-custom:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.apiTokensList tr:hover .copy_api_token {
    visibility: visible;

}

.copy_api_token {
    visibility: hidden;
}

.verifyDomain td:hover .copy_verify_domain {
    visibility: visible;
}

.copy_verify_domain {
    visibility: hidden;
}

.h3, h3 {
    font-size: 1.75rem;
    font-weight: 600;
}
 
.mp-person {
  /*background-image: url("../images/profile_img/tabrez-circle-cropped.png");*/
  /*border: 1px solid #ddd;*/
  border-radius: 4px;
  padding: 10px;
  width: 175px;
}



@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	/*table#emaillogs_table, thead, tbody, th, td, tr { */
	table, thead, tbody, th, td, tr { 
		display: block;
		word-wrap:break-word; 
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	/*tr { border: 1px solid #ccc;}*/
	
    td { 
		/* Behave  like a "row" */
		border: none;
		/* border-bottom: 1px solid #eee; */ 
		position: relative;
		/*padding-left: 10%; */
		padding-left: 50% !important; 
		/*padding: 10%; */
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		/*top: 6px;*/
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}

	/*
	Label the data
	*/
	.emaillogs_table td:nth-of-type(1):before { content: "Datetime"; }
	.emaillogs_table td:nth-of-type(2):before { content: "MessageID"; }
	.emaillogs_table td:nth-of-type(3):before { content: "Event"; }
	.emaillogs_table td:nth-of-type(4):before { content: "Summary"; }

	.about_us_team_table td { padding-left:0 !important; }

	.domainlist_table td:nth-of-type(1):before { content: "Domain"; }
	.domainlist_table td:nth-of-type(2):before { content: "Status"; }
	.domainlist_table td:nth-of-type(3):before { content: "Action"; }
    


	.sending_policy_table td:nth-of-type(1):before { content: "Thresholds"; }
	.sending_policy_table td:nth-of-type(2):before { content: "levels*"; }
	.sending_policy_table td:nth-of-type(3):before { content: "Details"; }

	.verify_domain_dns_table td:nth-of-type(1):before { content: "Type"; }
	.verify_domain_dns_table td:nth-of-type(2):before { content: "Host"; }
	.verify_domain_dns_table td:nth-of-type(3):before { content: "Value"; }
	.verify_domain_dns_table td:nth-of-type(4):before { content: "Status"; }

	.api_tokens_table td:nth-of-type(1):before { content: "Token"; }
	.api_tokens_table td:nth-of-type(2):before { content: "Date/Time"; }
	.api_tokens_table td:nth-of-type(3):before { content: "Action"; }

	.webhook_list_table td:nth-of-type(1):before { content: "Description"; }
	.webhook_list_table td:nth-of-type(2):before { content: "URL"; }
	.webhook_list_table td:nth-of-type(3):before { content: "Date"; }
	.webhook_list_table td:nth-of-type(4):before { content: "Events"; }
	.webhook_list_table td:nth-of-type(5):before { content: "Status"; }
	.webhook_list_table td:nth-of-type(6):before { content: "Action"; }

	.tracking_list_table td:nth-of-type(1):before { content: "Setting"; }
	.tracking_list_table td:nth-of-type(2):before { content: "Status"; }
	.tracking_list_table td:nth-of-type(3):before { content: "Action"; }

/*
.custom-btn-disabled {
    background-color:#A0A0A0;
    cursor: not-allowed;
    pointer-events: none;
}
*/

.btn.btn-primary[disabled],
.btn-primary.disabled, 
.btn-primary:disabled {
    /*background-color: #00ff00;*/
    background-color:#A0A0A0;
    border-color:#A0A0A0;
}