body {
	font-size: 1em;
	font-family: 'Quicksand', sans-serif;
	font-weight: 100;
	color: #fff;
    background: url("../images/epic.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.custom-scrollbar-light {
    scrollbar-base-color: rgba(249, 247, 247, 0.23);
    scrollbar-base-color: rgba(255, 255, 255, 0.59);
    scrollbar-3dlight-color: rgba(249, 247, 247, 0.23);
    scrollbar-highlight-color: rgba(249, 247, 247, 0.23);
    scrollbar-track-color: rgba(249, 247, 247, 0.23);
    scrollbar-arrow-color: rgba(249, 247, 247, 0.23);
    scrollbar-shadow-color: rgba(249, 247, 247, 0.23);
    scrollbar-dark-shadow-color: rgba(249, 247, 247, 0.23);
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.custom-scrollbar-light::-webkit-scrollbar-track {
    width: 6px;
    background-color: rgba(249, 247, 247, 0.23);
}

.custom-scrollbar-light::-webkit-scrollbar {
    width: 6px;
    background-color: rgba(249, 247, 247, 0.23);
}

.custom-scrollbar-light::-webkit-scrollbar-thumb {
    border-radius: 30px;
    background-color: rgba(255, 255, 255, 0.59);
    border-right: 1px solid transparent;
}

.custom-scrollbar-light-green {
    scrollbar-base-color: rgba(249, 247, 247, 0.23);
    scrollbar-base-color: rgba(255, 255, 255, 0.59);
    scrollbar-3dlight-color: rgba(249, 247, 247, 0.23);
    scrollbar-highlight-color: rgba(249, 247, 247, 0.23);
    scrollbar-track-color: rgba(249, 247, 247, 0.23);
    scrollbar-arrow-color: rgba(249, 247, 247, 0.23);
    scrollbar-shadow-color: rgba(249, 247, 247, 0.23);
    scrollbar-dark-shadow-color: rgba(249, 247, 247, 0.23);
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.custom-scrollbar-light-green::-webkit-scrollbar-track {
    width: 2px;
    background-color: rgba(249, 247, 247, 0.23);
}

.custom-scrollbar-light-green::-webkit-scrollbar {
    width: 8px;
    background-color: rgba(249, 247, 247, 0.23);
    height: 8px;
}

.custom-scrollbar-light-green::-webkit-scrollbar-thumb {
    /*border-radius: 12px;*/
    background-color: rgba(34, 255, 28, 0.73);
    border-right: 1px solid transparent;
}

/* unvisited link */
a.login:link {
    color: #fff;
    text-decoration: none;
    font-weight: 100;
    font-family: 'Quicksand', sans-serif;
}

/* visited link */
a.login:visited {
    color: #fff;
    text-decoration: none;
    font-weight: 100;
    font-family: 'Quicksand', sans-serif;
}

/* mouse over link */
a.login:hover {
    color: #fff;
    text-decoration: none;
    font-family: 'Quicksand', sans-serif;
}

/* selected link */
a.login:active {
    color: #fff;
    text-decoration: none;
    font-family: 'Quicksand', sans-serif;
}

.jumpLinks {
	width: 92%;
    padding: 2% 4%;
    background-color: rgba(255,255,255, 0.3);
    color: white;
    margin-bottom: 5px;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    line-height: 24px;
}

.inline-b {
    display:inline-block;
}

.hidden {
	display:none;
}

.shadow {
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2) ;
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2) ;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2) ;
}

.submitBtnOnlyText {
	border:none;
	background:none;
	padding:0;
	margin:0;
	font-weight: 300;
	color:white;
}

.wrapper {
	width:100%;
	position:absolute;
	top:0;
	bottom:0;
}

.inner-wrapper {
	width:100%;
	max-width:100%;
	position:relative;
	height:auto;
}

.top-wrapper {
	width:100%;
	background-color: rgba(255, 255, 255, 0.33);
    position: absolute;
    top: 30%;
}

.error-wrapper {
	background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 40%;
    height:auto;
    text-align:center;
    display:none;
    z-index:99999;
}

.error-wrapper .errorMsg {
	color: white;
    font-size: 20px;
    width: 70%;
    font-weight: 200;
    padding: 10px 0px;
    line-height: 40px;
    margin-left: auto;
    margin-right: auto;
}

.msg-container {
	width:50%;
	margin:0 auto;
	text-align:center;
	height:auto;
    font-size: 1.3em;
    line-height: 1.3;
    padding:10px;
}

.msg-container-action {
	width: 100%;
    text-align: center;
    height: auto;
    font-size: 1.3em;
    line-height: 1.3;
    padding: 10px 0px;
}

.msg-container-action span.action {
	cursor:pointer;
}

.action-wrapper {
	border: none;
	box-shadow: none;
	padding: 20px;
	width: 560px;
	margin: auto;
	display:none;
}

#register-wrapper {
    /*overflow-y:auto;
    height:90vh;*/
}

.full-width-wrapper {
	width:auto;
	text-align:center;
}

.primary-wrapper {
	margin:0 auto 20px;
	width:50%;
}

.secondary-wrapper {
	margin:0 auto 70px;
	width:40%;
}

.intro-wrapper-text {
	font-family: 'Quicksand', sans-serif;
	font-weight: 100;
	font-size:1em;
	color:#EFEFEF;
}

.intro-wrapper-text .primaryText {
	font-size:1.5em;
	font-weight: 100;
	color:#fff;
}

.intro-wrapper-text .secondaryText {
	font-size:1.2em;
}

.actionIconContainer {
	text-align:center;
}

.actionIconContainer img {
	width:100px;
	height: 100px;
}

.actionTitle {
	font-size: 25px;
	font-weight: 100;
	color: white;
	text-align: center;
}

.actionForm {
	margin:20px 0px 0px;
	background: none;
	border: none;
	box-shadow: none;
	width:550px;
}

.actionForm div label {
	color: #fff;
	font-size: 14px;
	font-weight: 300;
}

.actionForm input, .actionForm textarea {
	font-weight: 300;
	line-height: 20px;
	padding: 5px 3px;
	margin: 2px 0px 15px;
	outline: 0;
	color: #ffffff!important;
	font-size: 14px!important;
	border-radius: 2px;
	background-color: rgba(255, 255, 255, 0.33)!important;
	border:none!important;
    width: calc(100% - 10px);
}

.actionForm select {
    font-weight: 300;
    line-height: 20px;
    padding: 5px 3px;
    margin: 2px 0px 15px;
    outline: 0;
    color: #ffffff!important;
    font-size: 15px!important;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.33)!important;
    border:none!important;
    width: calc(100% - 5px);
}

.actionForm select>option {
    background-color: rgba(0, 0, 0, 0.6)!important;
}

.actionForm div.submit {
	padding: 0;
	text-align:right;
	width:550px;
}

.relative {
    position: relative;
}

.absolute{
   position:absolute;
   top:0;
   left:0; 
}

#registeredBusinessVatCountryCodeValue {
    font-weight: 300;
    line-height: 22px;
    padding: 4px 3px;
    font-size: 15px;
    background-color: #cecece;
    top: 2px;
    width: 30px;
    text-align: center;
    color:#333;
    display: none;
}

.textIndent30 {
    text-indent: 30px;
}

.btn {
	display: inline-block;
    text-decoration: none;
    font-size: 1em;
    margin: 0;
    border:none;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -webkit-appearance: none;
    border-radius: 2px;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 2em;
    padding: 0 12px;
    font-weight: 300;
    font-size:16px;
    margin-bottom:5px;
}

.btn:hover {
	opacity:0.8;
}

.btnSmall {
    font-size: 0.8em;
}

.btnModalContent {
    font-size: 16px!important;
}

.btnAction a {
    color: #ffffff !important;
    text-decoration: none!important;
}

.btnAction {
	background-color: #ff6600;
	color: #ffffff !important;
}

.btnActionClear {
    color: white !important;
    border-width: 2px;
    border-color: rgba(255, 255, 255, 0.56) !important;
    background-color: rgba(0, 0, 0, 0.18);
    border: solid 1px;
}

.lsnor {
    letter-spacing: normal!important;
}

.heighta {
    height: auto!important;
}

.selectedBtnAction {
    background-color: #ff6600 !important;
    color: #ffffff !important;
}

.btnActionSelected {
    background-color: #ff6600b0!important;
    color: #ffffff !important;
}

.btnWhite {
    background-color: rgba(255,255,255, 0.4);
    color: #ffffff !important;
}

.btnGreen {
	color:#fff;
	background-color:#0E710E;
}

.btnElectricBlue {
	color:#fff;
	background-color:#0892d0;
}

.btnClear {
    background-color: rgba(0,0,0, 0.3);
    color:#fff;
}

.btnDisabled {
    cursor:default;
    pointer-events:none;
    opacity:0.7;
}

.errorMessageClear {
    font-size:14px;
    color:#ffffff;
    padding: 7px;
    display:none;
    margin-bottom:10px;
    background-color: rgba(0, 0, 0, 0.18);
}

