.particle-bg {
	background: rgb(1, 68, 131)  url("globe.png") !important;
	background-repeat: no-repeat !important;
    background-size: 319px 430px !important;
    background-position-y: 30% !important;
    background-position-x: 40px !important;
}

.background-only {
	background: rgb(1, 68, 131) !important;
}

#secondaryCanvas {
    background: rgb(1, 68, 131)  url("globe.png");    
    background-position: 30px 65px;
	background-size: 110px 150px;
	background-repeat: no-repeat;
	overflow: hidden;
	height: 100vh;
}

#mainLogoImg {
        width: 150px;
}

.login-left {
	float: left;
	height: 100vh;
	min-width: 700px;
	max-width: 700px;
	background-color: rgb(1, 68, 131);

}

.particle-left {
	min-width: 0px;
    max-width: 0px;
}

.login-right {
	float: left;
	width: calc(100% - 700px - 1px);
	height: 100%;
	flex: 1;
	border: 1px solid black;
	border-left: 0px;
	background-color: rgb(1, 68, 131);
}	

.particle-left {
	width: 0px;
}

.form-signin {
	background: rgb(1, 68, 131);
	/*padding: 25px;*/
	width: 100%;
	color:rgb(1, 68, 131);
	text-align: left;
	font-family: 'Roboto300';
    font-size: 9.5px;	
    /*filter: drop-shadow(2px 1px 4px black);*/
    border-radius: 4px;	
}

.particle-signin {
	background: transparent !important;
}

.particle-fore-container-two {
	height: auto !important;
	position: absolute;
    left: 4200px;
    margin-top: -100px;
}

.particle-fore-container-one {
	position: absolute;
    left: 420px;
}

.login-container-2{
	width: calc(100% - 290px - 30px);
	display:block;
	background-image: url("globe.png");
	height: 100%;
	background-repeat: no-repeat;
	background-size: 320px 430px;
    background-position-y: 30%;
    margin-left: 40px;
}

.image-login-container {
	/*width: 70%;
    margin-bottom: 50px;*/
    content: none !important;
    box-shadow: none;
	width: 152px;
    margin-left: calc( (100% - 152px) / 2 );
	margin-bottom: 10px;
}

.login-button {
  	width: 70px;
  	display: inline-block;
  	padding: 7px;
  	font-size: 10px;
  	cursor: pointer;
  	text-align: center;
  	text-decoration: none;
  	outline: none;
  	color: white;
  	border: none;
  	box-shadow: none;
  	background-color: rgb(178,34,34);
    /*background: -moz-linear-gradient(45deg, rgba(244,108,62,1) 0%, rgba(197,22,141,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(244,108,62,1)), color-stop(100%, rgba(197,22,141,1)));
    background: -webkit-linear-gradient(45deg, rgba(244,108,62,1) 0%, rgba(197,22,141,1) 100%);
    background: -o-linear-gradient(45deg, rgba(244,108,62,1) 0%, rgba(197,22,141,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(244,108,62,1) 0%, rgba(197,22,141,1) 100%);
    background: linear-gradient(45deg, rgba(244,108,62,1) 0%, rgba(197,22,141,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f46c3e', endColorstr='#c5168d', GradientType=1 );*/
  	font-family: 'Roboto100';
}

.login-button:hover{
	/*border-color: white;
	border-width: 2px;
	border-style: solid;*/
	box-shadow: none;
	/*background: none;*/
	background-color: darkred !important;	
}


.login-full-width {
	width: 90%;
}

.login-intro-text {
	display: none;
}

.select-login-choice {
	margin-top: 16px;
}

.sign-up-description p {
	font-style: oblique;
  	font-weight: 100;
  	font-size: 12px;
}

.intermediate-back {
	width: fit-content;
    margin-bottom: 14px;
    border: 1px solid black;
    padding: 4px;
    border-radius: 60px;
    outline: none;
    display: flex;
    align-items: center;

    position: absolute;
    top: 10px;
    filter: invert(0.8);

    transition: 100ms;
    transition-timing-function: ease-in-out;
    cursor: pointer;
}

