/*TODO-REMOVE ALL REDUNDANT CSS*/
@font-face {
    font-family: 'GoBold';
    src: url('//resources.emaze.com/vbcommon/fonts/Gobold.eot?#iefix') format('embedded-opentype'), 
         url('//resources.emaze.com/vbcommon/fonts/Gobold.woff') format('woff'), 
         url('//resources.emaze.com/vbcommon/fonts/Gobold.ttf')  format('truetype');
}

@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 400;
  src: local('Asap'), local('Asap-Regular'), url(https://fonts.gstatic.com/s/asap/v3/oiVlPAjaPL0EznW3E5Z2DQ.woff2) format('woff2'), url(https://fonts.gstatic.com/s/asap/v3/SgBaq0dzhSGNMfqm2JX5ng.woff) format('woff');
}

@font-face {
  font-family: 'Asap';
  font-style: italic;
  font-weight: 400;
  src: local('Asap Italic'), local('Asap-Italic'), url(https://fonts.gstatic.com/s/asap/v3/fpSkRkcsVvo2_AnP2Zt5Yg.woff2) format('woff2'), url(https://fonts.gstatic.com/s/asap/v3/MdJnJ_Rxy6GcPmasGZsTfQ.woff) format('woff');
}

/* latin-ext */
@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 700;
  src: local('Asap Bold'), local('Asap-Bold'), url(https://fonts.gstatic.com/s/asap/v4/ovPqj5yHJvE65V38pSjaNfY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 700;
  src: local('Asap Bold'), local('Asap-Bold'), url(https://fonts.gstatic.com/s/asap/v4/YUlqaYZPVSsAAN2ZtG3iyA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

@-webkit-keyframes fadeOut { 0% { opacity:1; } 30% { opacity:1; } 100% { opacity:0; } }
@-moz-keyframes fadeOut { 0% { opacity:1; } 30% { opacity:1; } 100% { opacity:0; } }
@keyframes fadeOut { 0% { opacity:1; } 30% { opacity:1; } 100% { opacity:0; } }

/*Scroll bar*/
ol::-webkit-scrollbar { width: 8px;  height: 8px;}

/* Track */
ol::-webkit-scrollbar-track { background: #e5e5e5; }

/* Handle */
ol::-webkit-scrollbar-thumb { background: #525151; }

::-webkit-scrollbar-thumb:window-inactive { background: rgba(227,230,230,1); }

.fade-out {
	opacity:1;  /* make things visible upon start */
	-webkit-animation:fadeOut ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeOut ease-in 1;
	animation:fadeOut ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 0)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:2s;
	-moz-animation-duration:2s;
	animation-duration:2s;
}

.content-types-box {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.7);
    z-index: 1000000;
}

.content-types-popup {
    position: absolute;
    left: 59%;
    top: 53%;
    margin-top: -270px;
    width: 594px;
    height: 484px;
    margin-left: -415px;
    background-color: #ffffff;
}

.ezContentTypes-header {
    display: block;
    position: relative;
    width: 100%;
    background-color: #fff;
    /*background-image: url('../../vbplayer/images/dot-pattern-popup-2014.png');*/
    height: 80px;
    color: 000000DE;
    font-family: 'Asap'; 
    text-transform: uppercase;
    font-size: 24px;
    text-align: center;
    line-height: 2.5;
    letter-spacing: 3.75px;
}
.ezContentTypes-header::after {
    position: absolute;
    content: ' ';
    width: 360px;
    height: 11px;
    background-color: #E1E1E1;
    left: 113px;
    top: calc(100% - 16px);
}
.ezContentTypes-header .close-button{
    background-image: url(../../vbcommon/images/close-popup-black.png);
}
.ezContentTypes-body {
    font-family: asap;
    font-size: 18px;
    background-color: white;
    text-align: center;
    padding-top: 40px;
}

.ez-content-container {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    height: 372px;
    flex-wrap: wrap;
}

.close-button {
    background-image: url('../../vbplayer/images/close-popup-2014.png');
    position: absolute;
    right: 0;
    margin-right: 14px;
    margin-top: 14px;
    width: 19px;
    height: 19px;
    background-size: 19px;
    cursor: pointer;
}

.ezContentTypeIconText {
    text-transform: uppercase;
    font-family: asap;
    /*font-weight: bold;*/
    font-size: 12px;
    color: #464646;
    margin-top: 35px;
}

.ezContentTypeIconImg {
    width: 72px;
    height: 51px;
    transition: 0.5s;
}

    .ezContentType-icon-hover {
        transform: rotate(-15deg) scale(1.05,1.05);     
           
    }

.ezContentTypeIcon {
    border-style: solid;
    border-width: 1px;
    border-color: #0000001F;
    width: 160px;
    height: 160px;
    background-color: white;
    border-radius: 4px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 3px;
    outline: none;
}

button {
    border: none;
    cursor: pointer;
}

.ezContentTypes-wrapper input[type="checkbox"] {
    -webkit-appearance: none;
    background-color: #e5e5e5;
    background-repeat: no-repeat;
    padding: 7px;  display: inline-block;  position: relative;  cursor: pointer;  
    margin-bottom: -2px;  
    margin-right: 5px;
    outline: none;
}

.ezContentTypes-wrapper input[type="checkbox"]:checked:after {
    content: url(../images/chack.png); 
    position: absolute;
    bottom: 0px;
    left: 0px;
    outline: none;
}

.ezContentTypes {
    background-image: url(../images/ezContentTypes.png);
    background-position: 50% 50%;
    background-size: contain;
    margin-top: -3px;
    width: 22px;
    height: 20px;
}