.errorMessage {
	font-size:14px;
	color:#ffffff;
	padding: 7px;
	background-color: #ff6600;
	display:none;
	margin-bottom:10px;
}

.actionFormBottomMsg {
	margin: 10px 0px;
    text-align: left;
    color: #fff;
    font-weight: 300;
    font-size: 15px;
    clear: both;
}

.actionFormBottomMsg span {
	text-decoration: underline;
	cursor:pointer;
}

#wrapper-footer {
	width: 100%;
	margin: 0px auto;
	text-align: center;
	position: absolute;
	bottom: 0px;
	min-height: 20px;
	padding-top: 10px;
	font-size: 12px;
	font-weight: 300;
}

.floatLeft {
	float:left;
}

.action {
	cursor:pointer;
	text-decoration:none;
}

#reportProblemFormTable {
 	width:100%;
    font-size: 1em;
}

.epikInputStyle {
  width: 98%;
  padding: 1%;
  color: white;
  background-color: rgba(181, 181, 181, 0.3);
  font-family: 'Quicksand', sans-serif;
  font-weight: 300;
  border:none;
  border-radius: 2px;
  font-size: 1em;
}

.epikInputSelectStyle {
  width:100%;
}

.epikInputSelectStyle option{
  background-color: rgb(181, 181, 181);
}

.epikTextAreaStyle {
  height:200px;
  resize: none;
}

.darkSelect {
    background-color: #333;
    color: #fff;
    border: 1px solid #444;
}

.darkSelect option {
    background-color: #333;
    color: #fff;  
}

#modal-container-id {
    font-family: 'Quicksand', sans-serif;
    font-weight: 300;
}

.modalCenterMsg {
    text-align: center;
    position: relative;
    top: 35%;
    font-size: 25px;
}

#modalVideoMetricsContent {
    font-family: "Quicksand", sans-serif;
}

#modalChartButtonsContainer {
    display:none;
    margin: 20px 0px;
    text-align: center;
}

.modalChartButton {
    padding:5px 10px;
    display: inline-block;
    font-size:1.1em;
    background-color:#2b2b2b;
    margin: 0px;
    border-right: 1px solid rgba(255,255,255,0.3);
    cursor: pointer;
}

.modalChartButtonActive {
    background-color:#5d98a8!important;
}

.modalChartHolder {
    position: relative;
    width:90%;
    margin:20px auto;
    text-align:center;
    display:none;
}

.modalChartCanvas {
    width:100%;
    height:100%;
    margin:auto;
}

button.md-close, button.md-trigger, button.md-proceed {
  	border: none;
    padding: 0.6em 1.2em;
    background: #ff6600;
    color: #fff;
    font-family: 'Quicksand', sans-serif;
    font-size: 1em;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    margin: 3px 2px;
    border-radius: 2px;
    font-weight: 400;
}

.flaticon-springboard {
    background-image: url(/images/springboard.png);
    width: 30px;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 30px;
    font-size: 19px;
    margin-left: 8px;
}

.flaticon-springboard:before {
    content: "\e004";
    opacity: 0;
    font-size: 12px!important;
}

.flaticon-pencil {
    font-size: 20px!important;
}

.flaticon {
	color:#fff;
	text-decoration:none;
}

.flaticon:before {
    margin-left:10px!important;
}

.actionicon {
    width:20px;
    height:20px;
    position: relative;
    top: 2px;
}

.green {
    color:#0E710E;
}

.grey {
    color:#f9f9f9;
}

.opacity {
    opacity:0.6;
}

.red {
    color:#FF0000;
}

.orange {
    color:#ff6600;
}

.orangeBg {
    background-color:#ff6600!important;
}

.darkHighlightedRow {
    background-color:rgb(6 6 6)!important;
}

.greenIcon {
	color:#0E710E;
}
 
.orangeIcon {
	color:#ff6600!important;
}

.clearIcon {
	color:#ffffff;
	opacity:0.3;
}

.left {
	float:left;
}

.right {
	float:right;
}

.clear {
    clear:both;
}

/*margin right extra small*/
.mrgr2 {
    margin-right:2%!important;
}
.mrgrxs {
    margin-right:5px!important;
}
/*margin right small*/
.mrgrs {
    margin-right:10px!important;
}
/*margin right medium*/
.mrgrm {
    margin-right:20px!important;
}
/*margin left zero*/
.mrglz {
    margin-left:0px!important;
}
/*margin left extra small*/
.mrglxs {
    margin-left:5px!important;
}
/*margin left small*/
.mrgls {
    margin-left:10px!important;
}
/*margin left medium*/
.mrglm {
    margin-left:20px!important;
}
/*margin top extra small*/
.mrgtz {
    margin-top:0px!important;
}
/*margin top extra small*/
.mrgtxs {
    margin-top:5px!important;
}
/*margin top small*/
.mrgts {
    margin-top:10px!important;
}
/*margin top medium*/
.mrgtm {
    margin-top:20px!important;
}
/*margin bottom extra small*/
.mrgbxs {
    margin-bottom:5px!important;
}
/*margin bottom small*/
.mrgbs {
    margin-bottom:10px!important;
}
/*margin bottom medium*/
.mrgbm {
    margin-bottom:20px!important;
}
/*margin zero*/
.mrgz {
    margin:0px!important;
}
/*margin small*/
.mrgs {
    margin:10px!important;
}
/*margin medium*/
.mrgm {
    margin:20px!important;
}
/*padding zero*/
.padz {
    padding:0px!important;
}
/*padding extra extra small*/
.padxxs {
    padding:2px;
}
/*padding extra small*/
.padxs {
    padding:5px;
}
/*padding small*/
.pads {
    padding:10px;
}
/*padding medium*/
.padm {
    padding:20px;
}
/*padding bottom zero*/
.padbz {
    padding-bottom:0px!important;
}
/*padding bottom small*/
.padbs {
    padding-bottom:10px;
}
/*padding bottom medium*/
.padbm {
    padding-bottom:20px;
}

/*padding top small*/
.padts {
    padding-top:10px;
}
/*padding top medium*/
.padtm {
    padding-top:20px;
}

/*padding left small*/
.padls {
    padding-left:10px;
}
/*padding left medium*/
.padlm {
    padding-left:20px;
}

/*padding right small*/
.padrs {
    padding-right:10px;
}
/*padding right medium*/
.padrm {
    padding-right:20px;
}

.bgBlack {
    background-color: black;
}

.bgWhite {
    background-color: rgba(255, 255, 255, 1)!important;
}

.bgWhiteLightTransparent {
    background-color: rgba(255, 255, 255, 0.3);
}

.bgDark {
    background-color: rgb(45, 68, 73);
}

.colorDark {
    color: rgb(45, 68, 73);
}

.black {
    color:black!important;
}

.half-width {
	width:49%;
}

.half-width input{
	width:95%;
}

.three-quarter-width- {
    width:74%;
    max-width:74%;
}

.one-quarter-width- {
    width:24%;
    max-width:24%;
}

.four-quarter-width- {
    width:99%;
    max-width:99%;
}

.inputTextarea {
    resize:none;
}

.text-left {
    text-align:left;
}

.text-right {
	text-align:right;
}

.actionFormBottomMsg label {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}

.checkboxInput {
	width: 13px!important;
    height: 13px!important;
    padding: 0!important;
    margin: 0!important;
    vertical-align: bottom!important;
    position: relative!important;
    top: -2px!important;
}

#login-loader-container {
    width: 100%;
    height: 100%;
    text-align: center;
    display: none;
    position: fixed;
    top:0;
    left:0;
    z-index: 99999;
    background-color: rgba(0,0,0,0.5);
}

#login-loader-container-img {
    margin-top: 20%;
}

.wormholeActionIcon {
    font-size:18px;
    margin-right:5px;
    cursor:pointer;
    opacity:1;
}

.wormholeActionIcon:hover {
    opacity:0.7;
}

.topProfileMenuIconsContainer {
    background: rgba(0, 0, 0, 0.18);
    margin-bottom: 5px;
    position: relative;
    width: 96%;
    padding: 1% 2%;
}

.searchProfileMenuIcon {
    background-image: url(/images/dashboard-search-icon.png);
    background-size: cover;
    height: 40px;
    width: 40px;
    cursor: pointer;
    text-align: center;
    background-position: center;
}

.homeProfileMenuIcon {
    background-image: url(/images/home_mission_control.png);
    background-size: cover;
    height: 40px;
    width: 40px;
    cursor: pointer;
    text-align: center;
    background-position: center;
}

.no-resize {
    resize:none;
    overflow:hidden;
}

/* USER STATUS */

#statusUserContainerWrapper {
    position:relative;
    top: 0px;
    right: 5px;
}

.statusUserIcon {
    background-image: url(/images/userloginicon.png);
    background-size: contain;
    width: 50px;
    height: 40px;
    cursor:pointer;
    text-align: center;
    background-position: center;
}

.statusUserIndicator {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    border: 1px solid #fff;
    position: absolute;
    bottom: 7px;
    right: 7px;
}