.intermediate-back:hover {
	border: 1px solid white;
    filter: unset;
}

.intermediate-back:hover .intermediate-back-img {
	filter: invert(1);
}

.intermediate-back:hover .intermediate-back-label {
    margin: 0px;
    position: relative;
    margin-left: 5px;
    margin-top: 2px;
    margin-right: 5px;
    color: white;

    visibility: visible;
    width: unset;
}

.intermediate-back-img {
	width: 16px;
    margin-left: 5px;
}

.intermediate-back-label {
    visibility: hidden;
    width: 0px;
    margin: 3px;
}


.lb-grey {
    box-shadow: 0 1px grey;
    background-color: grey;
}

.department-panel, .data-panel {
	height: calc(100% - 300px);
	margin-top: 40px;
}

.auth-google-login-button{
	width: 100%;
	display: block;
	background: #eee;
	color: black;
}

.auth-google-login-button:hover {
	background-color: #fcf8e3 !important;
}

.auth-google-login-button:active {
	background-color: wheat !important;
}

.auth-google-login-button > svg{
	width: 17px;
	float: left;
}

.div-logo-s {
	/*display: none;*/
}

.selection-panel {
	margin-top: 35px;
	padding-top: 10px;
	overflow-x: hidden;
	overflow-y: auto;
	height: calc(100% - 262px);
	text-align:center;
}

#mainHeaderContainer{
	transition: all 500ms;
	/*background-color: black;
	min-height: 64px;*/
	background-color: #f8f8f8;
	border-bottom: 1px solid rgb(234, 234, 234);
}

.header-box {
	/*margin-top: 90px;*/
}

/*.asset-anchor-highlight:hover{
	color: black !important;
    background: white;
    padding: 5px;
    box-shadow: 2px 1px 10px white;
    text-decoration: none;
    margin-left: -10px;
}*/

.asset-anchor-highlight:focus {
/*    background: antiquewhite;
    color: black;
    padding: 5px;
    box-shadow: 2px 1px 10px white;*/
    text-decoration: none;
    /*margin-left: -10px;*/
    color: white;
}

.dynatable-per-page > button {
	top: 90px;
}

.selection-panel > button, .publisher-search {
	top: 90px;
}

.dynatable-search {
	top: 90px;
}

.mobile-table .asset-anchor-highlight{
	color: black;
}

.bottom-fixed-navbar {
	/*background: #110252;*/
}

.fifth-inner-div {
	float: none !important; 
	width: 100% !important; 
	padding: 7px !important;
	margin-top: 10px !important;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    background: #242961;
    text-align: center !important;
    margin-right: 2% !important;
}

.no-globe-icon {
	background: rgb(1, 68, 131) !important;
}

.ps-frame {
	height: calc(100% - 225px) !important;
}

#mainHeaderContainer.ip-frame-responsive-nav {
	background: #f8f8f8 !important;
}

#mainHeaderContainer.ip-frame-responsive-nav .eduvod-image-for-mobile {
	display: none !important;
}

.ng-s {
	background: rgb(1, 68, 131) !important;
}

.pdel-h {
	margin-left: 40px !important;
}

@media(min-width: 740px) and (max-width: 1460px) {
	.depart-frame {
		margin-left: 160px;
	}

	.header-box {
		/*margin-left: 160px;*/
	}

	.no-globe-icon .header-box {
		margin-left: calc((100% - 1200px)/2);
	}
}

@media(min-width: 1460px)
{
	.ps-frame {
		margin-left: calc((100% - 1290px)/2);
	}

	.sv-frame {
		margin-left: calc((100% - 1170px)/2);
	}

	.sv-frame-2 {
		margin-left: calc((100% - 1290px)/2);
	}
}

