@font-face {
    font-family: 'Abibas';
    src : local('Abibas'),
    url("https://content.appinium.com/static/font/Abibas.woff"),
    url("https://content.appinium.com/static/font/Abibas.woff") format("woff");
}
@font-face {
    font-family: 'Arial';
    src : local('Arial'),
    url("https://content.appinium.com/static/font/Arial.woff"),
    url("https://content.appinium.com/static/font/Arial.woff") format("woff");
}
@font-face {
    font-family: 'Bebas Neue Pro';
    src : local('BebasNeuePro'),
    url("https://content.appinium.com/static/font/BebasNeuePro.woff"),
    url("https://content.appinium.com/static/font/BebasNeuePro.woff") format("woff");
}
@font-face {
    font-family: 'Calibri';
    src : local('Calibri'),
    url("https://content.appinium.com/static/font/Calibri.woff"),
    url("https://content.appinium.com/static/font/Calibri.woff") format("woff");
}
@font-face {
    font-family: 'Caveat';
    src : local('Caveat'),
    url("https://content.appinium.com/static/font/Caveat.woff"),
    url("https://content.appinium.com/static/font/Caveat.woff") format("woff");
}
@font-face {
    font-family: 'EricaType';
    src : local('EricaType'),
    url("https://content.appinium.com/static/font/EricaType.woff"),
    url("https://content.appinium.com/static/font/EricaType.woff") format("woff");
}
@font-face {
    font-family: 'Federo';
    src : local('Federo'),
    url("https://content.appinium.com/static/font/Federo.woff"),
    url("https://content.appinium.com/static/font/Federo.woff") format("woff");
}
@font-face {
    font-family: 'Harvard Script';
    src : local('HarvardScript'),
    url("https://content.appinium.com/static/font/HarvardScript.woff"),
    url("https://content.appinium.com/static/font/HarvardScript.woff") format("woff");
}
@font-face {
    font-family: 'Helvetica';
    src : local('Helvetica'),
    url("https://content.appinium.com/static/font/Helvetica.woff"),
    url("https://content.appinium.com/static/font/Helvetica.woff") format("woff");
}
@font-face {
    font-family: 'Impact';
    src : url("https://content.appinium.com/static/font/Impact.woff"),
    url("https://content.appinium.com/static/font/Impact.woff"),
    url("https://content.appinium.com/static/font/Impact.woff") format("woff");
}
@font-face {
    font-family: 'ITC Serif Gothic';
    src : local('ITCSerifGothic'),
    url("https://content.appinium.com/static/font/ITCSerifGothic.woff"),
    url("https://content.appinium.com/static/font/ITCSerifGothic.woff") format("woff");
}
@font-face {
    font-family: 'Montserrat';
    src : local('Montserrat'),
    url("https://content.appinium.com/static/font/Montserrat.woff"),
    url("https://content.appinium.com/static/font/Montserrat.woff") format("woff");
}
@font-face {
    font-family: 'Proxima Nova';
    src : local('ProximaNova'),
    url("https://content.appinium.com/static/font/ProximaNova.woff"),
    url("https://content.appinium.com/static/font/ProximaNova.woff") format("woff");
}
@font-face {
    font-family: 'Raleway';
    src : local('Raleway'),
    url("https://content.appinium.com/static/font/Raleway.woff"),
    url("https://content.appinium.com/static/font/Raleway.woff") format("woff");
}
@font-face {
    font-family: 'Roboto Condensed';
    src : local('RobotoCondensed'),
    url("https://content.appinium.com/static/font/RobotoCondensed.woff"),
    url("https://content.appinium.com/static/font/RobotoCondensed.woff") format("woff");
}
@font-face {
    font-family: 'Rockwell';
    src : local('Rockwell'),
    url("https://content.appinium.com/static/font/Rockwell.woff"),
    url("https://content.appinium.com/static/font/Rockwell.woff") format("woff");
}
@font-face {
    font-family: 'Salesforce Sans';
    src : local('SalesforceSans'),
    url("https://content.appinium.com/static/font/SalesforceSans.woff2"),
    url("https://content.appinium.com/static/font/SalesforceSans.woff2") format("woff2");
}
@font-face {
    font-family: 'Segoe UI';
    src : local('SegoeUI'),
    url("https://content.appinium.com/static/font/SegoeUI.woff"),
    url("https://content.appinium.com/static/font/SegoeUI.woff") format("woff");
}
@font-face {
    font-family: 'Tahoma';
    src : local('Tahoma'),
    url("https://content.appinium.com/static/font/Tahoma.woff"),
    url("https://content.appinium.com/static/font/Tahoma.woff") format("woff");
}
@font-face {
    font-family: 'Times New Roman';
    src : local('TimesNewRoman'),
    url("https://content.appinium.com/static/font/TimesNewRoman.woff"),
    url("https://content.appinium.com/static/font/TimesNewRoman.woff") format("woff");
}
@font-face {
    font-family: 'Verdana Pro';
    src : local('VerdanaPro'),
    url("https://content.appinium.com/static/font/VerdanaPro.woff"),
    url("https://content.appinium.com/static/font/VerdanaPro.woff") format("woff");
}