.statusUserIndicatorOnline {
    background-color:#00d400;
}

.statusUserIndicatorOffile {
    background-color:red;
}

i.material-icon-large {
    font-size: 40px;
    padding: 20px 10px;
}



.material-icons:hover {
    /*color:rgb(45, 68, 73)!important;*/
    color:rgb(80, 119, 128)!important;
}

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

.largeMaterialIcon {
    font-size:34px!important;
}

.inline {
    display:inline!important;
}

.materialIconNoLink {
    cursor:default;
}

.materialIconNoLink:hover {
    color:inherit;
}

.materialIconWithText {
    position: relative;
    top: 5px;
}

.greyMaterialIcon {
    color: #527981!important;
}

.orangeMaterialIcon {
    color: #ff6600!important;
}

.notification-badge {
    position:absolute;
    right:-15px;
    top:-15px;
    border-radius:50%;
    background-color:#e00000;
    font-size:14px;
    padding:5px;
    color:white;
}



/* END USER STATUS */

.bodybg {
    background-position: center center;
    background-repeat: repeat;
    background-size: auto;
    background-image: url(/css/images/4693d7d2.png);
}

/*declared in epik_main_min_5675.css but redeclared here to avoid css conflicts*/
.homeLogo {
		background-image: url(/images/v3/e_logo.png);
	    width: 100%;
	    height: 10vh;
	    background-size: contain;
	    background-repeat: no-repeat;
	    background-position: center;
	    margin-top: 20vh;
	    text-align: center;
	    margin-bottom: 50px;
	}

.wrapper-inner {
    width: 98%; 
    padding: 1% 1%;
    height: 92%;
    max-width: 98%;
}

#myAccountInnerWrapper {
    display:none;
}

.child-wrapper {
    width:98%;
    padding: 10px 1%;
    /*background-color: rgba(255,255,255, 0.3);*/
    background-color: rgba(255, 102, 0, 0.5);
    line-height:24px;
    font-size: 16px;
    height:auto;
    color:white;
    position:relative;
    margin-bottom:10px;
}

.middle-action-wrapper {
    background: none;
    padding: 0;
    width: 100%;
}

#openMenuContainer {
    display:none;
    width: 4%;
    height: 100%;
    margin-right: 1%;
    float: left;
    text-align:center;
    cursor: pointer;
    top: 0px;
    position: relative;
}

#openMenuImg {
    width:100%;
    margin-left:auto;
    margin-right:auto;
    max-width: 30px;
}

.middle-action-wrapper-left {
    height:100%;
    margin-right:1%;
    float:left;
    position:relative;
    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
    background-image: url('/css/images/4693d7d2.png');
    padding: 10px;
    width: calc(20% - 20px);
    box-shadow: 0px 0px 80px 0px #000000;
}

#closeMenuContainer {
    position: absolute;
    right: -12px;
    top: -12px;
    cursor: pointer;
    z-index:999;
}

#closeMenuImg {
    width:24px;
    border-radius: 50%;
    background-image: url(/css/images/4693d7d2.png);
    padding: 2px;
}

.middle-action-wrapper-right {
    width: 79%;
    height:100%;
    float:right;
    background-image: url(/css/images/4693d7d2.png);
    box-shadow: 0px 0px 80px 0px #000000;
} 

.clear {
    clear:both;
}

.selectedMenuItem {
    background-color: rgba(0,0,0, 0.9)!important;
    border-color: rgba(0,0,0, 0.9)!important;
}

.middle-action-wrapper .menuItem {
    width: calc(100% - 20px);
    padding: 9px 10px;
    color:white;
    margin-bottom:5px;
    font-size: 16px;
    cursor:pointer;
    position:relative;
    line-height: 24px;
    border: 1px solid transparent;
}

.middle-action-wrapper .menuItem:hover {
    /*background-color:rgba(0,0,0, 0.3);*/
    /*border-color: rgba(255, 255, 255, 0.4) !important;*/
}

.middle-action-wrapper-right .menuContentContainer {
    width:100%;
    display:none;
    position:relative;
}

.middle-action-wrapper .menuItem .menuItemSubContainer {
    margin-top: 5px;
    display:none;
    height:auto;
    overflow-y: auto;
}

.middle-action-wrapper .menuItem .menuItemSubTitle {
    width: 92%;
    padding: 2% 3%;
    font-size: 14px;
    cursor:pointer;
    position:relative;
    line-height: 25px;
    border-top: 1px solid rgba(0,0,0,0.2);
}

.middle-action-wrapper .menuItem .menuItemSubTitle:hover {
    background-color:rgba(255,255,255, 0.3);
}

.stickyBar {
    width: 100%;
    position: -webkit-sticky;
    position: sticky;
    z-index:99999;
}

.topZero {
    top:0;
}

.modalBg {
    background-image:url('/css/images/4693d7d2.png');
}

.custom-scrollbar-light {
    scrollbar-base-color: rgba(249, 247, 247, 0.23);
    scrollbar-base-color: rgba(255, 255, 255, 0.59);
    scrollbar-3dlight-color: rgba(249, 247, 247, 0.23);
    scrollbar-highlight-color: rgba(249, 247, 247, 0.23);
    scrollbar-track-color: rgba(249, 247, 247, 0.93);
    scrollbar-arrow-color: rgba(249, 247, 247, 0.23);
    scrollbar-shadow-color: rgba(249, 247, 247, 0.23);
    scrollbar-dark-shadow-color: rgba(249, 247, 247, 0.23);
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.custom-scrollbar-light::-webkit-scrollbar-track {
    width: 6px;
    background-color: rgba(249, 247, 247, 0.23);
}

.custom-scrollbar-light::-webkit-scrollbar {
    width: 6px;
    background-color: rgba(249, 247, 247, 0.23);
}

.custom-scrollbar-light::-webkit-scrollbar-thumb {
    border-radius: 30px;
    background-color: rgba(255, 255, 255, 0.59);
    border-right: 1px solid transparent;
}

#modal-container-id .custom-scrollbar-light::-webkit-scrollbar:hover {
    /*width: 12px;*/
}
#modal-container-id .custom-scrollbar-light:hover::-webkit-scrollbar:hover {
    width: 12px;
}

.custom-scrollbar-medium {
    scrollbar-base-color: rgba(249, 247, 247, 0.23);
    scrollbar-base-color: rgba(255, 255, 255, 0.59);
    scrollbar-3dlight-color: rgba(249, 247, 247, 0.23);
    scrollbar-highlight-color: rgba(249, 247, 247, 0.23);
    scrollbar-track-color: rgba(249, 247, 247, 0.23);
    scrollbar-arrow-color: rgba(249, 247, 247, 0.23);
    scrollbar-shadow-color: rgba(249, 247, 247, 0.23);
    scrollbar-dark-shadow-color: rgba(249, 247, 247, 0.23);
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.custom-scrollbar-medium::-webkit-scrollbar-track {
    width: 10px;
    background-color: rgba(249, 247, 247, 0.23);
}

.custom-scrollbar-medium::-webkit-scrollbar {
    width: 10px;
    background-color: rgba(249, 247, 247, 0.23);
}

.custom-scrollbar-medium::-webkit-scrollbar-thumb {
    border-radius: 30px;
    background-color: rgba(255, 255, 255, 0.59);
    border-right: 1px solid transparent;
}


.menuContentTitle {
    padding:1% 2%;
    border-bottom:1px solid rgba(255, 255, 255, 0.15);
    font-size:16px;
    line-height:24px;
    /*background-color: rgba(255,255,255, 0.3);*/
}

.menuContentSub {
    padding: 1% 2%;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    font-size: 16px;
    line-height: 24px;
    background-color: rgba(0,0,0, 0.3);
    width: 96%;
}

.menuContentSubItemContent {
    display:none;
}

.menuContent {
    /*padding:1% 2%;*/
    padding:10px 20px;
    height:100%;
    font-size:16px;
    line-height:24px;
    overflow-y:auto;
}

#myVideos_con_loader_container, #myPayments_con_loader_container, #myPayments_con_loader_container_voucher, #myVouchers_con_loader_container, #myWormholes_con_loader_container, #myWormholes_con_domains_loader_container, #myWormholes_con_stencils_loader_container, #myWormholes_con_deployments_loader_container, #myPayments_con_loader_container_wormhole, #myPayments_con_loader_container_springboard, #myCanvasConfigs_con_loader_container, #myVoucherSetup_con_loader_container, #myPlaylist_con_loader_container  {
    position:relative;
    width:100%;
    text-align:center;
}

#myVideos_con_loader_img , #myPayments_con_loader_img, #myPayments_con_loader_img_voucher, #myVouchers_con_loader_img, #myWormholes_con_loader_img, #myWormholes_con_domains_loader_img, #myWormholes_con_stencils_loader_img, #myWormholes_con_deployments_loader_img, #myPayments_con_loader_img_wormhole, #myPayments_con_loader_img_springboard, #myCanvasConfigs_con_loader_img, #myVoucherSetup_con_loader_img, #myPlaylist_con_loader_img {
    position: relative;
    width: 150px;
    margin-top: 15%;
}