@media(max-width: 1460px)
{
	#secondaryCanvas {
	    background: rgb(1, 68, 131) url("globe.png");
	    background-position: 30px 65px;
    	background-size: 110px 150px;
    	background-repeat: no-repeat;
    	overflow: hidden;
    	height: 100vh;
	}

	.central { 	
		/*margin-left: 160px;*/	
	}
}

@media(min-width: 1320px) and (max-width: 1460px) {
	.header-main {
		margin-left: calc((100% - 1030px)/2) !important;
	}

	.header-view {
		margin-left: calc((100% - 1030px)/2) !important;
	}

	.depart-frame {
		margin-left: calc((100% - 1000px)/2) !important;
	}
}

@media(max-width: 1320px)
{
	.header-view {
		/*margin-left: 60px;*/
	}

	.no-globe-icon .header-box {
		margin-left: 60px;
	}
}

@media(min-width: 1540px)
{
	.depart-frame {
		margin-left: calc((100% - 1200px)/2) !important;
	}
}

@media(min-width: 1320px)
{
	.depart-frame {
		margin-left: calc((100% - 1135px)/2);
	}

	.pdel-h {
		margin-left: calc((100% - 1240px)/2) !important;
	}
}


@media(min-width: 768px)
{
	.headerItemName {
		/*display: none;*/
	}

	.navbar-toggle {
		/*display: none !important;*/
	}

    .div-logo-2 {
		display: block;
		bottom: 7%;
    	right: 4%;
    	top: inherit;
    	left: inherit;
    	min-height: 87px;
    	min-width: 200px;
    	width: 200px;
    	height: 87px;
    	box-shadow: none;
    }

    .div-logo-s {
       	background-image: url(globe.png);
    	overflow: hidden;
    	background-size: 100% 100%;
    	display: block;
    	bottom: 7%;
    	right: 4%;
    	top: inherit;
    	left: inherit;
    	min-height: 87px;
    	min-width: 200px;
    	width: 200px;
    	height: 87px;
    	position: absolute;
    }
}

@media(max-width: 950px)
{
	.div-logo-2 {
		top: 7%;
		min-height: 67px;
	    min-width: 150px;
	    width: 150px;
	    height: 67px;
	    background-image: url("/static/customer_product/eduvod-logo-transparent.png") !important;
	}

	.login-container-2 {
		display: none;
	}
}

@media(max-width: 768px)
{

	.dep {
		visibility: hidden;
	}

	.particle-left {
		min-width: 0px !important;
	}

	.particle-bg {
		background: rgb(1, 68, 131) !important;
	}

	.particle-fore-container-one, .particle-fore-container-two {
		left: calc(50% - 140px);
	}

	.div-logo-s {
		background: url("/static/customer_product/globe.png");
	    	background-position: top left;
		background-size: 110px 150px;
		background-repeat: no-repeat;
		overflow: hidden;
		height: 150px;
		max-width: 110px !important;
		min-width: 110px !important;
		display: block;
		top :7%;
		/*display: none;*/
	}

	.div-logo-s-left {
		left: inherit !important;

	}	

	.image-login-container {
		/* content: none;
		width: 65%;
	    	margin-bottom: 50px;
	    	margin-top: 5%;
		box-shadow: 1px 1px 8px white;*/
	}
}


@media(max-width: 740px)
{
	.central {
		/*margin-left: 60px;*/
	}

	#secondaryCanvas {
	    background: rgb(1, 68, 131);
	}
}

/*----------------------- Mobile View -------------------------*/
@media(max-height: 625px)
{
	.login-div-bottom, .social-links {
		/*display: none !important;*/
	}	
}

@media(max-width: 620px)
{
	.header-box-profile {
		margin-left: 60px;
	}
}

@media (max-height: 515px) and (max-width: 415px) {
	.login-right > .student-image + .logo-hide-session-view {
		display: none !important;
	}
}

@media(max-height: 515px) and (max-width: 768px)
{
	.dynatable-record-count {
		/*visibility: hidden;*/
	}

	.div-logo-2 {
		/*display: none;*/
	}
}

