.emdr-element-new
{
    position: absolute;
    border-radius: 155px;
    z-index:102;
    /* transition: all .43s ease 0s !important; */
}

.hide-settings-panel
{
    position: relative;
    left:-100%;
    transition: all .6s ease-in-out;
}

.link-blue
{
    color:#4257b2 !important;
    border-bottom:3px solid transparent;
    transition: all .3s ease;
}

.link-blue:hover
{
    border-bottom:3px solid #4257b2;
    cursor: pointer;
}

.control-box
{
    background:#12233f;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 9px;
    padding-bottom: 9px;
    border-radius: 5px;
}

.icon-artists-hover
{
    transition: all .3s ease;
    display: inline-block;
    border-bottom:3px solid transparent;
}

.icon-artists-hover:hover
{
    cursor: pointer;
    border-bottom:3px solid #12233f;
}

.control-header
{
    color:#8EFABB;
    font-size: 22px;
    text-transform: uppercase;
}

.emdr-preview-element
{
    margin: 0;
    height:65px !important;
    width:65px !important;
    z-index: 99 !important;
    background: #ec5451;
    position: absolute !important;
    /* transition: border-radius .4s ease, background .4s ease !important; */
}
.swal-text {
    text-align: justify !important;
}

.swal-modal {
    padding: 15px !important;
    border-radius: 7.5px !important;
}

.control-description
{
    color:#fff;
    font-size: 18.420px;
}
.video-tips-description
{
    color: #121928;
    text-align:justify;
    font-size: 16px;
    margin-top:4px !important;
}

.emdr-preview-size-1
{
    height:25px !important;
    width:25px !important;
}

.emdr-preview-size-2
{
    height:35px !important;
    width:35px !important;
}

.emdr-preview-size-3
{
    height:45px !important;
    width:45px !important;
}

.emdr-preview-size-4
{
    height:55px !important;
    width:55px !important;
}

.emdr-preview-size-5
{
    height:65px !important;
    width:65px !important;
}

.emdr-preview-size-6
{
    height:75px !important;
    width:75px !important;
}

.emdr-preview-size-7
{
    height:85px !important;
    width:85px !important;
}

.emdr-preview-size-8
{
    height:95px !important;
    width:95px !important;
}

.emdr-preview-size-9
{
    height:105px !important;
    width:105px !important;
}

.emdr-preview-size-10
{
    height:115px !important;
    width:115px !important;
}

.controls-header-icon
{
    position: relative;
    top: 5px;
    left:2px;
    color:#fff;
    margin-right: 2px;
}

.passes-text-box
{
    color:#fff !important;
    font-size: 25px;
}

.bls-controls-header
{
    display: inline-block;
    font-size: 36px;
    padding-left: 9.5px;
    padding-right: 9.5px;
    padding-top: 5px;
    padding-bottom: 5px;
    background:#12233f;
    color:#fff;
    border-radius: 5px;
}

.image-background
{
    height:150px;
    width:98%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
}

.star-background
{
    background-size: cover !important;
    background-image: url('../img/blsBackgrounds/stars-background.jpg') !important; /* fallback */
    background-image: -webkit-gradient(
    linear, left top, left bottom, from(rgba(0,0,0,.2)),
    to(rgba(0,0,0,.2))
    ), url('../img/blsBackgrounds/stars-background.jpg') !important; /* Chrome 10+, Saf5.1+ */
    background-position: bottom bottom !important;
}

.forest-background
{
    background-size: cover !important;
    background-image: url('../img/blsBackgrounds/forest-background.jpg') !important; /* fallback */
    background-image: -webkit-gradient(
    linear, left top, left bottom, from(rgba(0,0,0,.4)),
    to(rgba(0,0,0,.4))
    ), url('../img/blsBackgrounds/forest-background.jpg') !important; /* Chrome 10+, Saf5.1+ */
    background-position: bottom bottom !important;
}