#videosTableContainer_loader_container {
    position: relative;
    width: 100%;
    text-align: center;
    display: none; 
}

#videosTableContainer_loader_img {
    position: relative;
    height:70px;
}

.menuContentTable {
    width:100%;
}

.menuContentTable tr:nth-child(even)  {
    background-color:rgba(0,0,0, 0.1);
}

.menuContentTable th{
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    padding: 0.5% 0px 1%;
}

.menuContentTable th, .menuContentTable td{
    padding:10px;
}

.menuContentTable td.parent{
    padding:0px;
}

.menuContentInnerTable {
    width:100%;
    background-color:rgba(255,255,255,0.2);
}

.menuContentInnerTable tr:nth-child(even)  {
    background-color:rgba(0,0,0, 0.1);
}

.menuContentInnerTable td{
    padding:10px;
}

.menuContentInnerTable th{
    padding:10px;
}

#myWormholesDeploymentsTable td:nth-child(2), #myWormholesDeploymentsTable th:nth-child(2){
    width:5%;
}

#myWormholesDeploymentsTable th:nth-child(2) input.menuContentActionContainerInput{
    width:50%;
    border: solid 1px rgba(255, 255, 255, 0.15);
}


#myVideosTableSearchMoreRowTable {
    width:100%;
    background:none;
}

#myVideosTableSearchMoreRowTable td {
    padding:10px;
}

.labelStyle {
    color: #ccc;
    font-size: 14px;
    line-height:16px;
    font-weight:normal;
}

.smallFont {
    font-size: 0.8em;
}

.fontSxs {
    font-size: 0.8em!important;
}
.fontSs {
    font-size: 0.9em!important;
}
.fontSm {
    font-size: 1.1em!important;
}
.fontSl {
    font-size: 1.2em!important;
}
.fontSxl {
    font-size: 1.3em!important;
}
.fontS2xl {
    font-size: 1.4em!important;
}



.login-con input[type="checkbox"] {
    -moz-appearance: auto!important;
    -webkit-appearance: auto!important;
    -ms-appearance: auto!important;
    appearance: auto!important;
    float: none!important;
    margin-right: 0!important;
    opacity: 1!important;
    width: 1em!important;
    z-index: 9999!important;
    display: inline-block!important;
}

.login-con textarea {
    width:100% !important;
}

.login-con .action-wrapper {
    width: 600px!important;
}

.menuContentActionsWrapper, .menuContentVoucherWrapper {
    width:100%;
}

.menuContentActionContainerVisible {
    width:100%;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    margin: 10px 0;
    font-size:0.9em;
}

.menuContentActionContainerVisible table{
    width:100%;
}

.menuContentActionContainer, .menuContentVoucherContainer {
    width:100%;
    display:none;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    margin: 5px 0 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.menuContentActionContainer table, .menuContentVoucherContainer table{
    width:100%;
}

.menuContentActionContainer table td, .menuContentVoucherContainer table td {

}

.menuContentActionContainerInput, .menuContentVoucherContainerInput {
    width:85%;
    padding:7px;
    border:none;
    color: white;
    background-color: rgba(0,0,0,0.8);
    font-family: 'Quicksand', sans-serif;
    font-weight: 100;
    border-radius:2px;
    border: solid 1px rgba(255, 255, 255, 0.15);
}

.menuContentActionContainerTitle, .menuContentVoucherContainerTitle {
    padding: 10px 0px;
}

.clickable {
    cursor:pointer;
    color:white;
    text-decoration:none;
}

.renderThumbImg {
    width:100px;
}

.myVideosBtnCell {
    margin-bottom: 2px;
    text-align: right;
    font-size: 0.8em;
}

.myVideosBtnCell div.btn {
    width:150px;
    margin-top: 5px;
}

.myVideosBtnCell a {
    text-decoration:none;
}

/**************** DIST LIST STYLES****************/



.inner-wrapper {
    width: 100%;
    max-width: 100%;
    position: relative;
    height: auto;
}

.error-wrapper {
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 40%;
    height: auto;
    text-align: center;
    display: none;
    z-index: 99999;
}

.error-wrapper .errorMsg {
    color: white;
    font-size: 20px;
    width: 70%;
    font-weight: 200;
    padding: 10px 0px;
    line-height: 40px;
    margin-left: auto;
    margin-right: auto;
}

.custom-scrollbar {
    scrollbar-base-color: rgba(249, 247, 247, 0.23);
    scrollbar-base-color: rgba(255, 255, 255, 0.59);
    scrollbar-3dlight-color: rgba(249, 247, 247, 0.23);
    scrollbar-highlight-color: rgba(249, 247, 247, 0.23);
    scrollbar-track-color: rgba(249, 247, 247, 0.23);
    scrollbar-arrow-color: rgba(249, 247, 247, 0.23);
    scrollbar-shadow-color: rgba(249, 247, 247, 0.23);
    scrollbar-dark-shadow-color: rgba(249, 247, 247, 0.23);
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.custom-scrollbar::-webkit-scrollbar-track {
    width: 20px;
    background-color: rgba(249, 247, 247, 0.23);
}

.custom-scrollbar::-webkit-scrollbar {
    width: 20px;
    background-color: rgba(249, 247, 247, 0.23);
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 30px;
    background-color: rgba(255, 255, 255, 0.59);
    border-right: 1px solid transparent;
}

.fullPageHiddenContainer {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 100%;
    z-index: 1000;
    /*background-color: rgba(100, 100, 100, 1);*/
    top:0;
    overflow-y:auto;
}

.hidden {
    display:none;
}

.newList {
    right: 140px;
}

.uploadNewListCloud {
    background-image: url(/images/uploadcloud.png);
    background-size: cover;
    height: 80px;
    width: 80px;
    cursor: pointer;
    bottom: 0px;
    position: absolute;
    right: 70px;
}

.uploadNewListCloud:hover {
    animation: opacity 0.5 ease-out;
    transition: opacity 1s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity 1s ease-out;
    opacity: 0.5;
    -o-transition: opacity 1s ease-out;
}

#distributionListsContainer {
    height:100%;
    width:100%;
}

#existingListsContainer {
    height:70%;
}

#existingListsContainerTable {
    width: 95%;
    height: 100%;
    border: none;
    margin-right: auto;
    margin-left: auto;
}

#existingListsContainerTable td{
    /*vertical-align: top;*/
}

.existingListsContentContainer {
    height:100%;
}

.existingListsContentLeftContainer {
    width:29%;
}

.existingListsContentRightContainer {
    width:69%;
}

#distributionListFileContent {
    position: absolute;
    height: 100%;
    left: 0;
    width: 100%;
    /*overflow-y:auto;*/
}

#distributionListFileContent table {
    width:99%;
    margin:0 auto;
    height:auto;
    font-size:14px;
    line-height: 22px;
}

#distributionListFileContent table tr:nth-child(odd) {
    /*background-color:rgba(255, 255, 255, 0.2);*/
}

#distributionListFileContent table th {
    font-weight: 500;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.4);
    font-size: 16px;
    line-height: 26px;
    text-align: left;
}

#distributionListFileContent table th select {
    width: 97%;
    padding: 3px;
    border: none;
    font-family: 'Quicksand';

}

#distributionListFileContent table td {
    padding: 10px;
    margin:0;
    text-align: left;
}

#dropZoneAreaForDistList {
    width:100%;
    margin:0 auto;
    position:absolute;
    height:100%;
}

.drag_and_drop_overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    cursor:pointer;
    z-index:99998;
}

.drag_and_drop_overlay_text {
    margin: 25% auto;
    font-size: 2em;
}

.recipientsListHolderAccount {
    min-height: 80px;
    position: relative;
    width: 100%;
    z-index: 2;
    top: 0;
    height: 12%;
    background: none;
    border-radius: 0;
}

#totalRecipients{
  float: left;
    line-height: 80px;
    margin-left: 30px;
    color: #fff;
}

.totalRecipientsText, .totalDistLists {
    float: left;
    width: calc(80% - 15px);
    margin-left: 15px;
    color: #fff;
    margin-top:20px;
}

.roundedBorderTopLeft {
border-top-left-radius: 10px; 
border-bottom-left-radius: 10px;
}

.roundedBorderBottomRight {
border-bottom-right-radius: 10px; 
border-top-right-radius: 10px;
}

#newListUploadActionBtnContainer {
    width: calc(20% - 15px);
    margin-right: 15px;
    float:right;
    color: #fff;
    text-align: right;
}

