body {
	background-image: url(../images/bg-pattern.svg), radial-gradient(farthest-side ellipse at 10% 0, #dadada 20%, #989797);
	background-image: url(../images/bg-pattern.svg), -webkit-radial-gradient(10% 0, farthest-side ellipse, #dadada 20%, #989797);
	background-image: url(../images/bg-pattern.svg), -moz-radial-gradient(10% 0, farthest-side ellipse, #dadada 20%, #989797);
	background-size: cover;
	background-attachment: fixed, fixed;
}	

input[name="VD_login"]{
    padding-left: 10px !important;
    border-left: 0;
}

input[name="VD_pass"]{
    padding-left: 10px !important;
    border-left: 0;
}

small {
	font-size: 60%;
}

.card {
	margin-bottom: 10px;
}

a {
	/*color: white;*/
}

.hide {
	display:none;
}

#DiaLControl a, #DiaLControl button {
	font-size: .875rem !important;
    line-height: 1.5 !important;
    padding: .875rem 1rem !important;
    border-radius: .4375rem !important;
}

#HangupControl a, #HangupControl button {
	font-size: .875rem !important;
    line-height: 1.5 !important;
    padding: .875rem 1rem !important;
    border-radius: .4375rem !important;
	background-color: #e44646 !important;
	border-color: #e44646 !important;
}

#PauseCodeSelectB a, #PauseCodeSelectA a, #DispoSelectA a, #DispoSelectB a, #DispoSelectC a {
	font-size: .875rem;
    font-weight: 600;
    line-height: 1.5;
    display: inline-block;
    padding: .625rem 1.25rem;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #24b0d0;
    border-radius: .25rem;
    position: relative;
    transition: all .15s ease;
    letter-spacing: .025em;
    text-transform: none;
    will-change: transform;
	color: #eaeaea;
    background: rgb(13 23 138);
    box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
	display:block;
}

#CallLogSpan center font b a, #CallLogSpan center a { 
    color: white;
    font-size: large;
}

.bg-primary {background-color: #239cca !important; background-image: url("../images/absurdity.png");}

#sidenav-main {
	background-color: #0d3579 !important; background-image: url("../images/3px-tile.png");
	/*background: url(../images/3px-tile.png), linear-gradient(329deg, rgb(8 66 173), rgb(f f f)); */
	border-right: 3px solid black;
}

#DiaLLeaDPrevieW {color: white;}

.card-header { background: url(../images/absurdity.png),linear-gradient(to right, rgb(14 53 123), rgb(17 65 152 / 86%),rgb(52 101 212)); }

.card-header h3 {color: white !important; }

.card-header:first-child {border-radius:0 !important;}

.card { border: 3px solid #0c003c !important; }

.table-success, .table-success td, .table-success th { background-color: #598cff70 !important; }

#PauseCodeSelectContent table {
    background-color: #598cff96 !important;
}

#PauseCodeSelectBox table tbody tr td, #DispoSelectContent table tbody tr td {
    color: white;
}

.pause_agent_dialling { color: white; font-size:large; }

.table { color: white !important; }

#CloserSelectAdd a, #CloserSelectDelete a {
	font-size: .888rem;
    font-weight: 600;
    line-height: 2;
    display: inline-block;
    padding: .325rem 1.25rem;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    text-align: center;
    vertical-align: middle;
      border-radius: .25rem;
    position: relative;
    transition: all .15s ease;
    letter-spacing: .025em;
    text-transform: none;
    will-change: transform;
	color: #eaeaea;
    background: #0d3579;
    box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
	display:block;
    margin-bottom: 6px;
}

#CloserSelectAdd a:hover, #CloserSelectDelete a:hover {
    color: #ccc;
}

#CloserSelectAdd a {
    background: #d41010;
}

#CloserSelectDelete a {
    background: #099019;
}

#CloserSelectBox {
/*        color: #fff;
    border-color: #000;
    background-color: #2d2c2c;*/
    
}


#LeaDInfOBox a {
    color: white;
    font-size: large;
}
#LeaDInfOSpan table {
    color: black;
}

#LeaDInfOBox table td {
    padding: 0 !important;
}
#CallLogSpan table td {
    padding: 0.3rem;
	color:black;
	font-weight:bold;
}
#AgentTimeDisplaySpan table td {
    color: black;
}
#AgentTimeDisplaySpan a {
    color: white;
    font-size: large;
}

.log_title {
	color:black;
}
/* Add a glowing button to report on Inbound Calls In Queue > 0 */
@keyframes glowing {
	0% {
	  background-color: #2ba805;
	  box-shadow: 0 0 5px #2ba805;
	}
	50% {
	  background-color: #49e819;
	  box-shadow: 0 0 15px #49e819;
	}
	100% {
	  background-color: #2ba805;
	  box-shadow: 0 0 5px #2ba805;
	}
}
.queue_text_red {
	font-size: 1rem;
    font-weight: 800;
    line-height: 1;
    display: inline-block;
    padding: .325rem 1.25rem;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #24b0d0;
    border-radius: .25rem;
    position: relative;
    transition: all .15s ease;
    letter-spacing: .025em;
    text-transform: none;
    will-change: transform;
	color: #eaeaea;
    background-color: #fb6340;
    box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
	display:block;
	animation: glowing 2300ms infinite;
}

.btn-primary {
	color: #fff;
    border-color: #000;
    background-color: #2298c6;
}

.btn-primary.disabled, .btn-primary:disabled {
	color: #fff;
    border-color: #000;
    background-color: #2298c6;
}

/* The side navigation menu */
.sidenav-right {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 100; /* Stay on top */
  top: 30; /* Stay at the top */
  background-color: #111; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.6s; /* 0.5 second transition effect to slide in the sidenav */
}

.sidenavleft {
	left: 0;
}

.sidenavright {
	right: 0;
}

/* The navigation menu links */
.sidenav-right a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav-right a:hover {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav-right .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}