.ocean-background
{
    background-size: cover !important;
    background-image: url('../img/blsBackgrounds/ocean-background.jpg') !important; /* fallback */
    background-image: -webkit-gradient(
    linear, left top, left bottom, from(rgba(0,0,0,.4)),
    to(rgba(0,0,0,.4))
    ), url('../img/blsBackgrounds/ocean-background.jpg') !important; /* Chrome 10+, Saf5.1+ */
    background-position: bottom bottom !important;
}

.galaxy-background
{
    background-size: cover !important;
    background-image: url('../img/blsBackgrounds/galaxy-background.jpg') !important; /* fallback */
    background-image: -webkit-gradient(
    linear, left top, left bottom, from(rgba(0,0,0,.4)),
    to(rgba(0,0,0,.4))
    ), url('../img/blsBackgrounds/galaxy-background.jpg') !important; /* Chrome 10+, Saf5.1+ */
    background-position: bottom bottom !important;
}

.winter-background
{
    background-size: cover !important;
    background-image: url('../img/blsBackgrounds/winter-background.jpg') !important; /* fallback */
    background-image: -webkit-gradient(
    linear, left top, left bottom, from(rgba(0,0,0,.4)),
    to(rgba(0,0,0,.4))
    ), url('../img/blsBackgrounds/winter-background.jpg') !important; /* Chrome 10+, Saf5.1+ */
    background-position: bottom bottom !important;
}

.abstract-background
{
    background-size: cover !important;
    background-image: url('../img/blsBackgrounds/abstract-background.jpg') !important; /* fallback */
    background-image: -webkit-gradient(
    linear, left top, left bottom, from(rgba(0,0,0,.4)),
    to(rgba(0,0,0,.4))
    ), url('../img/blsBackgrounds/abstract-background.jpg') !important; /* Chrome 10+, Saf5.1+ */
    background-position: bottom bottom !important;
}

.background-fill
{
    background:#12233f !important;
}

.city-background
{
    background-size: cover !important;
    background-image: url('../img/blsBackgrounds/city-background.jpg') !important; /* fallback */
    background-image: -webkit-gradient(
    linear, left top, left bottom, from(rgba(0,0,0,.4)),
    to(rgba(0,0,0,.4))
    ), url('../img/blsBackgrounds/city-background.jpg') !important; /* Chrome 10+, Saf5.1+ */
    background-position: bottom bottom !important;
}

.clouds-background
{
    background-size: cover !important;
    background-image: url('../img/blsBackgrounds/clouds-background.jpg') !important; /* fallback */
    background-image: -webkit-gradient(
    linear, left top, left bottom, from(rgba(0,0,0,.4)),
    to(rgba(0,0,0,.4))
    ), url('../img/blsBackgrounds/clouds-background.jpg') !important; /* Chrome 10+, Saf5.1+ */
    background-position: bottom bottom !important;
}

.hills-background
{
    background-size: cover !important;
    background-image: url('../img/blsBackgrounds/hills-background.jpg') !important; /* fallback */
    background-image: -webkit-gradient(
    linear, left top, left bottom, from(rgba(0,0,0,.4)),
    to(rgba(0,0,0,.4))
    ), url('../img/blsBackgrounds/hills-background.jpg') !important; /* Chrome 10+, Saf5.1+ */
    background-position: bottom bottom !important;
}

.geometry-background
{
    background-size: cover !important;
    background-image: url('../img/blsBackgrounds/geometry-background.jpg') !important; /* fallback */
    background-image: -webkit-gradient(
    linear, left top, left bottom, from(rgba(0,0,0,.4)),
    to(rgba(0,0,0,.4))
    ), url('../img/blsBackgrounds/geometry-background.jpg') !important; /* Chrome 10+, Saf5.1+ */
    background-position: bottom bottom !important;
}

.eclipse-background
{
    background-size: cover !important;
    background-image: url('../img/blsBackgrounds/eclipse-background.jpg') !important; /* fallback */
    background-image: -webkit-gradient(
    linear, left top, left bottom, from(rgba(0,0,0,.4)),
    to(rgba(0,0,0,.4))
    ), url('../img/blsBackgrounds/eclipse-background.jpg') !important; /* Chrome 10+, Saf5.1+ */
    background-position: bottom bottom !important;
}