.recipientsTable {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px 5px;
  text-align: center;
  color: white;
  font-family: 'Quicksand';
  font-weight: 200;
}
.recipientsListHolder {
  /*position: fixed;
  top: 0px;
  left:0px;
  width: 100%;
  height: 100px;
  background-color: #999;
  z-index: 2;
  padding: 10px;*/
  min-height: 80px;
    position: relative;
    width: 100%;
    z-index: 2;
    top: 0;
    height: 12%;
    background-color: rgba(255, 255, 255, 0.40);
    /*border-radius: 40px;*/
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.recipientsTableHolder {
  margin-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

.recipientsTableInput {
    width: 96%;
    height: 25px;
    border-width: 0px;
    padding-left: 5px;
    font-family: 'Quicksand';
    font-size: 20px;
    font-weight: 300;
}
.validatedTrue{
  background-color:rgba(0, 255, 76, 0.19);
}
.validatedFalse{
  background-color:rgba(255, 0, 0, 0.25);
}
.deleteRow{
    background-image:url('/images/reject.png');
    background-position:center;
    background-size: contain;
    width:30px;
    height:30px;
    cursor:pointer;
}

.addMore{
  bottom: 0px;
  position: absolute;
  right: 70px;
  cursor:pointer;
  vertical-align:middle;
  background-image: url(/images/addmore.png);
  background-size: contain;
  background-position: center;
  width: 80px;
  height: 80px;
}

.nextStep {
    float: right;
    right: 40px;
    font-size: 30px;
    position: absolute;
    cursor: pointer;
}

.goHome {
    vertical-align: middle;
    background-image: url(/images/home_mission_control.png);
    background-size: contain;
    background-position: center;
    width: 80px;
    height: 80px;
    cursor: pointer;
    bottom: 0px;
    right: 0px;
}


.noticeMessage {
    margin: 30px 30px 0px 30px;
    padding: 5px;
    background-color: rgba(247, 247, 247, 0.41);
    border-radius: 10px;
    color: #FFFFFF;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
}

.successRow {
    background-color: rgba(0, 0, 0, 0.53);
    pointer-events:none;
}

.successRowImg {
    background-image: url('/images/accepted.png');
    background-position: center;
    background-size: contain;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

#dark-overlay {
    width:100%;
    height:100%;
    text-align:center;
    display:none;
    position:absolute;
    z-index:99999;
    background-color: rgba(0,0,0,0.7);
}

.loader-container {
    width:100%;
    height:100%;
    text-align:center;
    display:none;
    position:fixed;
    z-index:99999;
    background-color: rgba(0,0,0,0.5);
}

.loader-container img {
    margin-top:20%;
}

#currentListsWrapper {
    height:100%;
}

.currentListName {
    font-size:14px;
    line-height: 18px;
    width: 80%;
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.currentListCategory {
    font-size: 12px;
    line-height: 16px;
    width: 80%;
}

.deleteList {
    background-image: url('/images/reject.png');
    background-position: center;
    background-size: contain;
    width: 25px;
    height: 25px;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    position:absolute;
    right:10px;
    top: 50%;
    margin-top: -12.5px;
}

.listRecipientsContainer {
    display:none;
    color:white;
    font-size:15px;
    height:100%;
    overflow-y:auto;
}

.selectedDistList {
    background-color:rgba(0,0,0, 0.3);
}

table.distListRecipientsTable {
    width:100%;
}

.distListRecipientsTableLoaderContainer {
    text-align:center;
    display:none;
}

.distListRecipientsTableLoaderContainer img{
    height:70px;
}


table.distListRecipientsTable tr:nth-child(even)  {
    background-color:rgba(0,0,0, 0.1);
}

table.distListRecipientsTable th {
    text-align:left;
    font-size:16px;
    font-weight:normal;
}

table.distListRecipientsTable td {
    text-align:left;
    padding:10px;
}

.filderBy-img {
    width:20px;
    cursor:pointer;
}

.recipientsIcons {
    width:20px;
    cursor:pointer;
}

.alignCenter {
    text-align:center!important;
}

.alignRight {
    text-align:right!important;
}

.deleteRecipient {
    background-image: url('/images/reject.png');
    background-position: center;
    background-size: contain;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    float:left;
}

.editRecipient {
    background-image: url('/images/edit.png');
    background-position: center;
    background-size: contain;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    float:left;
}

.msgContainerToUser {
    line-height: 2em;
    font-size: 16px;
    background-color: rgba(0,0,0, 0.3);
    display: none;
    width: 93%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding: 0.5% 1%;
}

.addNewList {
    right: 0;
}

.importList {
    background-image: url('/images/accepted.png');
    background-position: center;
    background-size: contain;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    position:absolute;
    right:10px;
    top: 50%;
    margin-top: -15px;
    display:none;
}

.ninetyPer {
    width:89%;
    float:left;
}
.tenPer {
    width:9%;
    float:right;
}
.alignWright {
    text-align:right;
}
.autoWidth {
    width:auto;
}

.clearLink {
    text-decoration:none;
    cursor:pointer;
}

.infoBox {
    width: 92%;
    padding: 5% 4%;
    background-color: rgba(0,0,0, 0.3);
    color: white;
    margin-bottom: 5px;
    font-size: 14px;
    position: relative;
    line-height: 24px;
}

.infoBox i.flaticon:before {
    font-size:1.2em;
}


.voucherPaymentFrameArea {
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    z-index: 1000;
    background-color: rgba(255, 255, 255, 0.341176);
}

.voucherPaymentFrame {
    width: 99%;
    height: 99%;
}

.tooltipLight {
    position: relative;
    display: inline-block;
    background-color: #fff;
    color: #333;
    border-radius: 10px;
    width: 20px;
    text-align: center;
    margin-left:5px;
    line-height: 20px;
    font-weight: 500;
}

.tooltipLight .tooltipLightText {
    visibility: hidden;
    width: 150px;
    background-color: #fff;
    color: #333;
    text-align: left;
    border-radius: 6px;
    padding: 5px;
    font-size: 14px;
    /* Position the tooltip */
    position: absolute;
    z-index: 9999;
}

.tooltipLight:hover .tooltipLightText {
    visibility: visible;
}

.middle-action-wrapper-right .wormholeMenuContainer {
    background-color:rgba(0,0,0, 0.3);
    width:100%;
    display:none;
    position:relative;
}

.floatLeft {
    float:left;
}

.floatRight {
    float:right;
}

.newActionContainer {
    background-color: rgba(255,255,255,0.1);
    padding: 10px;
    margin-top: 20px;
    display:none;
}

.introTopContainer {
    background-color: rgba(255,255,255,0.1);
    padding: 10px;
    margin: 10px 0px;
    font-size: 0.9em;
}

#stencilsActionWrapper {
    width:69%;
    margin-right:1%;
    font-family: 'Quicksand', sans-serif;
    font-weight: 100;
    position: relative;
}

#stencilsTextWrapper {
    width: 28%;
    padding: 1%;
    background-color: rgba(0,0,0,0.3);
    font-family: 'Quicksand', sans-serif;
    font-weight: 100;
    position: relative;
}

.wormHoleStencilsListSelect {
    background-color: rgba(0,0,0,0.3); 
    padding:5px;
    width: calc(100% - 10px);
    position: relative;
    cursor:pointer;
}

.wormholeActionContainer {
    margin-top:20px;
}

.wormholeInputStyle {
    padding: 7px;
    border: none;
    color: white;
    background-color: rgba(0,0,0,0.8);
    font-family: 'Quicksand', sans-serif;
    font-weight: 100;
    width: calc(100% - 16px);
    line-height: 24px;
    margin-bottom:10px;
    border: solid 1px rgba(255, 255, 255, 0.15);
}

.wormHoleSelectContainer {
    margin-bottom:0px;
}

.wormholeSelectStyle {
    width:100%;
}

.disabledSelectStyle {
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
}

/* For IE10 */
.disabledSelectStyle::-ms-expand {
  display: none;
}

.wormHoleStencilsListContainer {
    height: 300px;
    max-height: 300px;
    width: 100%;
    position: absolute;
    display: none;
    overflow-y: auto;
}

.wormHoleStencilsList {
    margin: 0; 
    padding: 0; 
    list-style-type: none;
    position: absolute;
    width:100%;
    background-color: rgb(109, 109, 109); 
}

.wormHoleStencilsListItem {
    width: 96%;  
    padding: 1% 2%;
    line-height: 50px;
    border-bottom: 1px solid rgba(255,255,255,0.3); ;
    display: block;
    cursor:pointer;
}

.wormHoleStencilsListItem:hover {
    background-color: rgba(0,0,0,0.3); 
}

.wormHoleStencilsTemplateLiImg {
    width:150px;
    vertical-align: middle;
}

.wormHoleStencilsTemplateListItemTable {
    width:100%;
}

.wormHoleStencilsTemplateListItemTable td{
    text-align:left;
    padding:10px;
    vertical-align: top;
    font-size: 0.9em;
    line-height: 1.3em;
}

.wormHoleStencilsTemplateListItemTable td span.columnTextTile{
    font-size: 0.8em;
    color: #c1c1c1;
}

td.wormHoleStencilsTemplateListItemContainerForImg {
    width:150px;
}

#userStatusMenuContainer {
    position:relative;
    /*top: 3px;*/
    float:left;
    display:block;
}

.userStatusContainerText, .userStatusContainerText span {
    font-size:0.8em!important;
}

.userStatusContainerLoginText {
    position: relative;
}

.userStatusContainerIcon {
    display:none!important;
}

