/* Styling for button that is in same row as select2. */
@font-face {
	font-family: Como;
	src: url(/Dashboard/Core/css/fonts/Como-Medium.ttf);
}

@font-face {
	font-family: Como;
	src: url(/Dashboard/Core/css/fonts/Como-Bold.ttf);
	font-weight: bold;
}

@font-face {
	font-family: DejaRip;
	src: url(/Dashboard/Core/css/fonts/DejaRip-Medium.ttf);
}

.select2-form-button {
	height: 26px;
	padding-top: 3px;
}

.select2-selection-icon {
	margin-right: 5px;
}

#mainBroadcastHolder {
	height: 18em;
	margin-bottom: 3em;
}

#selectTextHolder {
	margin-top: 0.5em;
	height: 2.5em;
	overflow-y: hidden;
	margin-bottom: 1em;
	padding-left: 0;
}

div.tableWrapper {
	max-height: 8em;
	overflow-y: scroll;
	margin-bottom: 2em;
	margin-left: 1.8em;
}

.broadcastIcon {
	display: inline-block;
	text-align: center;
}

.broadcastIcon img {
	display: inline-block;
	height: 8em;
	cursor: pointer;
}

#detailsPane #broadcastTitle {
	width: 100%;
}

.uploadTable {
	border-collapse: collapse;
}

.top-buffer {
	margin-top: 10px;
}

.rowSpace {
	padding-top: 7px;
	padding-bottom: 7px;
}

.overlay-bottom {
	position: relative;
	display: inline-block;
	width: 100%;
}

.overlay-top {
	position: absolute;
}

.overlay-TLC {
	left: 45%;
}

.overlay-MB {
	left: 33%;
}

.overlay-MB-overall {
	width: 100%;
	text-align: center;
}

.inactiveLink {
	pointer-events: none;
	cursor: default;
}

.hidden {
	visibility: hidden;
	display: none;
}

.bheader {
	width: 32%;
	font-size: 1.2em;
	font-weight: 600;
	margin: .6em;
}

#onetime-code, #view-agreement, 
 #startBroadcastButton {
	width: 50%;
	font-size: 16px;
	font-weight: 600;
	border-radius: 5px !important;
	padding: 9px 12px !important;
}

#onetime-code-exam{
	width: 50%;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px !important;
    padding: 9px 12px !important;
}

/*Capture & Live Stream BOXES*/
.capture-box-container {
	margin-top: 150px;
}

@media ( max-width : 1315px) {
	.capture-box-container {
		margin: 70px auto 0px auto;
		white-space: nowrap;
		overflow-x: auto;
	}
	.side-by-side-boxes {
		width: 235px !important;
		height: 350px !important;
		margin: 22px !important;
		font-size: 24px !important;
	}
	.side-by-side-boxes>.capture-box>img {
		height: 100% !important;
	}
	.side-by-side-boxes>.capture-box {
		height: 31.25% !important;
	}
	.side-by-side-boxes>.description-box {
		font-size: 16px !important;
		white-space: normal !important;
	}
	.side-by-side-boxes>.right-arrow-box>img {
		margin-left: 0px !important;
	}
}

@media ( max-width : 950px) {
	.side-by-side-boxes {
		width: 199px !important;
		height: 298px !important;
		margin: 7px !important;
		font-size: 20px !important;
	}
	.side-by-side-boxes>.description-box {
		font-size: 13px !important;
		white-space: normal !important;
	}
}

.top-to-bottom-boxes {
	font-size: 16px;
	text-align: left;
	display: inline-block;
	border: 1px solid #c0c0c0;
	border-radius: 10px !important;
	margin-top: 10px;
	height: 70px;
}

.top-to-bottom-boxes:hover {
	cursor: pointer;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 0 20px 1px
		rgba(0, 0, 0, 0.08);
	transition: 0.2s;
}

.top-to-bottom-boxes:focus {
	cursor: pointer;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 0 20px 1px
		rgba(0, 0, 0, 0.08);
	transition: 0.2s;
	outline: none;
}

.top-to-bottom-boxes>.descriptionBox {
	margin-left: 135px;
	display: inline-block;
	width: 70%;
	vertical-align: top;
}

.descriptionBox {
	font-family: DejaRip;
	font-weight: 100;
	color: #888888;
	opacity: 0.9;
	padding: 0px 10px;
	margin-top: -45px;
}

.captureImg {
	height: 150px;
	margin-Top: 5px;
	margin-Left: 5px;
	margin-Bottom: 5px;
}
/*Boxes side by side*/
.side-by-side-boxes {
	position: relative;
	vertical-align: top;
	white-space: initial;
	display: inline-block;
	width: 300px;
	height: 410px;
	margin: 10px 50px;
	margin-top: -60px;
	border: 1px solid #c0c0c0;
	border-radius: 5px !important;
	text-align: center;
	font-size: 31px;
	font-weight: bold;
	font-family: Como;
	color: #4d4d4d;
	padding-top: 20px;
	background-color: white;
}