.amp-controlbaricons-middle {
    min-width: 0px !important;
    display: inline-flex !important;
    width: 100% !important;
}

.amp-default-skin .vjs-current-time {
    position: relative !important;
    width: auto !important;
    left:0;
    right: unset !important;
    text-align: left !important;
    padding: 3px 2px 2px 2px !important;
    font-size: 11px !important;
    margin-left: 10px !important;
}

.amp-default-skin .vjs-time-divider {
    position: relative !important;
    left: 0 !important;
    text-align: left !important;
    width: auto !important;
    font-size: 11px !important;
    padding: 3px 2px 2px 2px !important;
}

.amp-default-skin .vjs-duration {
    position: relative !important;
    left: 0!important;
    text-align: left !important;
    width: auto !important;
    font-size: 11px !important;
    padding: 3px 2px 2px 2px !important;
}

.amp-content-title {
    display: none;
}

.amp-default-skin .vjs-marker-control::before {
    content: "\e630";
    font-family: azuremediaplayer;
}

.amp-default-skin .vjs-menu-button .vjs-menu-content {
    padding: 5px 12px 14px !important;
}

.vjs-menu {
    margin-bottom: 2px;
}

.vjs-show-link-img {
	position:fixed;
    width: 20%;
    height: auto;
}

.amp-default-skin .vjs-menu-button .vjs-menu-content {
    position: absolute;
    right: -20;
    bottom: 100%;
    background-color: rgba(60,69,79,.8);
    box-shadow: none;
    list-style: none;
    margin: 0;
    max-width: none;
    max-height: 16em;
    overflow: auto;
    overflow-x: hidden;
    padding: 12px 12px 14px;
    white-space: nowrap;
}

.interactive-button:hover {
    opacity: 1;
    text-decoration:none;
}

.vjs-show-button {
    background-color: #f4511e;
    border: none;
    color: white;
    padding: 1rem 1rem;
    text-align: center;
    opacity: 0.9;
    transition: 0.3s;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    /*white-space: pre;*/
    max-width: 30%;
    height: auto;
    word-break: break-word;
    min-width: 10%;
}

.vjs-show-link {
    position: relative;
    display: block;
    z-index: 1;
}

html,body {
    height: 100%;
    margin: 0;
    padding: 0;
    line-height: 20px;
    font-family: 'Open Sans', sans-serif;
}
.modal {
    visibility: hidden;
    --main-color:#fff;
    --main-background: rgba(55,65,187,0.5);
     --link-color:rgba(55,65,187,0.5); 
     --button-height:14px;
     --hint-size:25px;
     --hint-left:10px;
     --hint-right:10px;
     --checkbox-size:25px;
     --checkbox-right:25px;
     --checkbox-top:25px;
     --padding-footer:10px;
     --margin-left-button:calc(var(--font-size)*0.33);
     --font-size: 17px;
}

