/*========================== YPH2 - CallCenter ===============================*/

/* ------------------------------- COLORS ----------------------------------- */

    /*
    CSS-PROPERTY        YPH         CAESAR      GALILEO     PRAGA1      ROMA
    ---------------------------------------------------------------------------
    backgroung-color:   #111111     #3C3C3C     #755036     #0F4521     #5C2A33
    border-color:       #2E2E2E     #050505     #180000     #000A00     #210000
    (dark)color:        #BDB18B     #AEA177     #AEA177     #AEA177     #AEA177
    (light)color:       #DED8C6     #DED8C6     #DED8C6     #DED8C6     #DED8C6
    */

#yph2-callCenter
{
    background-color: transparent;
    color: #DED8C6;
}

#yph2-callCenter    >   span {              /*  nadpis: CALL CENTRUM */
    color: #DED8C6;
}

/* ---------------------------- */

#operatorsContainer
{
    background-color: inherit;
    color: inherit;
}

#operatorsContainer >   div.operator
{
    border-color: #DED8C6;
}

#operatorsContainer >   div.operator    >   div.operatorHeading
{
    background-color: #BDB18B;
    color: #111111;
}

#operatorsContainer >   div.operator    >   div.operatorContent
{
    background-color: #3C3C3C;
}

#operatorsContainer >   div.operator    >   div.operatorContent >   div.operatorProfile_part1   >   span.online
{
    color:#00CC00;
}

#operatorsContainer >   div.operator    >   div.operatorContent >   div.operatorProfile_part1   >   span.offline
{
    color:#CC0000;
}

#operatorsContainer >   div.operator    >   div.operatorContent >   table.operatorContactData       a
{
    color: inherit;
}

#operatorsContainer >   div.operator    >   div.operatorContent >   div.operatorChatHeading
{
    color: #FD6900;
}

#operatorsContainer >   div.operator    >   div.operatorContent >   div.operatorChatContent
{
    background-color: #2E2E2E;
    border-color: #BDB18B;
}

#operatorsContainer >   div.operator    >   div.operatorContent >   div.operatorEasyRequest >   span.operatorEasyRequestHeading
{
    color: #FD6900;
}

#operatorsContainer >   div.operator    >   div.operatorContent >   div.operatorEasyRequest >   div.operatorEasyRequestContent
{
    background-color: #2E2E2E;
    border-color: #BDB18B;
}

#operatorsContainer >   div.operator    >   div.operatorContent >   div.operatorEasyRequest >   div.operatorEasyRequestContent  >   span
{
    color: #BDB18B;
}

#operatorsContainer >   div.operator    >   div.operatorContent >   div.operatorEasyRequest >   div.operatorEasyRequestContent  >   div.easyRequestSuccessMsg
{
    color: green;
}

#operatorsContainer >   div.operator    >   div.operatorContent >   div.operatorEasyRequest >   div.operatorEasyRequestContent  >   form.easyRequestForm    >   div >   div:first-child
{
    color: #DED8C6;
}


/* ------------------------------- DEBUG ------------------------------------ */
/*
#yph2-callCenter {
    border-style: none;
    border-width: 5px;
    border-color: purple;
}
*/

/*
#operatorsContainer >   div.operator
{
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px;
}
*/