@keyframes blink {
	0% {
		opacity: .2;
	}

	20% {
		opacity: 1;
	}

	100% {
		opacity: .2;
	}
}

#start-impersonation,
#stop-impersonation {
	background: #ffffff;
	border-radius: 5px;
	display: none;
	height: 300px;
	left: 50%;
	margin-left: -200px;
	margin-top: -150px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 400px;
	z-index: 9999;
}

#start-impersonation .far,
#stop-impersonation .far {
	color: #be965c;
    font-size: 50px;
	margin: 50px 0 25px 0;
}

#start-impersonation h2,
#stop-impersonation h2 {
	font-size: 23px;
	font-weight: 300;
	text-align: center;
}

#start-impersonation span,
#stop-impersonation span {
	font-size: 36px;	
	animation-name: blink;
	animation-duration: 1.4s;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
}

#start-impersonation span:nth-child(2),
#stop-impersonation span:nth-child(2) {
	animation-delay: .2s;
}

#start-impersonation span:nth-child(3),
#stop-impersonation span:nth-child(3) {
	animation-delay: .4s;
}

.admin-dashboard,
.allowed-domains,
.search-users {
	width: 100%;
}

.admin-dashboard #container,
.allowed-domains #container,
.search-users #container {
	display: block;
	margin-bottom: 25px;
}

.admin-dashboard .col-md-11,
.allowed-domains .col-md-11,
.search-users .col-md-11 {
	margin-left: 5%;
	margin-right: 5%;
	padding: 0px !important;
	width: 90%;	
}

.search-users .col-md-3 {
	margin-right: 2%;	
	padding: 0px !important;
	width: 25%;
}

.search-users .col-md-8 {
	margin-right: 0%;	
	padding: 0px !important;
	width: 73%;	
}

.admin-dashboard .col-md-5,
.allowed-domains .col-md-5 {
	height: 600px;
	margin-right: 1.5%;	
	padding: 0px !important;	
	width: 40.5%;	
}

.admin-dashboard .col-md-6,
.allowed-domains .col-md-6 {
	height: 600px;	
	margin-right: 0%;	
	padding: 0px !important;	
	width: 58%;	
}

.admin-dashboard h1,
.allowed-domains h1,
.search-users h1 {
	font-size: 27px;
	font-weight: 300;
	margin: 30px auto;
}

.admin-dashboard .title,
.allowed-domains .title,
.search-users .title {
    background-color: #564647;
    color: #ffffff;
    display: block !important;
    padding: 5px 10px;
    font-size: 15px;
    font-weight: normal;
    text-align: left;
}

.search-users .search-widget {
    background-color: #ffffff;
    display: block !important;
    height: 600px;
	margin-bottom: 0px;
    padding: 0px;	
}

.search-users .users-widget {
    background-color: #ffffff;
    display: block !important;
    height: 600px;	
	padding: 0px;
	position: relative;
}

.search-users .users-widget .content {
	display: block;
	overflow-y: auto;
	padding: 0 10px;
}

.search-users .search-widget form {
	display: block;
	padding: 0 20px;	
}

.search-users .search-widget form label {
	display: block;	
	font-size: 13px;	
	font-weight: normal;
	margin: 0 !important;	
	padding: 10px 0;
}

.search-users .search-widget form input[type="text"] {
	border: 1px solid #bec5c2;
	border-radius: 0px;
	display: block;
	font-size: 14px;
	margin: 0;
	padding: 4px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;	
	width: 96%;
}

.search-users .search-widget form input[type="text"]:focus,
.search-users .search-widget form input[type="text"]:hover {
	border: 1px solid #be965c;
	outline: none;
}

.search-users .search-widget form select {
	border: 1px solid #bec5c2;
	border-radius: 0px;
	display: block;
	font-size: 14px;
	margin: 0;
	padding: 3px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;	
	width: 99%;
}

.search-users .search-widget form select:focus,
.search-users .search-widget form select:hover {
	border: 1px solid #be965c;
	outline: none;	
}

.search-users .search-widget .buttons-container {
	clear: both;
	display: block;
	width: 100% !important;	
}

.search-users .search-widget .buttons-container .buttons {
	float: left !important;
	margin-top: 25px !important;
	width: 100%;
}

.search-users .search-widget .buttons-container .buttons a {
    color: #ffffff !important;
    display: inline-block;
    margin: 0 !important;
    padding: 10px !important;
    text-align: center !important;
    width: 94% !important;
}

.search-users .search-widget .buttons-container .buttons a:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}

.admin-dashboard .organisations-widget {
    background-color: #ffffff;
    display: block !important;
    height: 300px;
	margin-bottom: 25px;
    padding: 0px;
}

.allowed-domains .organisations-widget {
    background-color: #ffffff;
    display: block !important;
    height: 600px;
	margin-bottom: 0px;
    padding: 0px;	
}

.admin-dashboard .profiles-widget {
    background-color: #ffffff;
    display: block !important;
    height: 275px;
	padding: 0px;
	position: relative;	
}