@media(max-height: 515px) and (max-width: 800px)
{
	.dynatable-record-count {
		/*visibility: hidden;*/
	}
}

@media(max-height: 515px) and (max-width: 1320px) 
{
	.dynatable-record-count {
		margin-left: 125px;
	}
}

@media(max-height: 515px) and (min-width: 1320px) and (max-width: 1450px) 
{
	.dynatable-record-count {
		margin-left: 60px;
	}
}

@media(max-height: 515px)
{
	.login-container {
		height: auto;
		margin-top: 0px;
	}

	.loginboard-image {
		align-items: flex-start;
		margin-top: 25px;
	}

	.div-logo-s {
		display: none !important;
		top: 7%;
    	min-height: 67px;
    	min-width: 150px !important;
    	width: 150px;
    	height: 67px;
    	bottom: 7%;
    	right: 4%;
    	overflow: hidden;
    	background-size: 100% 100%;
	}

	.selection-panel {
		height: calc(100% - 240px);
	}

	.div-logo-2 {
	    	/*top: 11%;
	    	left: 60px;
	    	min-height: 250px;
	    	min-width: 250px;
	    	width: 250px;
	    	height: 250px;
	    	box-shadow: 1px 1px 8px white;*/
		/*margin-top: 20px;*/
	}

	.login-right .div-logo-2 {
		display: block !important;
		box-shadow: none;
	}
}

@media(max-width: 320px) 
{
	#mainHeaderContainer {
		background-color: transparent;
		border-bottom: 0px !important; 
	}

	.navbar-collapse {
		background-color: rgb(245, 243, 241) !important;
	}

	#sidebarNavButton{
		background: #b22222 !important;
		/*display: none !important;*/
	}
}

@media(max-height: 400px) and (max-width: 768px) 
{
	.div-logo {
		/*display: none;*/
	}

}

@media(max-height: 515px) and (max-width: 960px)
{
	.login-div-bottom, .social-links {
		display: none !important;
	}
	
	.div-logo {
		display: none !important;
	}
}

@media(max-height: 415px) and (max-width: 415px) {
	.small-globe .department-panel {
		height: calc(100% - 245px) !important;
	}	

	.small-globe .selection-panel > .mobile:first-child {
		/*display: none;*/
	}

	.small-globe .selection-panel .dynatable-search {
		top: 160px !important;
	}
}

@media(max-height: 415px) and (max-width: 515px) and (min-width: 415px) {
	.department-panel {
		height: calc(100% - 245px) !important;
	}
}

@media(max-height: 415px) and (max-width: 590px) and (min-width: 515px){
	.department-panel {
		height: calc(100% - 170px) !important;
	}
}

@media(max-height: 415px) 
{
	.selection-panel {
		height: calc(100% - 180px);
	}	

	.department-panel, .data-panel {
		height: calc(100% - 220px) !important;
		margin-top: 55px;
	}
}


