/* -- CSS RESET : START -- */
/* ------------------------------------------------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
	margin: 0px;padding: 0px;border: 0px;outline: 0px;font-size: 100%;vertical-align: baseline;background: transparent;
    box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul	{list-style: none;}
li		{display: list-item;/*text-align: match-parent;*/}
a		{text-decoration: none; outline: none;}
a:hover	{text-decoration: none;}
table 	{border-collapse: separate;border-spacing: 0;width:100%;}
/* ------------------------------------------------------------------------------------------------------------------------------- */
/* -- CSS RESET : END -- */

/* ------------------------------------------------------------------------------------------------------------------------------- */
body, html          { font-family: 'Open Sans', arial, sans-serif; /*line-height: 1;*/ }
/* ------------------------------------------------------------------------------------------------------------------------------- */
.clearfix:after		{content: "."; display:block; clear:both; visibility:hidden; line-height:0; height:0; font-size:0px;}
.bs-noselect		{-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none;user-select: none;}
/* ------------------------------------------------------------------------------------------------------------------------------- */

@font-face{font-family: 'Open Sans';font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url('fonts/OpenSans-Regular-webfont.eot') format('embedded-opentype'), url('fonts/OpenSans-Regular-webfont.woff') format('woff'), url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('fonts/OpenSans-Regular-webfont.svg') format('svg');}
@font-face{font-family: 'Open Sans';font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('fonts/OpenSans-Semibold-webfont.eot') format('embedded-opentype'), url('fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('fonts/OpenSans-Semibold-webfont.svg') format('svg');}

@font-face{font-family: 'PT Sans';font-style: normal; font-weight: 400; src: local('PT Sans'), local('PTSans-Regular'), url('fonts/PTSans-Regular-webfont.eot') format('embedded-opentype'), url('fonts/PTSans-Regular-webfont.woff') format('woff'), url('fonts/PTSans-Regular-webfont.ttf') format('truetype'), url('fonts/PTSans-Regular-webfont.svg') format('svg');}
@font-face{font-family: 'PT Sans';font-style: normal; font-weight: 700; src: local('PT Sans Bold'), local('PTSans-Bold'), url('fonts/PTSans-Bold-webfont.eot') format('embedded-opentype'), url('fonts/PTSans-Bold-webfont.woff') format('woff'), url('fonts/PTSans-Bold-webfont.ttf') format('truetype'), url('fonts/PTSans-Bold-webfont.svg') format('svg');}

@font-face{font-family: 'PT Sans Caption';font-style: normal; font-weight: 400; src: local('PT Sans Caption'), local('PTSansCaption-Regular'), url('fonts/PTSansCaption-Regular-webfont.eot') format('embedded-opentype'), url('fonts/PTSansCaption-Regular-webfont.woff') format('woff'), url('fonts/PTSansCaption-Regular-webfont.ttf') format('truetype'), url('fonts/PTSansCaption-Regular-webfont.svg') format('svg');}
@font-face{font-family: 'PT Sans Caption';font-style: normal; font-weight: 700; src: local('PT Sans Caption Bold'), local('PTSansCaption-Bold'), url('fonts/PTSansCaption-Bold-webfont.eot') format('embedded-opentype'), url('fonts/PTSansCaption-Bold-webfont.woff') format('woff'), url('fonts/PTSansCaption-Bold-webfont.ttf') format('truetype'), url('fonts/PTSansCaption-Bold-webfont.svg') format('svg');}

@font-face{font-family: 'PT Sans Narrow';font-style: normal; font-weight: 400; src: local('PT Sans Narrow'), local('PTSansNarrow'), url('fonts/PTSansNarrow-Regular-webfont.eot') format('embedded-opentype'), url('fonts/PTSansNarrow-Regular-webfont.woff') format('woff'), url('fonts/PTSansNarrow-Regular-webfont.ttf') format('truetype'), url('fonts/PTSansNarrow-Regular-webfont.svg') format('svg');}
@font-face{font-family: 'PT Sans Narrow';font-style: normal; font-weight: 700; src: local('PT Sans Narrow Bold'), local('PTSansNarrow-Bold'), url('fonts/PTSansNarrow-Bold-webfont.eot') format('embedded-opentype'), url('fonts/PTSansNarrow-Bold-webfont.woff') format('woff'), url('fonts/PTSansNarrow-Bold-webfont.ttf') format('truetype'), url('fonts/PTSansNarrow-Bold-webfont.svg') format('svg');}


@font-face {font-family: 'FontAwesome';src: url('fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal;}

@font-face{font-family: 'Yanone Kaffeesatz';font-style: normal; font-weight: 400; src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url('fonts/YanoneKaffeesatz-Regular-webfont.eot') format('embedded-opentype'), url('fonts/YanoneKaffeesatz-Regular-webfont.woff') format('woff'), url('fonts/YanoneKaffeesatz-Regular-webfont.ttf') format('truetype'), url('fonts/YanoneKaffeesatz-Regular-webfont.svg') format('svg');}
@font-face{font-family: 'Yanone Kaffeesatz';font-style: normal; font-weight: 700; src: local('Yanone Kaffeesatz Bold'), local('YanoneKaffeesatz-Bold'), url('fonts/YanoneKaffeesatz-Bold-webfont.eot') format('embedded-opentype'), url('fonts/YanoneKaffeesatz-Bold-webfont.woff') format('woff'), url('fonts/YanoneKaffeesatz-Bold-webfont.ttf') format('truetype'), url('fonts/YanoneKaffeesatz-Bold-webfont.svg') format('svg');}


body, html  {

    font-family: 'Open Sans';
    background-image: url("../images/background_trainplaner_1920.jpg");
    /*background-image: url("../images/Background2_Trainplaner.jpg"); */
    background-size: cover;
    background-attachment: fixed;
    background-position: center;

    min-height: 100vh;
}
.background { background-color: #00000066;      height: 100%;       min-height: 100vh; }
.spaceMaker { height: 70px; }
/*
-----------------------------------------------------------------------------------------------------------------------
                        PageHeader/Footer CSS START
-----------------------------------------------------------------------------------------------------------------------
*/
.page-header > tbody > tr > td.icon.action:hover,
.page-footer > tbody > tr > td.icon.action:hover,
.page-footer > tbody > tr > td.icon.action.active:hover
{
    background: linear-gradient(to bottom, #fcfcfc 20%, #dfdfdf 80%);
    color: #303030 !important;
    text-decoration: none;
}

.page-header > tbody > tr > td.icon.action:hover { box-shadow: 1px 1px 15px rgba(0, 0, 0, .6); }
/*-----------------------------------------------------------------------------------------------------------------------*/
.page-header {

    background: #181818; 
    min-height: 55px;
    position: fixed;
    top: 0;
    border-bottom: 1px solid #272727;
}
.page-header > tbody > tr > td {

    color: #ffffff;
    vertical-align: middle;
    white-space: nowrap;
}
.page-header > tbody > tr > td.title {

    padding: 5px 0px;  
    
    text-align: center;
    font-size: 32px;
    font-weight: bold;

    color: #f0f0f0;
    width: 100%;
}

.page-header > tbody > tr > td.title:hover { box-shadow: 1px 1px 15px rgba(0, 0, 0, .6); }
.page-header > tbody > tr > td.icon {

    font-family: FontAwesome;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 20px;
    cursor: pointer;

    -moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none;user-select: none;
}
/*-----------------------------------------------------------------------------------------------------------------------*/
.page-footer {

    background: #181818; 
    min-height: 55px;
    position: fixed;
    bottom: 0;
    border-top: 1px solid #272727;
}
.page-footer > tbody > tr > td                      { color: #ffffff;   vertical-align: middle;   white-space: nowrap; }
.page-footer > tbody > tr > td.icon {

    font-family: FontAwesome;
    text-align: center;
    font-size: 24px;
    padding: 14px 0px 14px 0px;
    cursor: pointer;
    -moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none;user-select: none;
}
.page-footer > tbody > tr > td.icon.action:hover    { box-shadow: -1px -1px 15px rgba(0, 0, 0, .6); }
.page-footer > tbody > tr > td.icon.action.active   { background: linear-gradient(176deg, #454545, transparent); }

.page-footer > tbody > tr > td.icon:hover           {   color: #000000;     text-decoration: none; }
/*
-----------------------------------------------------------------------------------------------------------------------
                        PlanView CSS START
-----------------------------------------------------------------------------------------------------------------------
*/
.entry-container        { padding: 20px;   text-align: center;  }
.entry-container > a,
.entry-container > div  { margin: 0px auto 0px auto;   max-width: 700px;       display: block; }
.planName               { font-size: 30px;              font-weight: bold;      line-height: 34px; }
.planDate               { font-size: 15px;              padding-top: 6px;       font-weight: normal;    }

.entry-action {
    
    color: #ffffff;
    background: #00000099;
    border-radius: 10px;
    text-align: center;

    -moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none;user-select: none;
}
.entry-action:hover {

    color: #ffffff;
    text-decoration: none;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, .3);
    background: linear-gradient(132deg, #242526ab 0.00%, #41505fab 100.00%);
}

.entry-action > tbody > tr > td.info { padding: 18px 0px 18px 18px;     width: 100%;    }

.entry-action > tbody > tr > td.edit  {
    
    font-family: FontAwesome;
    padding: 0px 14px 0px 14px;
    border-left: 1px dotted #555555;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    vertical-align: middle;
}
.entry-action:hover > tbody > tr > td.edit { font-family: FontAwesome;      padding: 0px 14px 0px 14px;     border-left: 1px dotted #ffffff;  }
.entry-action > tbody > tr > td.edit:hover { color: #000000;  background: #ffffff; }

.page-footer > tbody > tr > td.icon.action > div.move {

    animation-iteration-count: infinite;
    animation-duration: 1.5s;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    animation-name: size;
    background: -webkit-linear-gradient(#ffeb00, #ffeb00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.page-footer > tbody > tr > td.icon.action:hover > div.move { background: -webkit-linear-gradient(#b8a800, #b8a800); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

@keyframes size 
{ 
    from { transform: scale(1.2); } 
    to {transform: scale(.8);} 
}
/*
-----------------------------------------------------------------------------------------------------------------------
                        ExerciseView CSS START
-----------------------------------------------------------------------------------------------------------------------
*/
.entry-planExercise {

    color: #ffffff;
    background: #00000099;
    border-radius: 10px;

    text-align: center;

    margin: 0px auto 30px auto;
    max-width: 500px;

    -moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none;user-select: none;
}
.entry-planExercise:hover {

    text-decoration: none;
    box-shadow: 0px 0px 3px #000000dd;
    background: linear-gradient(145deg, #0c0c0cd9 0.00%, #32323291 100.00%);
}

.exerciseName       { line-height: 30px;        font-size: 24px;        font-weight: bold; }
.entry-planExercise > tbody > tr > td.info { padding: 10px 6px;      width: 100%;    }

 
.lastSessionInfo {
    
    color: #000000;
    padding: 2px 4px 0px 4px;
    text-align: center;
    vertical-align:middle;
    font-size: 12px;
    display: none;
    background: #c5c5c5;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

/*--------------------SetBox--------------------------------------------------------------------------------------------*/

.setBox             { border-top: 1px solid #555555;    transition: .6s ease-in-out;        color: #ffffff; }
.setBox.done        { background-color: #00ff0061;      transition: .6s ease-in-out;        border-top: 1px solid #ffffff;}
.setBox.edit        { background-color: #b9ab00;        transition: .6s ease-in-out;        border-top: 1px solid #ffffff;}
.setBox.deleted     { background-color: #ff000061;      transition: .6s ease-in-out;        border-top: 1px solid #ffffff;}

.entry-planExercise > tbody > tr:last-child > td > div:last-child > table.setBox
{
	border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}
.lastSessionInfo.Reps    { min-width: 22px; }
.lastSessionInfo.Weight  { min-width: 46px; }
.showLastSessionInfo .setEditBox > tbody > tr > td.info { padding: 0px 6px; }
.showLastSessionInfo .lastSessionInfo { display: table-cell !important; }
.entry-planExercise > tbody > tr > td.actionButton.eye:hover  { background: #ffffff;           color: #000000;         border-radius: 0px; }

.setBox > tbody > tr > td.setEntry          {   width: 100%;        padding: 7px 6px 12px 12px; }
.setBox > tbody > tr > td.setEntry:hover    {   color:#000000; }
.setBox > tbody > tr > td.actionButton {
    
    font-family: FontAwesome;
    padding: 0px 16px 0px 16px;
    border-left: 1px solid #ffffff;
    border-radius: 0px 10px 10px 0px;
    vertical-align: middle;
    min-width: 55px;
    max-width: 55px;
    font-size: 22px;
}
.setBox > tbody > tr > td.actionButton.save:hover  { background: #ffffff;           color: #19ab00;         border-radius: 0px; }
.setBox > tbody > tr > td.actionButton.edit:hover  { background: #ffffff;           color: #000000;         border-radius: 0px; }
.setBox > tbody > tr > td.actionButton.invalid:hover { background: #ffffff;         color: #ad1313;         border-radius: 0px; }

.setBox > tbody > tr > td.setEntry > table.setInfo { color: #ffffff;                font-weight: 600;         padding-right: 6px; }

.actionButton.topRightRadius	{ border-top-right-radius: 10px !important; }

.entry-planExercise > tbody > tr:last-child > td > div:last-child > table > tbody > tr > td.actionButton { border-bottom-right-radius: 10px !important; }

table.setInfo > tbody > tr > td.setNumber {  padding-bottom: 2px; }
table.setInfo > tbody > tr > td.setName	  {  padding-bottom: 2px;   padding-left: 5px; }
table.setInfo > tbody > tr > td.editReps  {  padding-right: 5px;    width: 50%;  }
table.setInfo > tbody > tr > td.editWeight { padding-left: 5px;     width: 50%; }

.setEditBox             { background-color: #ffffff;      border-radius: 5px;     text-align: right; }
.setEditBox.error       { background-color: #f20606; }
.setEditBox.invalid     { color: #f20606; }
.setEditBox.invalid > tbody > tr > td.info    { color: #9d002a; font-weight: 600; }

.setEditBox > tbody > tr > td.info  {

    font-size: 20px;
    font-weight: 400;
    color: #000000;
    display: inline-block;
    padding-right: 8px;
    padding-left: 8px;
    white-space: nowrap;
}

.setEditBox > tbody > tr > td.input > input {

    width: 100%;
    text-align: center;
    border: none;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 600;
    background-color: #ffffff;
    color: #000000;
    padding: 5px 0px;
    box-sizing: border-box;
}
.setEditBox > tbody > tr > td.input > input::placeholder { font-weight: 400;     font-size: 18px; }
.setEditBox > tbody > tr > td.input > input:focus-visible {

    outline-width: 0;
    background-color: #ffffff;
    border-width: 1px;
    border-style: none;
}
.page-footer > tbody > tr > td.icon.action > span.rotate { transform: rotate(180deg); transition: transform 2s ease; }


.reminderLight { animation: remindingLight 2s infinite; }
.reminderHeavy { animation: reminderHeavy 1s infinite;  }
@keyframes remindingLight { from {background-color: #181818;} to {background-color: #ce8d00 }}
@keyframes reminderHeavy { from {background-color: #181818;} to {background-color: #a82801 } }
/*
-----------------------------------------------------------------------------------------------------------------------
                        Login HTML
-----------------------------------------------------------------------------------------------------------------------
*/
.bodyLogin {

    font-family: 'Open Sans';
    background-image: url("../images/background_trainplaner_1920.jpg");
     /*background-image: url("../images/Background2_Trainplaner.jpg"); */
    background-size:cover;
    height: 100vh;
}

/*------------------------Container---------------------------------------------------------------------------------------*/

div.login_Container {

    width: 300px;
    height: 450px;
    overflow: hidden;
    color: #ffffff;
    border-radius: 15px;
    box-shadow: 5px 5px 30px #000000;
    display: inline-block;
    background: #2727273d;
}


div.login_Container > div.login_box { position: relative;       width:100%;         height: 100%;   }
div.login_Container > div.signup_box {

    height: 430px;
    background: #ffffff;
    border-radius: 60% / 10%;
    transform: translateY(-100px);
    transition: .8s ease-in-out;
}      

/*------------------------Buttons---------------------------------------------------------------------------------------*/

div.login_box > form > button.inputButton,
div.signup_box >  form > button.inputButton {
    
    width: 50%;
    height: 50px;
    margin: 10px auto;
    justify-content: center;
    display: block;
    color: #000000;
    background: #ffffff;
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
    outline: none;
    border: none;
    border-radius: 5px;
    transition: .2s ease-in;
    cursor: pointer;
    border: 1px solid #303030;
}


div.login_box > form > button.inputButton.login         { margin: 40px auto auto auto;      width: 75%;     border-radius: 12px; }
div.login_box > form > button.inputButton.login:hover   { box-shadow: 0px 0px 15px #C8C8C8; }

div.signup_box > form > button.inputButton.signUp       { margin: 10px auto auto auto;      width: 75%;     border-radius: 12px;  }
div.signup_box > form > button.inputButton.signUp:hover { box-shadow: 0px 0px 30px #373737; }

/*------------------------Label Captions---------------------------------------------------------------------------------------*/

form > label.LabelCaption {

    color: #ffffff;
    font-size: 40px;
    justify-content: center;
    display: flex;
    font-weight: bold;
    cursor: pointer;
    transition: .8s ease-in-out;
}
form > .LabelCaption.signUp     { margin: 20px 0px 00px 0px;        padding-top: 10px;      transform: scale(.6);       color: #000000;}
form > .LabelCaption.login      { margin: 20px 0px 10px 0px;        font-size: 50px; }


div.login_box > form > input.LogInInput,
div.signup_box > form > input.signUpInput {

    width: 80%;
    height: 30px;
    font-size: 18px;
    font-weight: 500;
    background-color: #ffffff;
    justify-content: center;
    display: flex;
    margin: 20px auto;
    padding: 12px;
    border: none;
    outline: none;
    border-radius: 5px;
    border: 1px solid #303030;
}
div.signup_box > form > input.signUpInput.error::placeholder { color: #bb0000e6; font-size: 16px;}

div.login_box > form > input.LogInInput.errorUid { border: 2px solid #bb0000e6; transition: .5s ease-in-out; }
div.login_box > form > input.LogInInput.errorUid::placeholder { color: #bb0000e6; }

div.login_box > form > input.LogInInput.errorPwd { border: 2px solid #bb0000e6; transition: .5s ease-in-out; }
div.login_box > form > input.LogInInput.errorPwd::placeholder { color: #bb0000e6; }
/*------------------------Transition---------------------------------------------------------------------------------------*/
#formMode                                        { display: none; }
#formMode:checked ~ .signup_box                  { transform: translateY(-412px); }
#formMode:checked ~ .signup_box .LabelCaption    { transform: scale(1); }
#formMode:checked ~ .login_box .LabelCaption     { transform: scale(.6);}
/*
-----------------------------------------------------------------------------------------------------------------------
                        PlanEdit 
-----------------------------------------------------------------------------------------------------------------------
*/
.entry-planExercise > tbody > tr > td.actionButton{
        
    font-family: FontAwesome;
    padding: 0px 16px 0px 16px;
    border-left: 1px solid #ffffff;
    border-radius: 0px 10px 10px 0px;
    vertical-align: middle;
    min-width: 55px;
    max-width: 55px;
    font-size: 22px;
}

.entry-planExercise > tbody > tr > td.actionButton.save:hover { background: #ffffff;           color: #19ab00;         border-radius: 0px; }
.entry-planExercise > tbody > tr > td.actionButton.edit:hover { background: #ffffff;           color: #000000;         border-radius: 0px; }
/*
-----------------------------------------------------------------------------------------------------------------------
                        PlanEdit Exercise
-----------------------------------------------------------------------------------------------------------------------
*/
div.planEditFooter > table.page-footer > tbody > tr > td.actionButton {
    
    font-family: FontAwesome;
    padding: 0px 16px 0px 16px;
    border-radius: 0px 10px 10px 0px;
    vertical-align: middle;
    min-width: 55px;
    max-width: 55px;
    font-size: 22px;
}

.entry-planExercise > tbody > tr > td.actionButton.addSet {

    border-top: 1px solid #ffffff;
    border-left: none;
    border-radius: 0px 0px 10px 10px;
    padding: 5px 0px 5px 0px;
}
.entry-planExercise > tbody > tr > td.actionButton.addSet:hover                         { background: #ffffff;          color: #00e0e0; }
.setBox > tbody > tr > td.actionButton.deleteSet, 
div.planEditFooter > table.page-footer > tbody > tr > td.actionButton.deleteExercise    { color: #ff0000 }

div.planEditFooter { text-align: center; }
div.planEditFooter.page-footer > tbody > tr > td.actionButton                               { border: none; padding: 5px 0px 5px 0px;}
div.planEditFooter > table.page-footer > tbody > tr > td.actionButton.saveExercise:hover    { background: #ffffff;          color: #19ab00;         border-radius: 0px; }
div.planEditFooter > table.page-footer > tbody > tr > td.actionButton.save:hover            { background: #ffffff;          color: #000000;         border-radius: 0px; }

div.planEditFooter > table.page-footer > tbody > tr > td.actionButton.deleteExercise:hover,
.setBox > tbody > tr > td.actionButton:hover         { background: #ffffff;          border-radius: 0px;   }

.Dropdown {

    border: none;
    color: #ffffff;
    background:transparent;
    line-height: 22px;
    font-weight: bold;
    outline: none;
    text-align: center;
}
.Dropdown.name { font-size: 14px; }
.Dropdown.setVarient { font-size: 16px; }
.Dropdown:focus-visible { outline: none }

option { background-color: #00000099; outline: none; }

.page-footer > tbody > tr > td.SessionInfoBarItem {
    
    color: #ffffff;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 26px;
    user-select: none;
    width: 30%; 
    text-align: center;
    font-family: 'Open Sans'; 
    padding: 0px 10px;
}

/*
-----------------------------------------------------------------------------------------------------------------------
                        MEDIA
-----------------------------------------------------------------------------------------------------------------------
*/
@media (max-width: 600px) 
{
        .spaceMaker
        {
            height: 45px;
        }

        
        .entry-container 
        {
            padding: 15px 10px 0px 10px;
        }
        .entry-planExercise 
        {
            max-width: initial;
            margin-bottom: 20px;
        }
        /* */
    /*
    -----------------------------------------------------------------------------------------------------------------------
                            MEDIA PAGE HEADER HTML 
    -----------------------------------------------------------------------------------------------------------------------
    */
        .page-header                            { background: #000000; min-height: 45px; }
        .page-header > tbody > tr > td.title    { font-size: 18px; padding: 0px; }
        .page-header > tbody > tr > td.icon     { font-size: 16px; }
        .page-header > tbody > tr > td.icon     { padding: 0px 16px 0px 16px}
    /*
    -----------------------------------------------------------------------------------------------------------------------
                            MEDIA PAGE FOOTER HTML 
    -----------------------------------------------------------------------------------------------------------------------
    */
        .page-footer                        { background: #000000; min-height: 45px;}
        .page-footer > tbody > tr > td.icon { font-size: 16px; padding: 0px; }
        
    /*
    -----------------------------------------------------------------------------------------------------------------------
                            MEDIA LOGIN HTML 
    -----------------------------------------------------------------------------------------------------------------------
    */
        div.login_Container                                     { background: #00000094;        box-shadow: 2px 2px 30px #000000; }
        div.login_box > form > button.inputButton.login         { font-size: 22px; }
        div.signup_box > form > button.inputButton.signUp       { font-size: 22px; }

        .setEditBox > tbody > tr > td.info          { font-size: 16px; }
        .setEditBox > tbody > tr > td.input > input { font-size: 16px ;}
    /*
    -----------------------------------------------------------------------------------------------------------------------
                            MEDIA PLAN HTML 
    -----------------------------------------------------------------------------------------------------------------------
    */
    .page-footer > tbody > tr > td.SessionInfoBarItem           { font-size: 16px; }
    .setEditBox > tbody > tr > td.input > input::placeholder    { font-size: 16px; }
    .lastSessionInfo { font-size: 10px; min-width: 40px;  padding: 2px 4px 0px 4px;}
    .lastSessionInfo.Reps 
    {
        min-width: 20px;
    }
    .lastSessionInfo.Weight 
    {
        min-width: 44 px;
    }
}