.admin-dashboard .profiles-widget #addUserProfile {
	bottom: 0px;
	float: left;
	margin: 10px;
	position: absolute;
}

.admin-dashboard .users-widget,
.allowed-domains .domains-widget {
    background-color: #ffffff;
    display: block !important;
    height: 600px;	
	padding: 0px;
	position: relative;
}

.admin-dashboard .users-widget #createUserLink,
.allowed-domains .domains-widget #createNewDomain {
	bottom: 0px;
	float: left;
	margin: 10px;
	position: absolute;
}

.admin-dashboard .users-widget .titleBarTitle {
    width: auto !important;
}

.admin-dashboard .organisations-widget .content {
	display: block;
	height: 89.5%;
	overflow-y: auto;
	padding: 0 10px;
}

.allowed-domains .organisations-widget .content {
	display: block;
	height: 95%;
	overflow-y: auto;
	padding: 0 10px;
}

.admin-dashboard .profiles-widget .content,
.admin-dashboard .users-widget .content,
.allowed-domains .domains-widget .content {
	display: block;
	overflow-y: auto;
	padding: 0 10px;
}

.admin-dashboard .profiles-widget .content form label {
	display: block;	
	font-size: 13px;	
	font-weight: normal;
	margin: 0 !important;	
	padding: 10px 0;
}

.admin-dashboard .profiles-widget .content form input[type="text"] {
	border: 1px solid #bec5c2;
	border-radius: 0px;
	display: block;
	font-size: 14px;
	margin: 0;
	padding: 4px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;	
	width: 50%;
}

.admin-dashboard .profiles-widget .content form .buttons {
	float: left !important;
}

.admin-dashboard .profiles-widget .content form .buttons a {
    display: inline-block;
    margin: 0 !important;
    padding: 10px !important;
    text-align: center !important;
    width: 125px !important;
}


.broadcast-container,
#contact-points-container {
	display: block;	
}

.broadcast-container .col-md-10,
.contact-points-container .col-md-10 {
	margin-bottom: 25px;	
	margin-left: 10%;
	margin-right: 10%;	
	padding: 0px !important;	
	width: 80%;
}

.broadcast-container h1,
.contact-points-container h1 {
	font-size: 27px;
	font-weight: 300;
	margin: 30px auto;
}

#broadcast-content,
#contact-points-content {
	background: #ffffff;
	height: auto;
	min-height: 600px;
	overlay: hidden;
	padding: 10px 0;
}

#broadcast-content h2 {
	font-size: 20px;
	font-weight: 400;
	margin: 0;	
	padding: 10px 17px;
	text-align: left;
}

#broadcast-content a,
#contact-points-content a {
	color: #337ab7;
	text-decoration: none;	
}

#broadcast-content a:hover,
#contact-points-content a:hover {
	color: #337ab7;
	text-decoration: underline;	
}

#contact-points-content .contacts-widget {
	background-color: #FFF;
	display: block !important;
	height: 600px;
	padding: 0px;
	position: relative;
}

#contact-points-content .contacts-widget .content {
	display: block;
	overflow-y: auto;
	padding: 0px 10px;	
}

#contact-points-content .contacts-widget #createContactLink {
	bottom: 0px;
	float: left;	
	margin: 0 10px !important;
	position: absolute;
}

.email-users-container {
	display: block;
}

.email-users-container .col-md-10 {
	margin-bottom: 25px;
	margin-left: 10%;
	margin-right: 10%;
	padding: 0px !important;
	width: 80%;
}

.email-users-container h1 {
	font-size: 27px;
	font-weight: 300;
	margin: 30px auto;
}

#email-users-content {
	background: #ffffff;
	height: auto;
	min-height: 600px;
	overlay: hidden;
	padding: 10px 0;
}

#email-users-content a {
	color: #337ab7;
	text-decoration: none;
}

#email-users-content a:hover {
	color: #337ab7;
	text-decoration: underline;	
}

#email-users-content .contacts-widget {
	background-color: #FFF;
	display: block !important;
	height: 600px;
	padding: 0px;
	position: relative;
}

#email-users-content .contacts-widget .content {
	display: block;
	overflow-y: auto;
	padding: 0px 10px;	
}

#email-users-content .contacts-widget .content label {
    display: block;
    font-size: 13px;
    font-weight: normal;
    margin: 0px !important;
    padding: 10px 0px;
}

#email-users-content .contacts-widget .content select {
	border: 1px solid #bec5c2;
	border-radius: 0px;
	display: block;
	font-size: 14px;
	margin: 10px 0;
	padding: 3px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;	
	width: 30%;
}

#email-users-content .contacts-widget .content textarea {
	border: 1px solid #e1e1e1;
	display: block;
	font-size: 12px !important;
	height: 150px;
	padding: 5px !important;
	width: 99% !important;
}

#email-users-content .contacts-widget .content ul.toolbar {
	list-style: none;
	margin: 10px 0 5px 0;
	padding: 0;
}

#email-users-content .contacts-widget .content ul.toolbar li {
	display: inline-block;
	font-size: 14px;
	margin-right: 5px;
}