@media(max-width: 415px)
{
	.div-logo-head-s {
		width: 140px !important;
    	min-width: 70px !important;
    	height: 60px !important;
    	min-height: 35px !important;
	}

	.analytics-pane {
		height: calc(100% - 120px) !important;
	}

	.analytics-pane td {
		font-size: 12px !important;
	}

	.analytics-pane h2 {
		font-size: 20px !important;
	}

	#mainLogoHolder {
		display: none;
	}

	.selection-panel .btn-mobileSelect-gen, .dynatable-search {
		top: 160px !important;
	}

	.header-view {
		/*margin-left: 0px;*/
	}

	.ip-frame-responsive-nav {
		background-color: black !important;
	}

	.ip-frame-responsive-nav .eduvod-image-for-mobile, .ip-frame-responsive-nav .eduvod-product-image-for-mobile{
		display: block;
    		bottom: 0px;
    		right: 0px;
    		left: calc((100vw / 2) - 50px);
    		/*height: 56px;*/
	}

	.sm-collapsible #mainLogoHolder {
		/*display: block;
		width: 115px !important;*/
	}	

	.div-logo {
		left: 30px !important;
	}

	#headerNavButton{
		background: #b22222 !important;
	}

	.selection-panel {
		height: calc(100% - 145px);
	}	

	.selection-panel > .mobile:first-child, .all-assets-panel > .mobile:first-child {
		top: 125px !important;
    	left: 20px !important;
	}

	.department-panel {
		height: calc(100% - 275px) !important;
	}

	#sidebarNavButton{
		/*display: none !important;*/
	}

	.navbar-nav {
		font-size: 18px !important;
		height: calc(48px - 15px) !important;
		overflow: unset;
	}

	.header-box > .heading-style, .header-box > .subheading-style {
		text-align: center !important;
		width: 100%;
		margin: 0px;
		padding: 0px;
		padding-left: 0px;
		padding-right: 0px;
		font-size: 5vw;
	}

	.central {
		/*margin-left: 0px;*/
	}

	.header-view {
		/*margin-left: 0px;*/
	}	

	.main-admin-header {
		padding-left: 55px;
    	padding-right: 120px;
	}

	.navbar-collapse.collapse {
		padding-bottom: 5px;
	}


	#mainHeaderContainer.ip-frame-responsive-nav .home_icon_class_2 {
		content: url("/static/icon/svg/home.svg");
	}

	#mainHeaderContainer.ip-frame-responsive-nav .logout_icon_class_main {
		content: url("/static/icon/svg/logout.svg");
	}
}

@media(max-height: 400px)
{
	.div-logo-2 {
		/*bottom: inherit;*/
		right: 4%;
		/*top: 25px;
		position: absolute;
		margin-top: 0px;
		margin-left: 0px;*/
	}
}


/*----------------------- End Mobile View -------------------------*/
@media(max-width: 590px)
{
	.department-panel {
		height: calc(100% - 290px);
	}
}


@media(max-width: 515px)
{

	.analytics-pane td {
		font-size: 14px !important;
	}

	.analytics-pane h2 {
		font-size: 20px !important;
	}

	.analytics-pane .data-form-table {
		margin-right: 35px !important;
		margin-right: 35px !important;
	}

	.mobile-disable-item {
		color: grey !important;
	}

	.mobile-disable-item > img {
		filter: brightness(0.5);
	}

	.dep {
		visibility: unset;
	}

	.dynatable-pagination-links {
		bottom: 50px !important;
	}
}

.navbar-nav {
	font-size: 18px !important;
}


@media (max-width: 768px) {
	#mainLogoHolder {
		width: 270px !important;
		/*margin-left: 20px;
		padding-top: 10px !important;*/
	}

	#mainLogoImg {
		/*margin-top: -16px !important;*/
		width: 70%;
	}

	#sidebarNavButton {
		/*margin-left: 24px !important;*/
		/*display: none !important;*/
	}
}

@media (max-width: 200px) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
		color: skyblue;
	}

	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
		max-height: 400px;
		padding-bottom: 10px;
	}
}


.department-panel button[type=submit], .permitted-session-anchor
{
	color: white;
	background: rgb(178,34,34);
	text-transform: capitalize;
	font-family: 'McLaren' !important;
	font-size: 14px;
	padding: 8px;
	border: 2px solid white;
	filter: drop-shadow(1px 2px 3px black);
}

.department-panel button[type=submit][disabled]
{
	cursor: not-allowed;
}

.department-panel button[type=submit]:not([disabled]):hover, .permitted-session-anchor:hover
{
    -moz-box-shadow: 0 0 20px white;
    -webkit-box-shadow: 0 0 20px white;
    box-shadow: 0 0 20px white;
}

.department-panel, .data-panel {
	height: calc(100% - 315px);
	margin-top: 55px;
}

@media(max-width: 515px)
{
	.department-panel {
		height: calc(100% - 365px);
		margin-top: 100px;
	}
}