.failed {
    background: rgba(201,50,20,.3);
    color: rgba(201,50,20,1);
}

.success {
    background: rgba(19, 130, 38, .3);
    color: rgba(19, 130, 38, 1);
}

.survey .success{
    background: none;
    color: black !important;
}

.survey .success .modal-answer__label:before {
    background: black;
}

.wrapper {
    position: relative;
    height: 100vh;
}

.overflow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}

.modal {
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    /*transform: translate(-50%, -50%);*/
}

.modal__inner {
    display: block;
    /*width: 100%;*/
    /*max-width: 970px;*/
    margin: 0 auto;
    background: rgba(255,255,255,1);
    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
    width: var(--width) !important;
}

.modal-header {
    padding: 15px;
    box-sizing: border-box;
    background: var(--main-background);
    border: 2px solid var(--main-background);
}

.modal-header__title {
    word-break: break-all;
    margin: 0;
    color: var(--main-color);
    font-size: var(--font-size);
    font-family: var(--font-family);
}

.modal__content {
    overflow-x: auto;
    /*max-height: 350px;*/
    color: black;
    padding: 15px 15px 0;
    box-sizing: border-box;
    height: var(--height) !important;
    /*line-height: 2;*/
}

.modal-answer__list {
    word-break: break-all;
    max-height: 150px;
    padding: 0;
    margin: 0;
    list-style-type: none;
    overflow: hidden;
    overflow-y: auto;
}

.modal-answer__item {
    line-height: 0.967;
    position: relative;
    margin: 0 0 10px;
    padding: 5px 5px;
    margin-bottom: 10px;
}

.modal-answer__item:last-child() {
    margin-bottom: 0;
}

.modal-answer__item .modal-answer__radio {
    display: none;
}

.modal-answer__item .modal-answer__radio + .modal-answer__label:before {
    content: '';
    position: absolute;
    top: var(--checkbox-top);
    left: 0;
    display: block;
    width: var(--checkbox-size);
    height: var(--checkbox-size);
    border: 1px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.3);
}

.modal-answer__item .modal-answer__radio:checked + .modal-answer__label:before {
    background: var(--main-background);
    box-shadow: 0 0 0 2px var(--main-background);
}

.survey .modal-answer__item .modal-answer__radio:checked + .modal-answer__label:before {
    background: black;
    box-shadow: 0 0 0 2px black;
}

.modal-answer__item .modal-answer__label {
    position: relative;
    display: inline-block;
    padding-left: var(--checkbox-right);
    padding-right: var(--hint-left);
}

.modal-footer {
    display: flex;
    padding:15px;
    justify-content: flex-end;
    text-align: right;
    box-sizing: border-box;
}

.modal-footer .button {
    border:none;
    box-shadow:none;
    display: inline-block;
    width: auto;
    padding: var(--padding-footer) var(--padding-footer) !important;
    text-align: center;
    text-decoration: none !important;
    margin-left: var(--margin-left-button) !important;
    border-radius: 5px !important;
    outline: none;
    /*line-height: 0;*/
}

.modal-footer .button:hover {
    opacity: 0.8;
}

.modal .button.button-submit {
    font-size: var(--font-size) !important;
    font-family: var(--font-family) !important;
    background: var(--main-background) !important;
    border: 0px solid !important;
    color: var(--main-color) !important;
    text-decoration: none !important;
    justify-content: center;
    align-items: center;
	cursor:pointer;
}
.label-lgf{
    font-size: var(--font-size);
    font-family: var(--font-family);
}
.required::after{
    color: red;
    content: '*';
}
.input-lgf{
    font-size: var(--font-size);
    font-family: var(--font-family);
    width:100% !important;
    border: 1px solid rgb(150, 150, 150);
    margin-bottom: 10px;
}
.modal .button.button-link {
    font-size: var(--font-size) !important;
    font-family: var(--font-family) !important;
    color: var(--link-color) !important;
	border: 1px solid var(--link-color)  !important;
    background:transparent  !important;   
    transition:background 0.6s ease 0.1s;
    align-items: center;
    text-decoration:none;
	cursor:pointer;
}
.button-container{
    height: 0px;
    align-items: center;
    text-decoration: none !important;
}
.min-btn{
    min-height: 23px;
}
.button-container.button-link{
    color: var(--link-color);
}
.button-container.button-submit{
    color: var(--main-color);
}
.button-container.button-submit:hover{
    color: var(--main-color) !important;
}
.button-container.button-link:hover{
    color: var(--link-color) !important;
}

