/*  =======================================================
    Styles for site (w/o Master)

    Notes:
    * Colors should only be specified when it must remain constant for all themes.
    * If no color is specified, the theme colors will be used.
    * Sizes can be specified for individual theme if really necessary, but please try no use universal sizes
    
    =======================================================*/

/*--------------------------- DEVEXPRESS -----------------------*/

.dxsplControl_MYTYM .dxsplLCC {
    padding: 0px;
}



/*--------------------------- HTML TAGS -----------------------*/
html, body
{
    font-family: Calibri, Arial;    
    margin: 0;
    padding: 0;
    
}

.pageHeading {
    font-family: 'Century Gothic', Arial;
    padding-top: 5px;
    font-size: 20px;
    font-weight:600;
    margin: 0px;
    color: #333;
    letter-spacing: 0;
}

.projects {
    padding-bottom: 7px;
}

* {
    box-sizing: border-box;
}

/*--------------------------- BACKGROUNDS -----------------------*/

/*--------------------------- COLOR -----------------------*/



/*--------------------------- DIVISION -----------------------*/


/* Default Timer */

.defaultButtonFlex {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}
.noPaddingLeft{
    padding-left:0 !important;
}

@keyframes shift-gradient {
    0% {
        background-position: 0% 50%;
    }

    25% {
        background-position: 50% 50%;
    }

    50% {
        background-position: 150% 50%;
        opacity: 0.6;
    }

    75% {
        background-position: 50% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}



.startDefaultTimer {
    border-radius: 50%;
    background: linear-gradient(90deg, rgba(180,136,17,1) 26%, rgba(187,155,73,0.88) 70%, rgba(34,139,34,1) 50%, rgba(50,205,50,0.88) 100%);
    background-size: 300% 300%; /* Allows smooth movement */
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 3px;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

    .startDefaultTimer:hover {
        animation: shift-gradient 5s infinite ease-in-out;
    }

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

.spacer9 {
    width: 100%;
    height: 9px;
}

.divSplitterHeader {
    padding-left: 10px;
    border-bottom: 1px solid #c1c1c1;
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
}

.w100{
    width:100% !important;
}

.divPageTitle {
    height: 24px;
    margin-top: -15px;
}

.divPageContent
{
    width: 100%;
    /* make this to be 100% of available space */
}

.splitterHeight{
    height: 65vh;
}

/*--------------------------- TABLES -----------------------*/
.tdTimerSettingsCaptions {
    width: 60px;
}


/*--------------------------- HYPERLINKS -----------------------*/
.lnkGeneral {
    color: #059993;
    text-decoration: underline;
}

    .lnkGeneral:hover {
        transition: 0.3s;
        color: #047873;
        text-decoration: underline;
    }

/*--------------------------- (Splitter) pane -----------------------*/



/*--------------------------- LABELS -----------------------*/

.lblWelcomeUser {
    font-size: 16pt;
    font-weight: bold;
    color: #009D98;
}

.lblWelcomeMsg {
    font-size: 16pt;
}

.lblPageTitle {
    font-size: 12pt;
    font-weight: bold;
}

.lblTaskDetailTitle{
    font-size: 13pt;
    padding-left: 15px;
    color: #059993;
}

.lblNotification {
    font-size: 12pt;
}

/*--------------------------- BUTTONS -----------------------*/
.invisibleDefaultButton {
    display: none;
    color: transparent;
    background-color: transparent;
}

.btnGeneral{
    padding:2px;
    font-size: 12px;
}
/*--------------------------- OTHER -----------------------*/