/*--------------------------------Bootstrap Modal -------------------*/
.btn-danger {
	background-color: firebrick !important;
    border-color: #d43f3a !important;
}

.btn-warn:hover, .btn-info:hover, .btn-danger:hover {
	filter: drop-shadow(1px 1px 2px black);
}

.btn-info {
	background-color: #014483 !important;
    border-color: #0674db !important;
}

.btn-warn {
	background-color: lightgrey !important;
	border-color: #bfbfbf !important;
}

/*--------------------------------Secondary Modal -------------------*/
#menuItemsModal .background-menu-modal
{
	background-color: #014483;
	color: white;
}

#menuSpinnerPaymentModal .background-menu-modal
{
	background-color: #014483;
	color: white;
	text-align: center;
}

#menuSpinnerPaymentModalComplete .background-menu-modal
{
	background-color: #014483;
	color: white;
	text-align: center;
}

#signUpModal .background-menu-modal
{
	background-color: #014483;
	color: white;
	text-align: center;
}

#APIAccessModal > .modal-dialog {
	/*margin-top: 5vh;*/
}

#APIAccessModal .modal-footer > a > button {
	width: 120px;
    display: inline-block;
    padding: 7px;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    outline: none;
    color: white;
    border: 2px solid white;
    box-shadow: none;
    background: rgb(178,34,34);
    text-transform: capitalize;
    /*background: -moz-linear-gradient(45deg, rgba(244,108,62,1) 0%, rgba(197,22,141,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(244,108,62,1)), color-stop(100%, rgba(197,22,141,1)));
    background: -webkit-linear-gradient(45deg, rgba(244,108,62,1) 0%, rgba(197,22,141,1) 100%);
    background: -o-linear-gradient(45deg, rgba(244,108,62,1) 0%, rgba(197,22,141,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(244,108,62,1) 0%, rgba(197,22,141,1) 100%);
    background: linear-gradient(45deg, rgba(244,108,62,1) 0%, rgba(197,22,141,1) 100%);*/
    filter: drop-shadow(1px 2px 3px black);
    font-family: 'McLaren' !important;
}

#APIAccessModal .modal-footer > a > button:hover {
	box-shadow: 0 0 20px white;
	background: rgb(178,34,34);
    /*background-color: #0083c2 !important;*/
}

#APIAccessModal > .modal-dialog > .modal-content {
	background: rgb(1, 68, 131);
}

.model-inner-close {
	display: block;
    width: 100%;
    text-align: right;
}

.model-custom-x-header {
	height: unset !important;
	margin-top: unset !important;
}

.eduvod-bottom-image {
	background-image: url("eduvod_sidebar.png");
	background-size: 100% 100%;
	position: absolute;
	height: 50px !important;
    width: 100px !important;
	right: 60px !important;
	bottom: 40px !important;
}

.eduvod-image-for-mobile, .eduvod-product-image-for-mobile {
	background-image: url("eduvod_sidebar.png");
	background-size: 100% 100%;
	position: absolute;
	height: 40px !important;
    width: 100px !important;
	right: 60px !important;
	bottom: 40px !important;
	/*display: none !important;*/
	/*filter: drop-shadow(1px 2px 3px black);*/
}

.navbar-nav>li:hover {
	background-color: #f8f8f8;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
	background-color: #d0d0d0;
}

.twitter {
    /*background: #1da1f2 !important;*/
}

.facebook {
    /*background: #3b5998 !important;*/
}

.instagram {
    /*background: #c32aa3 !important;*/
}

.youtube {
    /*background: #ff0000 !important;*/
}

.linkedin {
    /*background: #0077b5 !important;*/
}

.twitter:hover {
    background: #1da1f2;
}

.facebook:hover {
    background: #3b5998;
}

.instagram:hover {
    background: #c32aa3;
}

.youtube:hover {
    background: #ff0000;
}

.linkedin:hover {
    /*background: #0077b5 !important;*/
}

.pe_lt_icon_class {
	width:31px; 
	margin-top: -2px;	
}