.modal-answer__item.success .modal-answer__radio:checked + .modal-answer__label:before {
    background: rgba(19, 130, 38, .3);
    ; box-shadow: 0 0 0 1px rgba(0,0,0,0.3)
}

.survey .modal-answer__item.success .modal-answer__radio:checked + .modal-answer__label:before {
    background: black;
    ; box-shadow: 0 0 0 1px black;
}

.modal-answer__item.failed .modal-answer__radio:checked + .modal-answer__label:before {
    background: rgba(201,50,20,.3);
    box-shadow: 0 0 0 1px rgba(0,0,0,0.3)
}

.modal-answer__item.success.result .modal-answer__radio:checked + .modal-answer__label:before,
.modal-answer__item.success.result .modal-answer__radio + .modal-answer__label:before{
	background: url('../../icons/right.svg');
	box-shadow: 0 0 0 2px rgba(19, 130, 38, .5);
}
.modal-answer__item.failed.result .modal-answer__radio:checked + .modal-answer__label:before,
.modal-answer__item.failed.result .modal-answer__radio + .modal-answer__label:before{
	background: url('../../icons/wrong.svg');
	box-shadow: 0 0 0 2px rgba(201,50,20,.5);
}
.modal-answer__item.success.result .modal-answer__radio:checked + .modal-answer__label:before,
.modal-answer__item.success.result .modal-answer__radio + .modal-answer__label:before,
.modal-answer__item.failed.result .modal-answer__radio:checked + .modal-answer__label:before,
.modal-answer__item.failed.result .modal-answer__radio + .modal-answer__label:before{
	padding: 1px 1px 0 0;
    background-color:#fff;
    background-position: center;
}
.modal-answer__item.success.result,
.modal-answer__item.failed.result{
	background:transparent;
}


.btn-icon{
    top:10px;
    left:5px;
    display:inline-block;
    width:20px;
    height:20px;
    margin-right:5px;
    vertical-align:middle;
}

.retry{
    margin-right: var(--margin-left-button);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image:url('../../icons/retry.svg');
    mask:url('../../icons/retry.svg');
    mask-repeat: no-repeat;
    mask-image:url('../../icons/retry.svg');
    background-color: var(--link-color);
}

.show-solution{
    margin-right: var(--margin-left-button);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image:url('../../icons/show-solution.svg');
    mask: url('../../icons/show-solution.svg');
    mask-repeat: no-repeat;
    mask-image:url('../../icons/show-solution.svg');
    background-color: var(--link-color);
}

.continue{
    margin-right: var(--margin-left-button);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image:url('../../icons/continue.svg');
    mask-repeat: no-repeat;
    mask-image:url('../../icons/continue.svg');
    background-color: var(--main-color);
}

.vjs-show-link-position-popup {
    color: black;
    background-color: white;
    position: absolute;
    font-size: 12px;
}


.icon-svg {
    fill: var(--link-color);
}
.button.button-submit .icon-svg{
    fill: var(--main-color);
}
.icon-info__inner{
    position:absolute;
    top:3.35px;
    right:5px;
    display:block;
    width:var(--hint-size);
    height:var(--hint-size);
    z-index: 2;
}
.icon-info{
    position: absolute;
    background-image: url('../../icons/icon-info.svg');
    background-size: contain;
    background-repeat: no-repeat;
    display:block;
    width:100%;
    height: 100%;
}
.tooltip{
    position:absolute;
    word-break: break-word;
    background:#fff;
    padding:5px 10px;
    color:black;
    box-shadow:0 1px 3px 0px rgba(0,0,0,0.5);
    z-index:2;
}
.tooltip:before{
    content:'';
    position:absolute;
    bottom:-6px;
    right: 0px;
    border-left:7px solid transparent;
    border-top:7px solid #fff;
    border-right:0px solid transparent;
}
input{
    -webkit-appearance: none !important;
    -webkit-border-radius: 0;
    border-radius: 0;
}
input:disabled {
    -webkit-text-fill-color:#000000 !important;
    opacity: 1 !important;
}
.input-blank{
    width:0px;
    height: 0px;
    text-align: center;
    margin: 5px !important;
    max-height: 40px !important;
    min-height: 15px !important;
    min-width: 20px !important;
    max-width: 280px !important;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    vertical-align:text-bottom;
    border:1px solid rgb(150, 150, 150);
}