input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #cecece;
    font-size:0.9em;
    opacity:  1;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #cecece;
   opacity:  1;
   font-size:0.9em;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #cecece;
   opacity:  1;
   font-size:0.9em;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #cecece;
   font-size:0.9em;
   opacity:  1;
}

.wormholeDeploymentPaymentFrameArea {
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    z-index: 1000;
    background-color: rgba(255, 255, 255, 0.341176);
}

.wormholeDeploymentPaymentFrame {
    width: 99%;
    height: 99%;
}

/* Springboard css */
.modalTable {
    width: 100%;
    font-size:1em;
}

.springboardLinkPageInfo {
    padding:10px;
}

.springboardLinkPageInfo div {
    margin-top:10px;
}

.springboardLinkContainer {
    width: 98%;
    position: relative;
    padding: 1%;
    border-bottom: 1px solid #585858;
}

.springboardLinkContainer a {
    color: white;
    text-decoration: none;
}

.springboardLinkImgContainer {
    width:25%;
    float:left;
}

.springboardLinkImg {
    width:100%;
    border: 1px solid #333;
    padding: 2px;
}

.springboardLinkInfoContainer {
    width:72%;
    float:right;
}

.springboardLinkInfoContainer div {
    margin-bottom:10px;
}

.springboardLinkUserMsg {
    margin-left:20px;
    color: red;
    font-weight: bold;
    width:80%;
}

.springboardSetupInputContainer {
    width:100%;
}

.springboardSetupTableContainer {
    width:100%;
    padding: 10px 0px;
}

.springboardSetupTableContainer table {
    width:100%;
}

.springboardSetupTableContainer table td {
    width:50%;
    vertical-align: top;
}

.half- {
    width:49%;
}

.half {
    width:50%;
}

.full {
    width:100%;
}

.onequarter- {
    width:24%;
}

.threequarters- {
    width:74%;
}

.fullWH {
    width:100%;
    height:100%;
}

.springboardSetupInput {
    width:calc(100% - 10px);
    border: solid 1px rgba(255, 255, 255, 0.15);
}

.photoContainerProfile {
    width:100%;
    border:none;
    display:block;
}

.springboardPreviewContainer {
    position: relative;
    margin-top:10px; 
}

.springboardPreviewContainer img {
    max-width: 250px;
    border: 1px solid rgba(0,0,0,0.2);
    padding:2px;
    max-height:140px;
}

.hide {
    display:none!important;
}

#springboardDisclaimerTextarea {
    resize:none;
}

.epikProfileInputStyle {
    padding: 7px;
    border: none;
    color: white;
    background-color: rgba(0,0,0,0.8);
    font-family: 'Quicksand', sans-serif;
    font-weight: 100;
    width: calc(100% - 10px);
    line-height: 24px;
    margin-bottom:10px;
    resize:none;
    border: solid 1px rgba(255, 255, 255, 0.15);
}

.videoRowSelected {
    background-color: rgba(140, 140, 140, 0.7)!important;
}

/*:hover but :not on a videoRowSelected class */
.videoRow:not(.videoRowSelected):hover {
    background-color: rgba(0,0,0,0.7)!important;
}

.videoRow:not(.videoRowSelected):hover + .videoRowExtraInfo {
    background-color: rgba(0,0,0,0.7)!important;
}

.videoRowExtraInfo {
    display:none;
}

#myVideosTable .videoRowExtraInfo {
    background-color:rgba(255,255,255,0.2);
}

#myVideosTable tr:nth-child(even) {
    background:none;
}

#myVideosTable tr:nth-child(4n-1) {
    background-color:rgba(0,0,0,0.1);
}

#myVideosTable .videoRow td {
    width:13%;
}

.previewButton {
    position: relative;
    width: 25px;
    height: 25px;
    opacity: 0.5;
    background-image: url(/images/preview.png);
    background-size: cover;
    cursor: pointer;
    z-index: 2000;
}

.previewPlayerDiv {
    position: absolute;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background-color: #000000;
    z-index: 99999;
    display: none;
    border-style: solid;
    border-width: 2px;
    border-color: #ff6600;
    text-align: center;
}

.playerFrame {
    width: 80%;
    height: 80%;
    max-width: 900px;
    top: 4%;
    position: relative;
}

.closePreviewButton {
    position: absolute;
    bottom: 5%;
    width: 100%;
    text-align: center;
    font-size: 2em;
    cursor: pointer;
    color: #fff;
    font-weight: 300;
}

.video-js {
    /*top:100px;*/
    margin:auto;
}

.activeicon {
    color: #ff6600!important;
}

.pCustomerMoreInfoRow {
    border-bottom: 1px solid rgba(0,0,0, 0.2)!important;
    background: none!important;
}

.pCustomerMoreInfoRow td {
    padding: 20px 10px;
}

.marginsb {
    margin-bottom: 10px;
}

.marginst {
    margin-top: 10px;
}

.inputAreaStyle {
    padding: 7px;
    border: none;
    color: white;
    background-color: rgba(0,0,0,0.8);
    font-family: 'Quicksand', sans-serif;
    font-weight: 100;
    width: calc(100% - 16px);
    line-height: 24px;
    border: solid 1px rgba(255, 255, 255, 0.15);
}

.inputAreaSelectStyle {
    width: 100%;
}

.inputModalSelect {
    width:auto;
    padding:3px;
    border: none;
    color: white;
    background-color: rgba(0,0,0,0.8);
    font-family: 'Quicksand', sans-serif;
    font-weight: 100;
    line-height: 24px;
    border: solid 1px rgba(255, 255, 255, 0.15);
}

.inputTextarea {
    resize:none;
    border: solid 1px rgba(255, 255, 255, 0.15);
}

.inputSelect {
    width:100%;
    border: solid 1px rgba(255, 255, 255, 0.15);
}

.block {
    display:block;
}

.pCustomerLogoImagePreview {
    width:100%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 2px;
}

.disabledInput {
    background-color: transparent;
    pointer-events: none;
    border:none!important;
}

.disabledSpringboardLinkInput {
    opacity: 0.5!important;
    pointer-events: none!important;
    border: none!important;
}

/*.distListToCustomerContainer {
    background-color: rgba(255,255,255,0.1);
    padding: 10px 10px;
    margin: 10px 0px;
    width: calc(100% - 20px);
}*/

.deleteListMaterialIcon {
    position:absolute;
    right:10px;
    top: 50%;
    margin-top: -12.5px;
    max-width:25px;
    max-height:25px;
}

.mrgTM {
    margin-top:20px;
}

.descriptionCont {
    line-height: 16px;
    font-size: 14px;
    color: #fff;
}

.relative {
    position:relative;
}

.disabledCanvasOptions {
    opacity:0.5;
}

.disabledCanvasOptions .canvasOptionsUlListSelect {
    pointer-events:none;
}

.canvasOptionsUlList {
  margin: 0; 
  padding: 0; 
  list-style-type: none;
  position: absolute;
  width:100%;
  background-color: rgba(0,0,0,0.9); 
  z-index:999;
}

.canvasOptionsUlListContainer {
  height: 300px;
  max-height: 300px;
  width: 100%;
  position: absolute;
  display: none;
  overflow-y: auto;
  z-index:998;
  left: 0;
}

.canvasOptionsUlListSelect {
  width: 100%;
  position: relative;
  cursor:pointer;
  text-align:left;
}

.canvasOptionsUlListItem {
  width: 100%;  
  line-height: 50px;
  border-bottom: 1px solid rgba(255,255,255,0.3);
  display: block;
  cursor:pointer;
}

.canvasOptionsUlListItem:hover {
  background-color: rgba(0,0,0,0.3); 
}

.canvasOptionsUlListItemContainerImg {
  width:100px;
  vertical-align: middle;
  border: 1px solid rgba(255,255,255,0.2);
}

.canvasOptionsUlListItemTable {
  width:100%;
}

.canvasOptionsUlListItemTable td {
  text-align:left;
  padding:10px;
  vertical-align: top;
  font-size: 0.9em;
  line-height: 1.3em;
}

td.canvasOptionsUlListItemContainerForImg {
  width:100px;
}

.canvasOptionsUlListItemTable td span.secondaryText {
  font-size: 0.8em;
  color: #c1c1c1;
}

.helpIconTitleBar {
    position:absolute;
    top:9px;
    right:10px;
    font-size:30px;
    display:none!important;
}

.myVideosActionIcons {
    color:white;
    margin:0px 2px;
    font-size:20px;
    display: inline!important;
}

.videoMoreActionIconsContainer {
    clear:both;
    text-align:left;
}

.tooltipOverImage {
    position: relative;
    display: inline-block;
}

.tooltipOverImageContent {
    visibility: hidden;
    width: 300px;
    background-color: #fff;
    color: #333;
    text-align: left;
    border-radius: 6px;
    padding: 5px;
    font-size: 15px;
    font-weight: 500;
    position: absolute;
    left:0px;
    top:0px;
    z-index: 99999;
}