.generateLoginCode {
	font-weight: 600;
	border-radius: 5px !important;
	font-size: 12px;
	padding: 7px 15px;
	margin-top: -14px;
}

.side-by-side-boxes:hover {
	cursor: pointer;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 0 20px 1px
		rgba(0, 0, 0, 0.08);
	transition: 0.2s;
}

.capture-box {
	margin-top: 20px;
	margin-bottom: 20px;
}

.description-box {
	font-family: DejaRip;
	font-size: 20px;
	font-weight: 100;
	color: #888888;
	opacity: 0.9;
	padding: 0px 10px;
	margin-top: 20px;
}

.right-arrow-box {
	display: inline-block;
	position: absolute;
	bottom: 20px;
	left: 41.6%;
}

/*Modal CSS*/
.capture-modal-open .select2-drop {
	background-color: #f3f3f3;
	border: 1px solid #aaa;
	border-top: none;
}

.capture-content {
	border-radius: 5px !important;
	border: none;
}

.capture-title {
	padding: 0px 25px;
	color: black;
	/*font-weight: 100;*/
	margin-bottom: 20px;
	text-align: center;
	font-size: 26px;
	font-family: Como;
}

#tut-video {
	position: absolute;
	background: url(/Dashboard/icons/capturePage/play-btn.png) no-repeat;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: 30%;
	left: 0;
	top: -10px;
}

#device-not-selected {
	color: red;
	margin-left: 3px;
}

#config-capture-btn-row {
	margin-left: 18px !important;
	margin: 0px auto;
}

#start-capture-btn-row {
	width: 90%;
	margin: 20px 30px 40px 38px;
	text-align: center;
}

.web-capture-textbox {
	border-radius: 4px !important;
	border: 1px solid #d0d0d0;
	height: 38px;
	margin-top: 13px;
	background-color: #f3f3f3;
	color: #333333;
	font-weight: 700;
}

.web-capture-textbox:focus {
	border-color: #0caae1 !important;
	box-shadow: 0 0 10px #0caae1 !important;
}

.start-cap-btns {
	display: inline-block;
	width: 120px;
	height: 69px;
	text-align: center;
	padding-top: 50px;
	font-weight: 700;
	color: #8b8c8c;
	opacity: 1;
	font-size: 13px;
	border-radius: 7px !important;
	background-repeat: no-repeat;
	background-position: center 15px;
}

.start-cap-btns:hover {
	cursor: pointer;
	background-color: #0caae1 !important;
	color: white;
}

#software-capture-button:hover {
	background-image: url(/Dashboard/icons/SoftwareCaptureSelected.svg)
		!important;
}

#exam-proctor-button:hover {
	background-image:
		url(/Dashboard/icons/recording-proctoring-selected.svg) !important;
}

#web-capture-button:hover {
	background-image: url(/Dashboard/icons/BrowserCaptureSelected.svg)
		!important;
}

#room-button:hover {
	background-image:
		url(/Dashboard/icons/select_icon_web_configured_room.png) !important;
}

.exam-proctor-button-selected {
	background-image:
		url(/Dashboard/icons/recording-proctoring-selected.svg) !important;
	color: white;
	background-color: #0caae1;
}

.software-capture-button-selected {
	background-image: url(/Dashboard/icons/SoftwareCaptureSelected.svg)
		!important;
	color: white;
	background-color: #0caae1;
}

.web-capture-button-selected {
	background-image: url(/Dashboard/icons/BrowserCaptureSelected.svg)
		!important;
	color: white;
	background-color: #0caae1;
}

.room-button-selected {
	background-image:
		url(/Dashboard/icons/select_icon_web_configured_room.png) !important;
	color: white;
	background-color: #0caae1;
}

.software-hardware-btns {
	display: inline-block;
	width: 90px;
	height: 73px;
	text-align: center;
	padding-top: 49px;
	font-weight: 700;
	color: #666666;
	opacity: 0.5;
	font-size: 12px;
	border-radius: 7px !important;
	background-repeat: no-repeat;
	background-position: center 9px;
}

.software-hardware-btns:hover {
	cursor: pointer;
	background-color: #d0d0d0 !important;
}

.software-hardware-btns:focus {
	cursor: pointer;
	background-color: #d0d0d0 !important;
	outline: none;
}

.software-hardware-btns-selected {
	opacity: 1;
	background-color: #d0d0d0 !important;
}

.software-capture-video-container {
	text-align: center;
}

.for-os-text {
	color: #666666 !important;
	font-weight: 700;
}

.for-os-text:hover {
	text-decoration: none;
}

.black-div {
	display: inline-block;
	background: black;
	width: 150px;
	height: 87px;
	opacity: 0.5;
	position: absolute;
	left: 0px;
}

.software-download-image-div {
	display: inline-block;
	margin: 10px 10px 0px 10px;
	background: black;
	position: relative;
}

.software-download-image-div:hover {
	opacity: 0.7;
}

.software-download-image {
	width: 150px;
	height: 87px;
	background-repeat: no-repeat;
	background-position: center center;
}

.select2-input:focus {
	border-color: #0caae1 !important;
}