#email-users-content .contacts-widget .content ul.toolbar li a {
	color: #554646;
}

#email-users-content .contacts-widget .content ul.toolbar li a:hover {
	color: #463838;
}

#email-users-content .contacts-widget .content #userlist {
	height: auto;
	overflow-y: auto;
	max-height: 200px;
}

#email-users-content .contacts-widget .content #userlist table {
	width: 100%;
}

#email-users-content .contacts-widget .content #userlist table th {
	border-bottom: 1px solid #ddd;
	color: #764F2E;
	font-weight: 400;
	padding: 10px;
	width: 15%;
}

#email-users-content .contacts-widget .content #userlist table td {
	border-bottom: 1px solid #eee;
	padding: 10px;
	width: 45%;
}

#email-users-content .contacts-widget .content #userlist table th:first-child,
#email-users-content .contacts-widget .content #userlist table td:first-child {
	padding: 10px;
	width: 10%;
}

#email-users-content .contacts-widget .content #userlist table th input[type="checkbox"],
#email-users-content .contacts-widget .content #userlist table td input[type="checkbox"] {
	margin: 0px;
}

#broadcast-content form {
	display: block;
	margin-left: 1.5%;
	margin-right: 1.5%;	
	width: 97%;
}

#broadcast-content label {
	display: block;	
	color: #554646;
	font-size: 13px;
	font-weight: 400;
	margin: 5px 0;
}

#broadcast-content select {
	border: 1px solid #cdcbcc;
	border-radius: 0px;
	font-size: 13px;
	outline: none !important;
	margin: 0 0 10px 0;
	padding: 5px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;	
	width: 100%;
}

#broadcast-content textarea {
	border: 1px solid #cdcbcc;
	border-radius: 0px;
	font-size: 13px;
	outline: none !important;
	padding: 5px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;	
	width: 99%;
}

#broadcast-content textarea:focus,
#broadcast-content textarea:hover {
	border: 1px solid #be965b;
}

#broadcast-content select:focus,
#broadcast-content select:hover {
	border: 1px solid #be965c;
	outline: none;	
}

#broadcast-content .buttons-container {
	clear: both;
	display: block;
	height: auto;
	overflow: hidden;
	width: 100% !important;	
}

#broadcast-content .buttons-container .buttons {
	float: left !important;
}

#broadcast-content .buttons-container .buttons a,
#broadcast-content .buttons-container .buttons button {
    color: #ffffff !important;
    display: inline-block;
    margin: 0px !important;
    min-width: 125px !important;
	padding: 10px !important;
	text-align: center !important;
}

#broadcast-content .buttons-container .buttons a:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}


/*.dashboard1-leftcontainer {
    float: left;
    width: 500px;
    height: 95%;  /* @S.D. 10/4/2014 combine with margin-top !!! 100% + 5px pushes the div outside parent boundary !!!
	margin-top: 5px;
}
 
.dashboard1-rightcontainer{
    float: left;
    width: 680px;
    height: 94%; /* @S.D. 10/4/2014 combine with margin-top !!! 100% + 5px pushes the div outside parent boundary !!!
	margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
}
  
.dashboard1-title {
    background-color: #8A8D66;
    color: white;
    text-align: left;
	padding-left: 5px;
	font-weight:bolder;
    height: 20px;
	display: block !important;
}

.dashboard1-title-org {
    background: url(../images/icons/icon.org.20x20.white.png) left center no-repeat, #8A8D66;
    color: white;
    text-align: left;
	padding-left: 25px;
	font-weight:bolder;
    height: 20px;
	display: block !important;
}

.dashboard1-title-user {
    background: url(../images/icons/icon.user.20x20.white.png) left center no-repeat, #8A8D66;
    color: white;
    text-align: left;
	padding-left: 25px;
	font-weight:bolder;
    height: 20px;
	display: block !important;
}

.dashboard1-title-profile {
    background: url(../images/icons/icon.profile.20x20.white.png) left center no-repeat, #8A8D66;
    color: white;
    text-align: left;
	padding-left: 25px;
	font-weight:bolder;
    height: 20px;
	display: block !important;
}
 
.dashboard1-placeholder {
    border: 1px dotted red;
    height: 100px;
    padding: 0px;
    margin-bottom: 5px;
    display: block !important;
}




.dashboard1-rightcontainer .dashboard1-content {
	width: 660px;	
	overflow-x:hidden;
	overflow-y:hidden;
	margin-left:10px;
	
}

div.dashboard1 {
	width: 100%;
	height: 100%;
}*/

@media screen and (min-width: 992px) and (max-width: 1366px) {
	.admin-dashboard .col-md-11,
	.allowed-domains .col-md-11,
	.search-users .col-md-11 {
		margin-left: 2%;
		margin-right: 2%;	
		padding: 0px !important;	
		width: 96%;	
	}
}

@media screen and (min-width: 240px) and (max-width: 991px) {
	.admin-dashboard .col-xs-12 {
		margin-bottom: 10px;
		width: 100% !important;	
	}
}