.tooltipOverImage:hover .tooltipOverImageContent {
    visibility: visible;
}

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltipContent {
    visibility: hidden;
    width: auto;
    background-color: rgba(0,0,0,0.2);
    color: #333;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    font-size: 14px;
    position: absolute;
    right:0px;
    z-index: 1;
}

.tooltip:hover .tooltipContent {
    visibility: visible;
}

.tooltipDark {
    position: relative;
    display: inline-block;
    background-color: rgba(0,0,0,0.8);
    border-radius: 10px;
    width: 20px;
    text-align: center;
    margin-left:5px;
    line-height: 20px;
    font-weight: 500;
}

.tooltipDarkContent {
    width:auto;
    color:white;
    text-align:left;
    padding:2px;
    visibility: hidden;
    width: auto;
    background-color: rgba(0,0,0,0.8);
    border-radius: 6px;
    padding: 5px;
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    left:10px;
    top:10px;
    z-index: 1;
}

.tooltipDarkContent .tooltipDarkTextContainer {
    padding:5px;
    border-bottom:1px solid rgba(255,255,255,0.3);
}

.tooltipDarkContent .tooltipDarkTextContainer:last-child {
    padding:5px;
    border:none;
}

.tooltipDarkTextContainer .secondaryTooltipText {
    font-size: 10px;
}

.tooltipDark:hover .tooltipDarkContent {
    visibility: visible;
}

.audioContainerStyle {
    max-height:300px;
    height:300px;
    overflow-y: auto;
    display:block;
    overflow-x: hidden;
}

.assetAudioInput {
    padding: 7px;
    border: none;
    color: white;
    background-color: rgba(0,0,0,0.8);
    font-family: 'Quicksand', sans-serif;
    font-weight: 100;
    line-height: 24px;
    margin-bottom: 10px;
    width: 100%;
    border: solid 1px rgba(255, 255, 255, 0.15);
}

.assetContainer {
    /*width: 45%;*/
    width: calc(49% - 35px);
    position: relative;
    margin-bottom: 15px;
    background-color: rgba(0,0,0,0.4);
    padding: 10px;
    cursor: pointer;
    float: left;
    /*margin-right: 1%;*/
    margin-left: 10px;
    border:3px solid transparent;
}

.assetAudioContainer {
    display: none;
}

.audioAudioContainer {
    width: 40px;
    float: left;
    display: grid;
    position: relative;
    padding: 5px;
}

.assetThumb {
    width: 100%;
    position: relative;
}

.assetAudioInfoContainer {
    font-size: 14px;
    float: left;
    padding: 5px;
    margin-left: 10px;
}

.secondaryAssetsText {
    font-size: 10px;
}

.assetControlContrainer {
    padding: 0px 10px 0px;
}

.selectedAsset {
    border: 3px solid green;
}

.playlistSongImg {
    vertical-align: middle;
    width:40px;
}

.playlistSongActionRow i {
    vertical-align: middle;
}

.existingAudioAsset {
    background-color: rgba(66, 195, 71, 0.5);
}

.newPlaylistSongsContainer {
    margin-top: 0px;
    padding: 0px;
    margin-bottom: 20px;
    display:none;
}

.ucpToggleRowActionIcon {
    position: absolute;
    right: 10px;
}

.videoRowWatchedVideo {
    border-right: 2px solid green!important;
}


@media only screen and (max-width: 1300px)  {
    .helpIconTitleBar {
        font-size:29px;
        top:8px;
        right:9px;
    }
}

@media only screen and (max-width: 1200px)  {
    .helpIconTitleBar {
        font-size:28px;
        top:8px;
        right:9px;
    }
}

@media only screen and (max-width: 1100px)  {
    .helpIconTitleBar {
        font-size:26px;
        top:7px;
        right:8px;
    }
}

@media only screen and (max-width: 900px)  {
    .helpIconTitleBar {
        font-size:23px;
        top:6px;
        right:7px;
    }
}

@media only screen and (max-width: 700px)  {
    .helpIconTitleBar {
        font-size:20px;
        top:4px;
        right:5px;
    }
}

progress[value].audioAssetProgressBar {
    /* Reset the default appearance */
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 5px;
    background-color: rgba(255,255,255,0.2);
}

progress[value].audioAssetProgressBar::-webkit-progress-bar {
    background-color: rgba(0,0,0,0.2);
    border-radius: 2px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}

progress[value].audioAssetProgressBar::-webkit-progress-value {
    /*background-image:
    -webkit-linear-gradient(-45deg, 
                       transparent 33%, rgba(0, 0, 0, .1) 33%, 
                       rgba(0,0, 0, .1) 66%, transparent 66%),
    -webkit-linear-gradient(top, 
                       rgba(255, 255, 255, .25), 
                       rgba(0, 0, 0, .25)),
    -webkit-linear-gradient(left, #09c, #f44);*/

    border-radius: 2px; 
    background-size: 35px 20px, 100% 100%, 100% 100%;

    background-color: #72bac6;
    background-image: -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.25)), -webkit-linear-gradient(left, rgb(0, 90, 179), rgb(122, 234, 139));
}

.clearButton {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-transition: border-color 0.2s ease;
    -webkit-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
    background-color: transparent;
    border: solid 1px !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    cursor: pointer;
    display: inline-block;
    outline: 0;
    position: relative;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
}

.clearButton:after {
    -moz-transform: scale(0.25);
    -webkit-transform: scale(0.25);
    -ms-transform: scale(0.25);
    transform: scale(0.25);
    -moz-pointer-events: none;
    -webkit-pointer-events: none;
    -ms-pointer-events: none;
    pointer-events: none;
    -moz-transition: opacity 0.2s ease, -moz-transform 0.2s ease;
    -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
    -ms-transition: opacity 0.2s ease, -ms-transform 0.2s ease;
    transition: opacity 0.2s ease, transform 0.2s ease;
    background: #ffffff;
    content: '';
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.clearButton:hover {
    border-color: rgba(255, 255, 255, 0.55) !important;
}

.clearButton:hover:after {
    opacity: 0.05;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.clearButton:hover:active {
    border-color: #ffffff !important;
}

.clearButton:hover:active:after {
    opacity: 0.1;
}

.labelContainer {
    line-height: 24px;
    font-size: 1em;
    margin-bottom: 5px;
}

.voucherSharedWithMeInfo {
    margin-left:20px; 
}

.top-msg-wrapper {
    background-color: #ff6600;
    margin-bottom:15px;
}

.whiteOverflowContainer {
    background-color: white;
    color: black;
    font-weight: 500;
    padding: 10px;
    overflow-y: auto;
    overflow-x: auto;
    height: auto;
}

/*padding zero*/
.brerfz {
    border:none!important;
}
.brerf {
    border: solid 1px rgba(255, 255, 255, 0.15)!important;
}

.brert {
    border-top: solid 1px rgba(255, 255, 255, 0.15)!important;
}

.brerb {
    border-bottom: solid 1px rgba(255, 255, 255, 0.15)!important;
}

.brerdf {
    border: solid 1px rgba(0, 0, 0, 0.15)!important;
}

.brerdt {
    border-top: solid 1px rgba(0, 0, 0, 0.15)!important;
}

.brerdb {
    border-bottom: solid 1px rgba(0, 0, 0, 0.15)!important;
}

.brerdbOrange {
    border-bottom: solid 1px #ff6600!important;
}


.profileInfoBoxIcon {
    position:relative;
    top:3px;
}

.audioPlaylistsContainer:last-child {
    border:none!important;
}

.selectedWormholeCanvasOption {
    background-color:green!important;
}

.selectedWormholeCanvasOption .canvasOptionsUlList {
    background-color:green!important;
}

#messagesWrapper {
    position:fixed;
    right:-300px;
    top:0;
    height:100%;
    width:280px;
    max-width:300px;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    transition:all 0.5s ease;
    z-index:9999;
    padding:10px;
    background-image:url('/css/images/4693d7d2.png');
    color:#fff;
    box-shadow:0px 0px 10px 0px #000000;
}

.messagesOpen { right:0px!important; }

#messagesWrapperTitle {
    font-size:16px; 
    text-align:left;
    line-height:24px;
    padding-bottom: 5px;
    padding-top: 5px;
}

#messagesContainer, #readedMessagesContainer {
    font-size: 1em;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 0px;
}

.messageCon {
    font-size: 0.9em;
    padding: 20px 10px;
    width: calc(100% - 20px);
    margin-bottom: 10px;
    box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.1);
    display:inline-block;
    position:relative;
    right: 0;
    overflow-x:auto;
}

.messageContainer {
    background-color: white;
    transition: right 2s ease-in;
    -webkit-transition: right 2s ease-in;
    -moz-transition: right 2s ease-in;
}

.readedMessageContainer {
    background-color: rgba(0, 0, 0, 0.9);
    color: white;
}

.removeMessageContainer {
    right:-5000px;
}

.messageContent {
    position:relative;
}

#myMessagesCounter {
    font-size: 0.8em;
    background-color: #f00;
    padding: 5px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: 5px;
    color: white;
    line-height: 0.8em;
    height: auto;
    width: auto;
    font-weight: bold;
}