#software-download-windows-div {
	width: 250px;
	height: 147px;
	background-image: url(/Dashboard/icons/capturePage/pcYss.png);
	background-size: 250px auto;
	background-repeat: no-repeat;
	background-position: center center;
}

#software-download-mac-div {
	width: 250px;
	height: 147px;
	background-image: url(/Dashboard/icons/capturePage/appleYss.png);
	background-size: 250px auto;
	background-repeat: no-repeat;
	background-position: center center;
}

#description.web-capture-textbox {
	height: 65px !important;
}

.start-broadcast-button-row {
	margin: 15px 3px 0px 0px;
	display: inline-flex;
	text-align: left;
	width: 100%;
	justify-content: center;
}
#isAdvancedToggleContainerPublish{
    display: flex;
    justify-content: center;
    align-items: center;
}
#startBroadcastButton {
	width: 65%;
	font-weight: 600;
	font-size: 16px;
	padding: 9px 12px !important;
}
#isAdvancedTogglePublish {
	width: 0px !important;
	margin: 0px !important;
}
#software-capture-container{
	padding: 15px 21px 18px 22px !important;
    width: 100% !important;
    display: flex;
    text-align: start !important;
}

.tooltipCourse .courseToolTip
{
	top: 77% !important;
	bottom : unset !important;
    left: unset !important;
    right: 34px !important;
}
.tooltipCourse .courseToolTip::after {
	top: -10px !important;
    left: 50% !important;	
    border-color: transparent transparent #555 transparent !important;
}
#web-capture-container{
    padding: 6px 10px 15px 23px !important;
}

#captureStationModal .react-form-group .react-form-dropdown > button {
    min-width: 160px;
    width: 96%;
    border-radius: 4px !important;
    border: 1px solid rgba(111, 111, 111, 1);
    background: white;
    text-align: left;
    font-size: 14px;
    padding: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;

}

#startCaptureHubButton {
	font-size: 13px;
	width: 100%;
	background-color: #0caae1;
	margin-left: 2px;
	margin-top: 15px;
}

#startCaptureHubButton:hover, #startCaptureHubButton:active,
	#startCaptureHubButton:focus {
	background-color: #0089ba !important;
}

#whiteboard-button {
	margin-right: 20px;
	background-image: url(/Dashboard/icons/capturePage/whiteboard.png);
}

#document-button {
	margin-right: 20px;
	background-image: url(/Dashboard/icons/capturePage/document.png);
}

#desktop-button {
	background-image: url(/Dashboard/icons/capturePage/desktop-screen.png);
}

#video-button {
	margin-right: 20px;
	background-image: url(/Dashboard/icons/capturePage/video.png);
}

#hardware-button {
	background-image: url(/Dashboard/icons/capturePage/hardware.png);
}

#software-capture-button {
	margin-right: 20px;
	background-image: url(/Dashboard/icons/SoftwareCapture.svg);
	background-size: 35%;
	background-position: 38px 6px;
}

#exam-proctor-button {
	margin-right: 20px;
	background-image: url(/Dashboard/icons/recording-proctoring.svg);
	background-size: 35%;
	background-position: 38px 6px;
}

#web-capture-button {
	margin-right: 20px;
	background-image: url(/Dashboard/icons/BrowserCapture.svg);
	background-size: 40%;
	background-position: 36px 4px;
}

#room-button {
	margin-right: 20px;
	background-image: url(/Dashboard/icons/web_configured_room_icon.png);
	background-size: 55%;
	background-position: 26px 9px;
}

.capture-dropdown-icon {
	width: 30px;
	height: auto;
	padding-right: 10px;
	opacity: 0.5;
}

.configure-room-capture-row {
	margin: 0px 3px;
}

.download-software-text {
	color: var(--primary-color, Color Guide / Secondary Color) !important;
	font-weight: 700;
}

.capture-software-text {
    font-size: 15.5px;
    color: #666666;
    margin: 25px 10px 20px 10px;
}

@media only screen and (max-width:600px) {
	capture-dropdown {
		width: 100% !important;
		margin-left: 11px;
	}
}

@media only screen and (min-width:601px) {
	.capture-dropdown {
		width: 551px !important;
		margin-left: 11px;
	}
}

.dropdown-bar {
	float: left;
	width: 75%;
}

.capture-start-btn {
	height: 35px;
	margin-left: 15px;
	border-radius: 5px !important;
	width: 80px;
	font-weight: 600;
}

.capture-dropdown-description {
	font-size: 14px;
	margin-left: 15px;
	margin-top: 40px;
	margin-bottom: 7px;
	color: #808080;
	font-weight: 500;
}

.select2-hub {
	border-radius: 5px !important;
}