.image-setup
{
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.pebbles-background
{
    background-size: cover !important;
    background-image: url('../img/blsBackgrounds/pebbles-background.jpg') !important; /* fallback */
    background-image: -webkit-gradient(
    linear, left top, left bottom, from(rgba(0,0,0,.4)),
    to(rgba(0,0,0,.4))
    ), url('../img/blsBackgrounds/pebbles-background.jpg') !important; /* Chrome 10+, Saf5.1+ */
    background-position: bottom bottom !important;
}

.night-background
{
    background-size: cover !important;
    background-image: url('../img/blsBackgrounds/night-background.jpg') !important; /* fallback */
    background-image: -webkit-gradient(
    linear, left top, left bottom, from(rgba(0,0,0,.4)),
    to(rgba(0,0,0,.4))
    ), url('../img/blsBackgrounds/night-background.jpg') !important; /* Chrome 10+, Saf5.1+ */
    background-position: bottom bottom !important;
}

.waves-background
{
    background-size: cover !important;
    background-image: url('../img/blsBackgrounds/waves-background.jpg') !important; /* fallback */
    background-image: -webkit-gradient(
    linear, left top, left bottom, from(rgba(0,0,0,.4)),
    to(rgba(0,0,0,.4))
    ), url('../img/blsBackgrounds/waves-background.jpg') !important; /* Chrome 10+, Saf5.1+ */
    background-position: bottom bottom !important;
}

.jellyfish-background
{
    background-size: cover !important;
    background-image: url('../img/blsBackgrounds/jellyfish-background.jpg') !important; /* fallback */
    background-image: -webkit-gradient(
    linear, left top, left bottom, from(rgba(0,0,0,.4)),
    to(rgba(0,0,0,.4))
    ), url('../img/blsBackgrounds/jellyfish-background.jpg') !important; /* Chrome 10+, Saf5.1+ */
    background-position: bottom bottom !important;
}

.turtle-background
{
    background-size: cover !important;
    background-image: url('../img/blsBackgrounds/turtle-background.jpg') !important; /* fallback */
    background-image: -webkit-gradient(
    linear, left top, left bottom, from(rgba(0,0,0,.4)),
    to(rgba(0,0,0,.4))
    ), url('../img/blsBackgrounds/turtle-background.jpg') !important; /* Chrome 10+, Saf5.1+ */
    background-position: bottom bottom !important;
}

.swirls-background
{
    background-size: cover !important;
    background-image: url('../img/blsBackgrounds/swirls-background.jpg') !important; /* fallback */
    background-image: -webkit-gradient(
    linear, left top, left bottom, from(rgba(0,0,0,.4)),
    to(rgba(0,0,0,.4))
    ), url('../img/blsBackgrounds/swirls-background.jpg') !important; /* Chrome 10+, Saf5.1+ */
    background-position: bottom bottom !important;
}

.beach-background
{
    background-size: cover !important;
    background-image: url('../img/blsBackgrounds/beach-background.jpg') !important; /* fallback */
    background-image: -webkit-gradient(
    linear, left top, left bottom, from(rgba(0,0,0,.4)),
    to(rgba(0,0,0,.4))
    ), url('../img/blsBackgrounds/beach-background.jpg') !important; /* Chrome 10+, Saf5.1+ */
    background-position: bottom bottom !important;
}

.flowers-background
{
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-image: url('../img/blsBackgrounds/flowers-background.jpg') !important; /* fallback */
    background-image: -webkit-gradient(
    linear, left top, left bottom, from(rgba(0,0,0,.4)),
    to(rgba(0,0,0,.4))
    ), url('../img/blsBackgrounds/flowers-background.jpg') !important; /* Chrome 10+, Saf5.1+ */
    background-position: center center !important;
}




.landscape-background
{
    background-size: cover !important;
    background-image: url('../img/blsBackgrounds/landscape-background.jpg') !important; /* fallback */
    background-image: -webkit-gradient(
    linear, left top, left bottom, from(rgba(0,0,0,.4)),
    to(rgba(0,0,0,.4))
    ), url('../img/blsBackgrounds/landscape-background.jpg') !important; /* Chrome 10+, Saf5.1+ */
    background-position: bottom bottom !important;
}


.background-choice
{
    line-height: 135px;
    color:#fff !important;
    height:155px;
}

.relative-pos
{
    position: relative !important;
}

.absolute-pos
{
    position: absolute !important;
}

.faded-out
{
    opacity: 0 !important;
}

.faded-in
{
    opacity: 1 !important;
}

.controls-box
{
    padding-bottom: 300px !important;
}

.faded-in-quick
{
    transition: all .15s ease !important;
    opacity: 1 !important;
}

.bilateral-sounds
{
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
    font-size: 20px;
    border:3.5px solid #12233f;
    color:#12233f;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
    font-weight: bolder;
    transition: all .3s ease;
}

.bottom-seperate
{
    border-bottom: 2px solid #E5E7EB;
    padding-bottom: 20px;
}

.bilateral-sounds:hover
{
    cursor: pointer;
    background:#12233f;
    color:#fff;
}

.bilateral-sounds-active
{
    background:#8EFABB !important;
    color:#12233f !important;
}

.bilateral-sounds-active:hover
{
    background:#8EFABB !important;
    color:#12233f !important;
}

.bls-preview-pic
{
    margin-top: 5px;
    display: inline-block;
    height:45px;
    width:45px;
}

.preview-shape-circle
{
    height:45px;
    width:45px;
    margin-bottom: 2px;
    background:#12233f;
    border-radius: 100%;
    margin-left: auto;
    margin-right: auto;
}

.preview-shape-squareRounded
{
    height:45px;
    width:45px;
    margin-bottom: 2px;
    background:#12233f;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
}

.preview-shape-square
{
    height:45px;
    width:45px;
    margin-bottom: 2px;
    background:#12233f;
    border-radius: 0px;
    margin-left: auto;
    margin-right: auto;
}

.telehealth-video-pane
{

    /* position: absolute;
    border:5.1px solid black;
    border-bottom: 10px solid black !important;
    right:1em;
    z-index: 1000;
    background:transparent;
    width:355px;
    height:416px;
    border-radius: 5px;
    bottom:1em; */

    position: absolute;
    border: 5.1px solid black;
    right: 1em;
    z-index: 1000;
    background: transparent;
    width: 357px;
    height: 452px;
    border-radius: 5px;
    bottom: 1em;



}

.fill-loading-color
{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#111a24;
    opacity: 0;


}

.remove-cursor:hover
{
    cursor: initial !important;
}

.transition-time
{
    transition: all .33s ease;
}

.picture-in-picture
{
    display: block;
    box-shadow: 0px 3px 15px rgba(0,0,0,0.35);
    position: absolute;
    bottom:58px;
    opacity: 0;
    right:10px;
    height:300px;
    width:300px;
    transition: box-shadow .3s ease, opacity .3s ease;
    z-index: 10000;
}

.bls-preview-small-container
{
    position: absolute;
    display: block;
    height:250px;
    width:300px;
    border-bottom:4.5px solid #8EFABB;
    border-right:4.5px solid #8EFABB;
    border-left:4.5px solid #8EFABB;
    background:#2c415a;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    transition: all .3s ease
}

.flex-center
{
    display: flex;
    justify-content: center;
    align-items: center;
}

.full-size {
    height:100%;
    width:100%;
}

.fading-out {
    transition: opacity 0s ease;
    opacity: 0 !important;
}

.fading-in {
    transition: opacity .3s ease;
    opacity: 1 !important;
}

.minimize-button
{
    background:#8EFABB;
    color:#12233f !important;
    transition: all .3s ease;
    border:3.5px solid #8EFABB;
    font-size: 30px;
    margin-left: 5px;
    position: relative;

    border-radius: 100%;
    padding:4.20px;

}

.minimize-button:hover
{
    background:#12233f;
    color:#8EFABB !important;
    cursor: pointer;
}

.expand-button
{
    transition: all .3s ease;
    background:#12233f;
    color:#fff !important;
    border:3.5px solid #12233f;
    font-size: 22px;
    margin-left: 5px;
    position: relative;
    top:-6px;
    border-radius: 100%;
    padding:3px;
}

.expand-button:hover
{
    cursor: pointer;
    color:#12233f !important;
    background:transparent;
}

.bls-preview-small-header
{
    border:4.5px solid #8EFABB;
    border-bottom:0px solid transparent;
    display: block;
    margin:0px !important;
    color:#12233f;
    padding-left: 5px;
    font-size: 18px;
    padding-right: 5px;
    background:#8EFABB;
    padding-top: 10px;
    padding-bottom: 10px;
    width:100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.top-pane
{
    z-index:999 !important;
}

.grabbable {
    display: block;
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

 /* (Optional) Apply a "closed-hand" cursor during drag operation. */
.grabbable:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
    box-shadow: 0px 3px 15px rgba(0,0,0,0.7);
}

.resume-session-button
{
    color:#8EFABB;
    font-size: 30px;
    transition: all .3s ease;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.resume-session-button:hover
{
    cursor: pointer;
    background:#8EFABB;
    color:#12233f;
}

.pause-preview-button
{
    position: fixed !important;
}

.emdr-session-begin
{
    position: absolute;
    left:0;
    top:0;
}

.emdr-size-1
{
    height:50px !important;
    width:50px !important;
}

.emdr-size-2
{
    height:75px !important;
    width:75px !important;
}

.emdr-size-3
{
    height:100px !important;
    width:100px !important;
}

.emdr-size-4
{
    height:125px !important;
    width:125px !important;
}

.emdr-size-5
{
    height:150px !important;
    width:150px !important;
}

.emdr-size-6
{
    height:170px !important;
    width:170px !important;
}

.emdr-size-7
{
    height:190px !important;
    width:190px !important;
}

.emdr-size-8
{
    height:210px !important;
    width:210px !important;
}

.emdr-size-9
{
    height:230px !important;
    width:230px !important;
}

.emdr-size-10
{
    height:250px !important;
    width:250px !important;
}

.session-type-card
{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height:190px;
}

.session-type-body
{

    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-top:5px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background:#12233f;
}

.session-type-header
{
    font-size: 26px;
    color:#8EFABB;
    letter-spacing: 1.2px;
}

.session-type-description
{
    margin-top: -2px;
    margin-bottom: 4px;
    font-style: italic;
    font-size: 22px;
    line-height: initial !important;
}

.session-type-wrapper
{
    position: relative;
    top:0px;
    transition: all .3s ease;
}

.waiting-room
{
    background:#fff;
    z-index:999999 !important;
    position: absolute;
    height:100vh;
    width:100vw;
    left:0;
}

.waiting-room-active
{
    top:0px;
}

.session-type-wrapper:hover
{
    top:-2px;
    cursor: pointer;
    box-shadow: 0px 3px 15px rgba(0,0,0,0.35);
}

.emdr-telehealth-picture
{
    background-size: cover;
    background-image:url("../img/tele.jpg");
}

.opacity-body
{
    position: absolute;
    height:100vh;
    width:100vw;
    top:0;
    left:0;
    background:#000;
    opacity: 0.0;
    transition: all .28s ease;
    z-index:999999999999999999999999999999999998;
}

.opacity-body-active
{
    opacity: 0.75;
}

.emdr-in-person-picture
{
    background-size: cover;
    background-image:url("../img/emdr-card.png");
}

.session-type-button
{
    margin-top: 10px;
    transition: all .3s ease;
    background:#fff;
    font-size: 22.420px;
    text-transform: uppercase;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 3px;
    padding-bottom: 3px;
    color:#12233f;
    border-radius: 5px;
    border:3.5px solid #fff;
}

.session-type-button:hover
{
    background:#12233f;
    color:#fff;
    letter-spacing: 1.2px;
    cursor: pointer;
}

.allow-select
{
    -webkit-user-select: all;  /* Chrome 49+ */
    -moz-user-select: all;     /* Firefox 43+ */
    -ms-user-select: all;      /* No support yet */
    user-select: all;          /* Likely future */
}