.topRightIn {
    position:absolute;
    top:5px;
    right:5px;
}

.xBtn {
    font-size: 18px;
    color: rgba(0,0,0,.8);
    line-height: 12px;
    cursor:pointer;
}

.xBtn:hover {
    color: rgba(0,0,0,1);
}

.messageLevelCritical {
    background-color: rgba(238, 80, 80, 0.42);
    color: white;
}

.messageLevelHigh {
    background-color: rgba(207, 166, 90, 0.78);
    color: white;
}

.messageLevelMedium {
    background-color: rgba(238, 228, 100, 0.64);
    color: white;
}

.messageLevelLow {
    background-color: rgba(69, 240, 145, 0.55);
    color: white;
}

#menuContentActionContainer_messageGenerator #ui-datepicker-div {
    display:none;
}

.flexRow {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: normal;
}

.flexColumn {
    display: flex;
    flex-direction: column;
}

.flexColumnCenter {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.justifySpaceAround {
    justify-content: space-around;
}
.justifyCenter {
    justify-content: center;
}
 
.flexWrap {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
} 

.italic {
   font-style:italic; 
}

.blinking {
    animation: blinker 1.2s linear infinite;
}

.uppercase {
    text-transform: uppercase;
}

.fontw300 {
    font-weight:300;
}

.fontw500 {
    font-weight:500;
}

.lightGrayBg {
    background-color: #989898;
}

.mediumGrayBg {
    background-color: #585453;
}

.profileAutocompleteSingleList {
    max-height: 250px;
    color: #fff;
    overflow-y: auto;
    position: relative;
    z-index: 99;
    text-align: left;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    position: absolute;
    background-color: #6f6f6f;
    width: 92%;
    display:none;
    border: solid 1px rgba(255, 255, 255, 0.15);
}

.profileAutocompleteSingleListTable {
    width:100%;
}

.profileAutocompleteSingleListTable tr {
    width: 100%;
    display: inline-table;
}

.profileAutocompleteSingleListTable td {
    padding: 8px 10px;
    cursor: pointer;
    color: white;
    font-size: 1em;
    background-color: rgba(0,0,0,0.3);
    font-weight: 300;
    width: 20%;
}

.profileAutocompleteSingleListTable tr.selectedProfileAutocompleteSingleListTableOption td i {
    color:#00dc00!important;
}

.profileAutocompleteSingleListTable tr.highlightedProfileAutocompleteSingleListTableRow {
    background-color:#ff6600!important;
}


.profilePhotoPreviewContainer {
    position: relative;
    margin-top:10px; 
}

.profilePhotoPreviewContainer img {
    max-width: 120px;
    border: 1px solid rgba(0,0,0,0.2);
    padding:2px;
}

.tableh300 {
    max-height:300px;
    overflow-y:auto;
}

.epikActionMaterialIcon {
    font-size:18px;
    margin-right:5px;
    cursor:pointer;
    opacity:1;
    margin:0px 5px;
}

.epikActionMaterialIcon:hover {
    opacity:0.7;
}

.collapsableGroupContent {
    margin:10px 0px 20px;
}

.collapsableGroupContent {
    display:none;
	border: 1px solid #3e3e3e;
    padding: 20px;
}

.collapsableGroup {
	padding-bottom: 20px;
}

.collapsableGroupOpen .collapsableGroupContent {
    display:block;
}

.collapsableGroupIcon {
    color:#FF9800!important;
    font-size:14px!important;
}

.collapsableGroupOpen .collapsableGroupIcon {
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.monthlyBillingUsageDatePicker {
    width: 300px;
    text-align: center;
    border: none;
}

.billingDatepicker, .billingDatepicker .ui-widget-header {
    border:none!important;
    background:none!important;
}

.billingDatepicker .ui-datepicker-calendar, .billingDatepicker .ui-datepicker-buttonpane, 
.billingDatepicker .ui-datepicker-prev, .billingDatepicker .ui-datepicker-next {
    display:none!important;
}

.labelPrimary {
    font-size:1.3em;
}


.multiphaseListContainer {
    max-height: 300px;
    width: 100%;
    position: relative;
    display: none;
    overflow-y: auto;
    width: 96%;
}

.multiphaseList {
    margin: 0; 
    padding: 0!important; 
    list-style-type: none;
    position: relative;
    width:100%;
}

.multiphaseListItem {
    width: 100%;  
    padding: 1% 2%;
    line-height: 50px;
    border-bottom: 1px solid rgba(255,255,255,0.3); 
    display: block;
}

.multiphaseListItem:hover {
    background-color: rgba(0,0,0,0.3); 
}

.multiphaseListTemplateLiImg {
    width:200px;
    vertical-align: middle;
}


.multiphaseListItemTable {
    width:100%;
}

.multiphaseListItemTable td{
    text-align:left;
    padding:10px;
    vertical-align: top;
    font-size: 1em;
    line-height: 1.3em;
}

.multiphaseListItemTable td span.columnTextTile{
    font-size: 1em;
    color: #c1c1c1;
}

td.multiphaseListItemContainerForImg {
    width:150px;
}

.multiphaseDistListContainer {
    width: 100%;
    position: relative;
    overflow-y: auto;
}

.multiphaseDistList {
    margin: 0; 
    padding: 0!important; 
    list-style-type: none;
    position: relative;
    width:100%;
}

.multiphaseDistListItem {
    width: calc(100% - 20px);  
    padding: 10px!important;
    line-height: 50px;
    border-bottom: 1px solid rgba(255,255,255,0.3); ;
    display: block;
}

.multiphaseDistListItem:hover {
    background-color: rgba(0,0,0,0.3); 
}

.multiphaseDistListItemName {
    line-height: 18px;
}

.multiphaseDistListItemCategory {
    font-size: 14px;
    line-height: 16px;
}

.brandColorSquare {
    border: 1px solid #ededed;
    padding:2px;
    width:18px;
    height:18px;
}


.linkedAgentTable {
    width:100%;
}

.linkedAgentTable th, .linkedAgentTable td{
    padding:5px;
}

.linkedAgentTable td.parent{
    padding:0px;
}

.linkedAgentInnerTable {
    width:100%;
    background-color:rgba(255,255,255,0.2);
}

.linkedAgentInnerTable tr:nth-child(even)  {
    background-color:rgba(0,0,0, 0.1);
}

.linkedAgentPreviewImg {
    height:150px;
    margin-right:10px;
    border:1px solid #888;
    padding:1px;
}

.bundleRowBg {
    background-color:rgb(65 65 65)!important;
}

.borderSpacingTBFive {
    border-collapse: separate;
    border-spacing: 0px 5px;
}

.colorSquareCon {
    border: 1px solid #ededed;
    padding:2px;
    width:18px;
    height:18px;
}

.staticBannersWrapper {
    margin-right: auto;
    margin-left: auto;
    display: table;
}

.staticBannerCon {
    float: left;
    display: block;
    width: 300px;
    height: 300px;
    margin: 10px;
    position: relative;
}

.staticBanner {
    width: 100%;
    height: 100%;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

}

.downloadStaticBannerCon {
    background-color: #222222c4;
    padding: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    text-align: center;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

.staticBannerCon:hover > .downloadStaticBannerCon {
    display:table;
}

.downloadStaticBannerCon a {
    vertical-align: middle;
    display: table-cell;
    width:100%;
    height:100%;
}

.flexCenterContent {
    display: flex;
    justify-content: center; 
    align-items: center; 
    height: 250px;
    border: 1px solid #333;
    padding: 2px;
    width: 100%;
}

.selectedRow {
    background-color:green!important;
}

.bundleToAssignCell {
    padding:10px;
    background-color: rgba(0,0,0,0.5);
}

.registeredBundleCell {
    background-color:green!important;
}

.noListType {
    list-style-type: none;
}

.ulTableStyle li:nth-child(even)  {
    background-color:rgba(255,255,255, 0.2);
}

.ulTableStyle table tr td  {
    vertical-align: middle;
}

.tableFTdPad td:first-child {
    padding-right: 10px;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.coTable {
    width: 100%;
    display: table;
}

.coTable tr{
    width: 100%;
    display: table-row;
}

.coTable th, .coTable td {
    width: auto!important;
    display: table-cell;
}

@media only screen and (max-width: 1600px) {

}

@media only screen and (max-width: 1200px) {

}

@media only screen and (max-width: 1000px) {

}

@media only screen and (max-width: 800px) {

}   

@media only screen and (max-width: 600px) {

}

/* 
##Device = Tablets, Ipads (portrait)
##Screen = B/w 768px to 1024px
*/


@media (min-width: 768px) and (max-width: 1024px) {

}

/* 
##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

}

/* 
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {

}

/* 
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
*/

@media (min-width: 400px) and (max-width: 480px) {

}

@media (min-width: 300px) and (max-width: 399px) {

}

@media (min-width: 200px) and (max-width: 299px) {

}

/* Something in  -----------portrait */
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) and (orientation : portrait) {

}