.select2-hub.select2-dropdown-open, .select2-hub.select2-dropdown-open>.select2-choice
	{
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.select2-hub>.select2-choice {
	height: 34px !important;
	border-radius: 5px !important;
	background-color: #f3f3f3 !important;
	background-image: none !important;
}

.select2-hub>.select2-choice>.select2-arrow {
	border: none !important;
	background-image: none !important;
	background-color: #f3f3f3 !important;
}

.select2-hub>.select2-choice>.select2-chosen {
	color: #666666;
	font-size: 13px;
	font-weight: 700;
	height: 34px;
	padding-top: 2px;
	padding-left: 5px;
}

/*Modal CSS override*/
.center-align-modal-btn {
	text-align: center;
}

.right-align-modal-btn {
	text-align: right;
	margin-right: 15px;
}

.center-modal {
	-ms-transform: translate(0, 100px) !important;
	-webkit-transform: translate(0, 100px) !important;
	transform: translate(0, 100px) !important;
}

.vertically-top-modal {
	-ms-transform: translate(0, 30px) !important;
	-webkit-transform: translate(0, 30px) !important;
	transform: translate(0, 30px) !important;
}

.capture-body {
	padding: 10px 20px 30px 20px;
}

.capture-header {
	border: none !important;
	text-align: right;
	height: 25px !important;
}

#deviceInstallModalDialog, #softwareInstallModalDialog,
	#webInstallModalDialog, #ConfigureRoomCaptureModalDialog {
	border-radius: 20px !important;
}

.capture-close {
	font-size: 23px;
	color: #a9a9a9;
	background: transparent;
	border: none;
	margin-right: -8px;
}

.capture-close:hover {
	opacity: 0.7;
}

.capture-footer {
	border: none !important;
}

.capture-container {
	padding: 10px 10px 15px 10px !important;
}

.number-pic {
	float: left;
	padding-right: 10px
}

#statistics-back-button {
	float: right;
	margin: 1em;
}

#broadcastCreate {
	max-width: 70em;
	margin: auto;
	padding: 0 2em;
}

#broadcastCreate .row {
	margin: 1em 0em;
}

#broadcastSoftwareCapture {
	padding: 1em;
}

#broadcastSoftwareCapture h2 {
	float: left;
}

#broadcastSoftwareCapture h4 {
	width: auto;
	line-height: 33px;
	margin-top: 20px;
}

#broadcastSoftwareCapture img {
	display: inline;
	width: 75%;
	margin: auto;
}

#broadcastSoftwareCapture .row.subsection {
	margin-bottom: 1em;
}

#broadcastSoftwareCapture .row.subsection span {
	float: right;
	font-weight: bold;
}

@media ( max-width : 991px) {
	#broadcastSoftwareCapture img {
		display: block;
		width: 30%;
		margin: 0 auto;
		float: none;
	}
	#broadcastSoftwareCapture .row.subsection span {
		float: none;
	}
}

.postRecordtable {
	margin-bottom: 4px;
}

.postRecordtable>thead>tr>th, .postRecordtable>tbody>tr>th,
	.postRecordtable>tfoot>tr>th, .postRecordtable>thead>tr>td,
	.postRecordtable>tbody>tr>td, .postRecordtable>tfoot>tr>td {
	border: 0;
	padding: 0;
}
#captureStationModal .react-control-label{
	display:none;
}