.lt_pe_icon_class {
	width:31px; 
	margin-top: -4px;	
}

.admin_pe_lt_icon_class {
	width: 28px;
    margin-top: -2px;
}

.share_icon_class {
	width:26px; 
	margin-top: -2px;
}

.refresh_icon_class {
	width:27px;
	margin-top: -2px;
}

.home_icon_class {
	width:28px;
	margin-top: -4px;
}

.back_icon_class {
	width:28px;
	margin-top: -3px;
}

.analytics_icon_class {
	width:31px;
}

.profile_icon_class {
	width:28px; 
	margin-top: -2px;
}

.settings_icon_class {
	width:22px; 
	float:left; 
	margin-right: 8px;
}

.sessions_icon_class {
	width:22px; 
	float:left; 
	margin-right: 10px;
}

.logout_icon_class {
	width:28px; 
	float:left; 
	margin-right: -4px;
}

.dropdown-logout {
	padding-top: 6px !important;
	padding-bottom: 10px !important;
}

.navbar-toggle {
	margin-bottom: 0px;
	margin-top: 2px;
	height: 28px;
    padding: 7px 10px;
}

.navbar-toggle .icon-bar {
	width: 17px;
}

.navbar-toggle .icon-bar + .icon-bar {
	margin-top: 3px;
}

.navbar-collapse {
	/*background: black;*/
	background-color: #f8f8f8;
}

.modal {
	z-index: 2050;
}

@media(max-width: 320px) {
	.conseal {
		background:	#f8f8f8 !important;
	}

	.conseal > .eduvod-image-for-mobile {
		top: 5px;
	    display: block !important;
	    z-index: 9999;
	    left: calc((100vw / 2) - 70px);
	    background-image: url("/static/customer_product/eduvod_top_header.png");
	    height: 40px !important;
	}

	.headerItemName {
		font-size: 14px;
    	font-weight: 100;
	}

	.navbar-nav > li {
		height: 35px;
	}

	.refresh_icon_class {
		margin-right: 1px;
	}

	.back_icon_class {
		margin-right: -1px;
	}
}

@media(min-width: 321px) and (max-width: 415px) {
	.pe_lt_icon_class {
		width:18px !important; 
		margin-top: -1px;	
	}

	.admin_pe_lt_icon_class {
		width: 16px !important;
    	margin-top: -3px;
	}

	.lt_pe_icon_class {
		width: 20px !important;
    	margin-top: -3px;
	}

	.share_icon_class {
		width:14px !important; 
		margin-top: -2px;
	}

	.refresh_icon_class {
		width:15px !important;
		margin-top: -2px !important;
	}

	.home_icon_class {
		width:16px !important;
		margin-top: -2px !important;
	}

	.back_icon_class {
		width:17px !important;
		margin-top: -2px !important;
	}

	.analytics_icon_class {
		width:18px !important;
	}

	.profile_icon_class {
		width:16px !important; 
		margin-top: -2px;
	}

	.settings_icon_class {
		width:16px !important; 
		float:left; 
		margin-right: 10px;
	}

	.sessions_icon_class {
		width:16px !important; 
		float:left; 
		margin-right: 10px;
	}

	.logout_icon_class {
		width:16px !important; 
		float:left; 
		margin-right: -4px;
	}

	.logout_icon_class_main_2 {
		width:21px !important; 
		height:26px !important; 
	}

	.dropdown-logout {
		padding-top: 8px !important;
		padding-bottom: 18px !important;
	}

	.dropdown-logout.ovp {
		padding-top: 8.5px !important;
	}

	.navbar-default .navbar-nav > li > a {
		padding-left: 7px !important;
    	padding-right: 7px !important;
    	padding-bottom: 20px;
	}
}