.input-blank.success,
.input-blank.failed{
	display: inline-block;
	border:none;
    padding: 5px;
    width:auto;
	color:#000;
}
.input-blank.success{
	border-right:2px solid  rgba(19, 130, 38, 1);
	background: rgba(19, 130, 38, .3);
		
}
.input-blank.failed{
	border-right:2px solid  rgba(201,50,20,1);
	background: rgba(201,50,20,.3);
}
.modal-answer__list::-webkit-scrollbar{
    width: 7px;
    background-color: #dfe5ea82;
}
.modal-answer__list::-webkit-scrollbar-thumb{
    background-color: transparent;
    border:1px solid transparent;
    border-radius: 15px;
}
.modal-answer__list:hover::-webkit-scrollbar-thumb{
    background-color: rgba(0, 0, 0, 0.25);
}
.modal-answer__list::-webkit-scrollbar-thumb{
    background-color: rgba(0, 0, 0, 0.25);
}
.fa{
  padding-right: 4px;
}

.resizer{
 /* width: 20px;
  height: 20px;
  border-radius: 50%;
  background: white;
  border: 3px solid #4286f4;*/
  display: inline-block;
  position: absolute;
}
.top-left{
    left: -10px;
    top: -10px;
    cursor: nwse-resize;
}
.top-right{
    right: -10px;
    top: -10px;
    cursor: nesw-resize;
}
.bottom-left {
    left: -10px;
    bottom: -10px;
    cursor: nesw-resize;
}
.bottom-right {
    right: 0px;
    bottom: 0px;
    cursor: nwse-resize;
    border-bottom: 5px solid var(--main-background);
    border-right: 5px solid var(--main-background);
    height: 21px;
    width: 21px;
}
.picklist-option:checked{
    background-color: #cdcdcd99 !important;
}
.checkbox-lgf{
    vertical-align: middle;
    -webkit-appearance: checkbox !important;
    margin: 0;
}


input[type="checkbox"] {
    display: none;
}  

input:checked + .checkbox::before {
    content: "\f046";
    color: var(--main-background);
} 
input:disabled + .checkbox::before {
    background: #eee;
    color: #aaa;
}
.checkbox::before{
    content: "\f096";
    color: var(--color-checkbox);
    display: inline-block;
    margin-right: calc(var(--font-size) / 2);
    position: relative;
    text-indent: 0px;
    background: #FFF;
    border-image: initial;
    font-family: 'FontAwesome';
    font-size: 1.4em;
}
.ext-safari{
    height: 120% !important;
}
.amp-default-skin .amp-rewind-back::before{
    content: "\e61d";
}
.amp-default-skin .amp-rewind-forward::before{
    content: "\e60f";
}
@media(max-width:320px){
    #vjs-menu-bookmark-button{
        display: none;
    }
}
@media(max-width:300px){
    #vjs-menu-left-rewind{
        display: none;
    }
    #vjs-menu-forward-rewind{
        display: none;
    }
}
@media(max-width:230px){
    .amp-default-skin .vjs-subtitles-button{
        display: none;
    }
}
@media(max-width:250px){
    .amp-default-skin .amp-playbackspeed-control-normal{
        display: none;
    }
}
@media(max-width:160px){
    .amp-default-skin .amp-quality-control.quality-4{
        display: none;
    }
}