#captureStationModal #captureSelect{
	width:370px;
	margin-bottom: 1px;
    font-size: 15px;
}
#toast-container-custom {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  height: 100px;
  width: 400px;
  
  /*overrides*/
}
#toast-container-custom::before{
  content: "";
  width: 0px;
  height: 0px;
  border: 0.8em solid transparent;
  position: absolute;
  bottom: -20px;
  left: 45%;
  border-top: 10px solid #fff;
}
#toast-container-custom * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container-custom > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  opacity: 0.95;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  height: 100px;
  width: 400px;
  font-family: 'Roboto', sans-serif !important;
}
#toast-container-custom > div.rtl {
  direction: rtl;
  padding: 15px 50px 15px 15px;
  background-position: right 15px center;
}
#toast-container-custom > div:hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
#toast-container-custom > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAARkSURBVEiJhZZNbFRVFMd/577XDwTiQg3YvuEjRYMLo6nsWAmRGJB2Os82CExbMVExUVGhdWEMLEzAamtiNLoQ6BRYNDMtI9YFiZJA3GHEGKMxpLbMTGvCwg+0rZ1597h4b0o/pniSSW7u+d///5zzv7lvhDtEarBunTqmWWAXwgYUDwAhjzImyhdF12YPxCdyy3FIpc3+Qa9eHN4GngOcOxUBWJBMYJyuZ1vGxv5XYCAdi6voALAKmAUdRsx5KQXf6UyQB5Bax8M4jdYQF9U4UA3cEmR/0s99vqzAQNp7VYVewAikDaZ7n39j9E7lnx6ONThWexRaAKtwqMPPf7hEIKo8A6iqdHU8netd0t2Q1w2QTORPLM71p70jIhwPSaWl3IkAnMnUexb5KRyLHG73c+8vJa9/RFWuAYjoo8lE4fvFmFTG6wJOALeqXNn8THNuwgBYkWPAKoF0JfIwzGvllSqHKiHa/fy7wHlgdbGoRwEkNVi3DseMAoGDeajSzAcy6+9Xgl8BN9oqCc7GpD8+uQQ76G1Shx8Bx6Ab3OieO6Dpff6N0VODG9Y6bmm36G1/lNLjIDVAJtrylVLvQMa7NIcRNCi5F5JtY9dTmVgWtNWKaXYFdgKImiyA6wbHVenQBXWFWhbbB2AwPsgehT1zEAXXDfqBThHNqtKK6k4X2BQe0qsAgXLSQCtwF/APyjkERfTnzsTENwCpofrXUdms4XXeG2GnAuVkOEB7FceA0GCAtQBV9t9JgE4/d1msPAn8DazE4Iz+kD/Ynij0zZmZKPQlE/kXBS2WyY3Vpk4/dxmghmIh6qreLDYJINmau4JoMzCFcqDh4djHS8wc8j4BOQhMKfrU/tbCV+Xc7OzdJhKwBpgAmHar6+YTtCcKXxurTSFOX+gfqr+nnDt3oe5e4HkAY7Wpwy9cmn+2WDtVF1k34QKjwIPGmseAX+YD1ejvocE6tqJU+GNgKHYYwJ3O9ZUcbxxYH2IWhsFsiZajRpQRAGuILwaqmh3hSq7NON5FVe1R1Z4Zx7uIci1MmSeWCAjNYecyYoquzQKBqMZPD8caFiCF8uFmYBvwW/TbhhCOT9kx/8jZtPeAhvgSgWbNgfhETuEUUO1Y7SkDU6k1K4Gtc1LCFcFpFJxGhCvcfii3RlhUkQB6gCpBPutoyxdCtwOOArcUWvrT3hEAVlVtAWrCWUnf9M0125P++GTSH5+cvrlmOyrla1sTYRnIeN2E4/kTzDGY/1xnYk2KDkeVvOnM1H5qV8z0InzZnsgPLZ4zQGrIS6DsrA2q35gxswcR3glJtSnpF0YWCAD0Z7yXBT4IfWKYgK5kW/56JfL5My+JvidIE2AReaU9kfuonF/yyUyl63Yj5iywGiiCnBfRbMnab1faYh5gxnVjgtOIEo8MrUL5S0T3litfVgDg5ODa+1zjvoXwEref6OXCAmcFp7vS811RoBxnMvWeFdMsVnepsBGivy2QB0YVGSHQbEdbvrAcx3+/BcsBIawLQwAAAABJRU5ErkJggg==") !important;
}
#toast-container-custom.toast-top-center > div,
#toast-container-custom.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
#toast-container-custom.toast-top-full-width > div,
#toast-container-custom.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container-custom > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container-custom > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toast-container-custom .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toast-container-custom .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container-custom > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container-custom > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toast-container-custom .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toast-container-custom .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container-custom > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
  #toast-container-custom > div.rtl {
    padding: 15px 50px 15px 15px;
  }
}
#toast-container-custom > .toast-success-custom {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAARkSURBVEiJhZZNbFRVFMd/577XDwTiQg3YvuEjRYMLo6nsWAmRGJB2Os82CExbMVExUVGhdWEMLEzAamtiNLoQ6BRYNDMtI9YFiZJA3GHEGKMxpLbMTGvCwg+0rZ1597h4b0o/pniSSW7u+d///5zzv7lvhDtEarBunTqmWWAXwgYUDwAhjzImyhdF12YPxCdyy3FIpc3+Qa9eHN4GngOcOxUBWJBMYJyuZ1vGxv5XYCAdi6voALAKmAUdRsx5KQXf6UyQB5Bax8M4jdYQF9U4UA3cEmR/0s99vqzAQNp7VYVewAikDaZ7n39j9E7lnx6ONThWexRaAKtwqMPPf7hEIKo8A6iqdHU8netd0t2Q1w2QTORPLM71p70jIhwPSaWl3IkAnMnUexb5KRyLHG73c+8vJa9/RFWuAYjoo8lE4fvFmFTG6wJOALeqXNn8THNuwgBYkWPAKoF0JfIwzGvllSqHKiHa/fy7wHlgdbGoRwEkNVi3DseMAoGDeajSzAcy6+9Xgl8BN9oqCc7GpD8+uQQ76G1Shx8Bx6Ab3OieO6Dpff6N0VODG9Y6bmm36G1/lNLjIDVAJtrylVLvQMa7NIcRNCi5F5JtY9dTmVgWtNWKaXYFdgKImiyA6wbHVenQBXWFWhbbB2AwPsgehT1zEAXXDfqBThHNqtKK6k4X2BQe0qsAgXLSQCtwF/APyjkERfTnzsTENwCpofrXUdms4XXeG2GnAuVkOEB7FceA0GCAtQBV9t9JgE4/d1msPAn8DazE4Iz+kD/Ynij0zZmZKPQlE/kXBS2WyY3Vpk4/dxmghmIh6qreLDYJINmau4JoMzCFcqDh4djHS8wc8j4BOQhMKfrU/tbCV+Xc7OzdJhKwBpgAmHar6+YTtCcKXxurTSFOX+gfqr+nnDt3oe5e4HkAY7Wpwy9cmn+2WDtVF1k34QKjwIPGmseAX+YD1ejvocE6tqJU+GNgKHYYwJ3O9ZUcbxxYH2IWhsFsiZajRpQRAGuILwaqmh3hSq7NON5FVe1R1Z4Zx7uIci1MmSeWCAjNYecyYoquzQKBqMZPD8caFiCF8uFmYBvwW/TbhhCOT9kx/8jZtPeAhvgSgWbNgfhETuEUUO1Y7SkDU6k1K4Gtc1LCFcFpFJxGhCvcfii3RlhUkQB6gCpBPutoyxdCtwOOArcUWvrT3hEAVlVtAWrCWUnf9M0125P++GTSH5+cvrlmOyrla1sTYRnIeN2E4/kTzDGY/1xnYk2KDkeVvOnM1H5qV8z0InzZnsgPLZ4zQGrIS6DsrA2q35gxswcR3glJtSnpF0YWCAD0Z7yXBT4IfWKYgK5kW/56JfL5My+JvidIE2AReaU9kfuonF/yyUyl63Yj5iywGiiCnBfRbMnab1faYh5gxnVjgtOIEo8MrUL5S0T3litfVgDg5ODa+1zjvoXwEref6OXCAmcFp7vS811RoBxnMvWeFdMsVnepsBGivy2QB0YVGSHQbEdbvrAcx3+/BcsBIawLQwAAAABJRU5ErkJggg==") !important;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  
}
.toast-success-custom {
  background-color: #fff;
  color: #000; 
}