@media (max-width: 515px) {
	.pe_lt_icon_class {
		width:24px; 
		margin-top: -1px;	
	}

	.admin_pe_lt_icon_class {
		width: 22px;
    	margin-top: -3px;
	}

	.lt_pe_icon_class {
		width: 26px;
    	margin-top: -3px;
	}

	.share_icon_class {
		width:20px; 
		margin-top: -2px;
	}

	.refresh_icon_class {
		width:21px;
		margin-top: -4px;
	}

	.home_icon_class {
		width:22px;
	}

	.back_icon_class {
		width:23px;
	}

	.analytics_icon_class {
		width:20px;
	}

	.profile_icon_class {
		width:22px; 
		margin-top: -2px;
	}

	.settings_icon_class {
		width:22px; 
		float:left; 
		margin-right: 10px;
	}

	.sessions_icon_class {
		width:22px; 
		float:left; 
		margin-right: 10px;
	}

	.logout_icon_class {
		width:22px; 
		float:left; 
		margin-right: -4px;
	}

	.logout_icon_class_main_2 {
		width:28px; 
		height:28px; 
	}

	.dropdown-logout {
		padding-top: 8px !important;
		padding-bottom: 18px !important;
	}

	.navbar-default .navbar-nav > li > a {
		padding-left: 8px;
    	padding-right: 8px;
    	padding-bottom: 20px;
	}

	#modal-menu-item-image {
		width: 100px !important;
	}
}

.main-sidebar-categories .side-category-active {
	background-color: firebrick !important;
}

/* Multi-grid */
.department-read-more {
	border: 2px solid firebrick !important;
}

.department-read-more:hover {
	background: firebrick !important;
}

.selector-active {
	background: firebrick !important;
}

.control__radio.selector-active:hover {
	filter: drop-shadow(0px 0px 6px black) !important;
	background: firebrick !important;
}

#bodyMainComponent #metadataModal #metadataSubmit {
    background: firebrick !important;
}

#bodyMainComponent #metadataModal .modal-body {
    background: rgb(1, 68, 131);
}

#bodyMainComponent #metadataModal .dropdown-tabs button.active {
	background-color: firebrick ;
	border-color: firebrick !important;
}

#bodyMainComponent #metadata-submit {
	background: firebrick !important;
	border-color: firebrick !important;
}

#secondaryCanvas .list-mainselection .grid__link,
#secondaryCanvas .condensed-mainselection .grid__link {
	border-bottom: 1px solid white;
}


.mobile-table tr > td:nth-child(2) > a {
	display: unset;
	text-decoration: none;
}

.mobile-table tr:hover > td:first-child > a {
	color: black !important;
}

.mobile-table tr:hover > td:nth-child(2) {
	background: firebrick;
	color: white !important;
	cursor: pointer;
}

.dept-main .asset-table tbody > tr:hover {
	background: white;
}

.dept-main .mobile-table tbody > tr:hover {
	background: rgba(0, 0, 0, 0.1);
	color: black !important;
}

.dept-main .asset-table:not(.mobile-table) tbody > tr:hover > td > a {
	color: black !important;
	text-decoration: none;
}

.asset-table-display-td {
	padding: 0px ;
}

.asset-anchor-highlight {
    display: block;
    cursor: pointer;
}

.login-error {
    padding: 6px;
    background: #eeeeee;
    border-radius: 10px;
    border: 3px inset white;
    font-weight: bold;
}

.mobile-table tr > td > a {
	display: inline-block;
}

.mobile-table tr > td:not(:first-child, :nth-child(2)) > a {
	color: white !important;
}

.dept-main .asset-table:not(.mobile-table) tbody > tr:hover > td {
	padding-top: 6px;
    padding-bottom: 6px;
}

#modal-menu-item-image {
	border-color: firebrick !important;
}


/*For registration*/
.registration-canvas .sofserv-left {
	background-image: url("globe.png");
	background-repeat: no-repeat;
	background-size: 320px 430px;
    background-position-y: 30%;
    background-position-x: 10.5%;
}

.registration-canvas .intermediate-back-img {
	width: 12px;
    margin-left: 5px;
    padding-bottom: 2px;
    margin-right: 2px;
    float: left;
}