/* .toast-success-custom .right-close-button { */
    /* position: absolute; */
    /* right: 2em;
    top: 3em; */
    /* float: right; */
/* } */

#toast-container-custom-mozilla {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  height: 100px;
  width: 400px;
  
  /*overrides*/
}
#toast-container-custom-mozilla::before{
  content: "";
  width: 0px;
  height: 0px;
  border: 0.8em solid transparent;
  position: absolute;
  left: 40%;
  top: -18px;
  border-bottom: 10px solid #fff;
}
#toast-container-custom-mozilla * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container-custom-mozilla > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  opacity: 0.95;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  height: 100px;
  width: 400px;
  font-family: 'Roboto', sans-serif !important;
}
#toast-container-custom-mozilla > div.rtl {
  direction: rtl;
  padding: 15px 50px 15px 15px;
  background-position: right 15px center;
}
#toast-container-custom-mozilla > div:hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
#toast-container-custom-mozilla > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAARkSURBVEiJhZZNbFRVFMd/577XDwTiQg3YvuEjRYMLo6nsWAmRGJB2Os82CExbMVExUVGhdWEMLEzAamtiNLoQ6BRYNDMtI9YFiZJA3GHEGKMxpLbMTGvCwg+0rZ1597h4b0o/pniSSW7u+d///5zzv7lvhDtEarBunTqmWWAXwgYUDwAhjzImyhdF12YPxCdyy3FIpc3+Qa9eHN4GngOcOxUBWJBMYJyuZ1vGxv5XYCAdi6voALAKmAUdRsx5KQXf6UyQB5Bax8M4jdYQF9U4UA3cEmR/0s99vqzAQNp7VYVewAikDaZ7n39j9E7lnx6ONThWexRaAKtwqMPPf7hEIKo8A6iqdHU8netd0t2Q1w2QTORPLM71p70jIhwPSaWl3IkAnMnUexb5KRyLHG73c+8vJa9/RFWuAYjoo8lE4fvFmFTG6wJOALeqXNn8THNuwgBYkWPAKoF0JfIwzGvllSqHKiHa/fy7wHlgdbGoRwEkNVi3DseMAoGDeajSzAcy6+9Xgl8BN9oqCc7GpD8+uQQ76G1Shx8Bx6Ab3OieO6Dpff6N0VODG9Y6bmm36G1/lNLjIDVAJtrylVLvQMa7NIcRNCi5F5JtY9dTmVgWtNWKaXYFdgKImiyA6wbHVenQBXWFWhbbB2AwPsgehT1zEAXXDfqBThHNqtKK6k4X2BQe0qsAgXLSQCtwF/APyjkERfTnzsTENwCpofrXUdms4XXeG2GnAuVkOEB7FceA0GCAtQBV9t9JgE4/d1msPAn8DazE4Iz+kD/Ynij0zZmZKPQlE/kXBS2WyY3Vpk4/dxmghmIh6qreLDYJINmau4JoMzCFcqDh4djHS8wc8j4BOQhMKfrU/tbCV+Xc7OzdJhKwBpgAmHar6+YTtCcKXxurTSFOX+gfqr+nnDt3oe5e4HkAY7Wpwy9cmn+2WDtVF1k34QKjwIPGmseAX+YD1ejvocE6tqJU+GNgKHYYwJ3O9ZUcbxxYH2IWhsFsiZajRpQRAGuILwaqmh3hSq7NON5FVe1R1Z4Zx7uIci1MmSeWCAjNYecyYoquzQKBqMZPD8caFiCF8uFmYBvwW/TbhhCOT9kx/8jZtPeAhvgSgWbNgfhETuEUUO1Y7SkDU6k1K4Gtc1LCFcFpFJxGhCvcfii3RlhUkQB6gCpBPutoyxdCtwOOArcUWvrT3hEAVlVtAWrCWUnf9M0125P++GTSH5+cvrlmOyrla1sTYRnIeN2E4/kTzDGY/1xnYk2KDkeVvOnM1H5qV8z0InzZnsgPLZ4zQGrIS6DsrA2q35gxswcR3glJtSnpF0YWCAD0Z7yXBT4IfWKYgK5kW/56JfL5My+JvidIE2AReaU9kfuonF/yyUyl63Yj5iywGiiCnBfRbMnab1faYh5gxnVjgtOIEo8MrUL5S0T3litfVgDg5ODa+1zjvoXwEref6OXCAmcFp7vS811RoBxnMvWeFdMsVnepsBGivy2QB0YVGSHQbEdbvrAcx3+/BcsBIawLQwAAAABJRU5ErkJggg==") !important;
}
#toast-container-custom-mozilla.toast-top-center > div,
#toast-container-custom-mozilla.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
#toast-container-custom-mozilla.toast-top-full-width > div,
#toast-container-custom-mozilla.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
#toast-container-custom-mozilla > .toast-success-custom {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAARkSURBVEiJhZZNbFRVFMd/577XDwTiQg3YvuEjRYMLo6nsWAmRGJB2Os82CExbMVExUVGhdWEMLEzAamtiNLoQ6BRYNDMtI9YFiZJA3GHEGKMxpLbMTGvCwg+0rZ1597h4b0o/pniSSW7u+d///5zzv7lvhDtEarBunTqmWWAXwgYUDwAhjzImyhdF12YPxCdyy3FIpc3+Qa9eHN4GngOcOxUBWJBMYJyuZ1vGxv5XYCAdi6voALAKmAUdRsx5KQXf6UyQB5Bax8M4jdYQF9U4UA3cEmR/0s99vqzAQNp7VYVewAikDaZ7n39j9E7lnx6ONThWexRaAKtwqMPPf7hEIKo8A6iqdHU8netd0t2Q1w2QTORPLM71p70jIhwPSaWl3IkAnMnUexb5KRyLHG73c+8vJa9/RFWuAYjoo8lE4fvFmFTG6wJOALeqXNn8THNuwgBYkWPAKoF0JfIwzGvllSqHKiHa/fy7wHlgdbGoRwEkNVi3DseMAoGDeajSzAcy6+9Xgl8BN9oqCc7GpD8+uQQ76G1Shx8Bx6Ab3OieO6Dpff6N0VODG9Y6bmm36G1/lNLjIDVAJtrylVLvQMa7NIcRNCi5F5JtY9dTmVgWtNWKaXYFdgKImiyA6wbHVenQBXWFWhbbB2AwPsgehT1zEAXXDfqBThHNqtKK6k4X2BQe0qsAgXLSQCtwF/APyjkERfTnzsTENwCpofrXUdms4XXeG2GnAuVkOEB7FceA0GCAtQBV9t9JgE4/d1msPAn8DazE4Iz+kD/Ynij0zZmZKPQlE/kXBS2WyY3Vpk4/dxmghmIh6qreLDYJINmau4JoMzCFcqDh4djHS8wc8j4BOQhMKfrU/tbCV+Xc7OzdJhKwBpgAmHar6+YTtCcKXxurTSFOX+gfqr+nnDt3oe5e4HkAY7Wpwy9cmn+2WDtVF1k34QKjwIPGmseAX+YD1ejvocE6tqJU+GNgKHYYwJ3O9ZUcbxxYH2IWhsFsiZajRpQRAGuILwaqmh3hSq7NON5FVe1R1Z4Zx7uIci1MmSeWCAjNYecyYoquzQKBqMZPD8caFiCF8uFmYBvwW/TbhhCOT9kx/8jZtPeAhvgSgWbNgfhETuEUUO1Y7SkDU6k1K4Gtc1LCFcFpFJxGhCvcfii3RlhUkQB6gCpBPutoyxdCtwOOArcUWvrT3hEAVlVtAWrCWUnf9M0125P++GTSH5+cvrlmOyrla1sTYRnIeN2E4/kTzDGY/1xnYk2KDkeVvOnM1H5qV8z0InzZnsgPLZ4zQGrIS6DsrA2q35gxswcR3glJtSnpF0YWCAD0Z7yXBT4IfWKYgK5kW/56JfL5My+JvidIE2AReaU9kfuonF/yyUyl63Yj5iywGiiCnBfRbMnab1faYh5gxnVjgtOIEo8MrUL5S0T3litfVgDg5ODa+1zjvoXwEref6OXCAmcFp7vS811RoBxnMvWeFdMsVnepsBGivy2QB0YVGSHQbEdbvrAcx3+/BcsBIawLQwAAAABJRU5ErkJggg==") !important;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}

.descriptionBoxNew {
	font-size: 18px;
    /* text-align: center; */
    /* align-items: center; */
    display: table;
    margin: auto;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
}
#captureStationModal .descriptionBoxNew {
	font-size: 18px;
    /* text-align: center; */
    /* align-items: center; */
    display: table;
    margin: auto;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: 23px;
}
.browser-capture-icon{
	background: url("/Dashboard/icons/browserCapture/browserCaptureIcon.svg") no-repeat center;
	display: inline-block;
    height: 2em;
    width: 2em;
	background-size: contain;
    margin-right: 6px;
    margin-top: 2px;
}

#exam-content-container{
	display: flex;
}
.exam-proctoring-div{
	display: inline-flex;
	justify-content: center;
    align-items: center;
    margin-top: 20px;
    gap: 20px;
}
.exam-proctoring-span{
	font-family: Inter;
	font-weight: 600;
	font-size: 15px;
	line-height: 150%;
	letter-spacing: 0px;
	color: #000000;
}
#exam-content-container button{
	width:426px !important;
    padding: 8px 14px 9px 16px;
}
.proctor-icon{
	background: url("/Dashboard/icons/browserCapture/proctorIcon.svg") no-repeat center;
	display: inline-block;
    height: 2em;
    width: 2em;
	background-size: contain;
	margin-right: 7px;
}
.mac-icon{
	background: url("/Dashboard/icons/browserCapture/softwareCaptureIcon.svg") no-repeat center;
	display: inline-block;
    height: 2em;
    width: 2em;
	background-size: contain;
	margin-right: 7px;
}

#captureStationModal .react-form-group .react-form-dropdown .react-dropdown-item {
    color: black;
    padding: 10px;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    font-size: 15px;
    width: 100%;
    font-weight: 500;
    border-bottom: 1px solid rgba(111, 111, 111, 1);
    margin-top: 1px;
    margin-bottom: 1px;
}

#captureSelectBsDropdownButton .dropdown-toggle btn{
	margin-left: 23px !important;
    width: 88% !important;
}

#captureSelectBsDropdownButton .dropdown-menu{
	top: unset !important;
    width: 89% !important;
    margin-left: 23px;
}

#captureSelectBsDropdownButton li{
	display: flex;
    justify-content: flex-start;
    padding: 6px 0px 6px 13px;
}

#captureSelectBsDropdownButton button{
	width: 89%;
    margin-left: 23px;
}

#captureSelectBsDropdownButton .dropdown-menu li.selected {
    background-color: #E7F1F3 !important;
}

#captureSelectBsDropdownButton .dropdown-menu li:hover{
    text-decoration: none;
    background-image: none;
    background-color: #eee;
    color: #333;
    filter: none;
}

#captureSelectBsDropdownButton  .rbs-dropdown.dropdown.open .react-dropdown-icon {
    rotate: 0deg;
    margin-left: 120px;
}

#captureSelectBsDropdownButton .react-dropdown-icon{
	margin-left: 120px !important;
}

#captureSelectBsDropdownButton.rbs-dropdown.dropdown:hover,#captureSelectBsDropdownButton .rbs-dropdown.dropdown button.dropdown-toggle.btn:hover {
    background-color: unset !important;
    border-color: unset !important;
    box-shadow: none !important;
}

#examSelectBsDropdownButton .dropdown-menu{
    top: 50px !important;
}

#examSelectBsDropdownButton.rbs-dropdown.dropdown .dropdown-menu {
    width: 100%;
    border: 1px solid #6F6F6F !important;
    max-height: 300px;
    border-radius: 4px !important;
    overflow: auto;
    padding-left: 15px;
    padding-right: 15px;
    min-width: 500px;
}

.mainCreateRecordingBody{
    max-height: fit-content;
    overflow-y: auto;
}

#examSelectBsDropdownButton.rbs-dropdown.dropdown:hover,
#examSelectBsDropdownButton.rbs-dropdown.dropdown button.dropdown-toggle.btn:hover {
    background-color: unset !important;
    border-color: unset !important;
    box-shadow: none !important;
}

.cardContainer{
	display: grid;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.oneCardContainer{
	grid-template-columns: 1fr;
}
.twoCardContainer{
	grid-template-columns: 1fr 1fr;
}
.threeCardContainer{
	grid-template-columns: 1fr 1fr 1fr;
}

#captureStationModal > .modal-dialog{
	max-width: fit-content !important;
}

.createRecordingModalBody{
	align-items: center;
    margin-left: 15px;
    margin-right: 15px;
    min-width: 540px;
    max-width: 540px;
}
@media only screen and (max-width:570px) {
	.threeCardContainer {
		grid-template-columns: 1fr 1fr !important;
	}
	.publishLocationDiv{
		display: grid !important;
	}
	.separatorDiv{
		display: none !important;
	}
	.exam-proctoring-div{
		display: block !important;
	}
	.createRecordingModalBody{
		min-width: 440px !important;
	}
}
@media screen and (max-width: 320px) {
    .modal {
        overflow-x: auto !important;
    }
}