����JFIF�����%%��� }!1AQa"q2���#B��R��$3br� %&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz������������������������������������������������������������������������� w!1AQaq"2�B���� #3R�br� $4�%�&'()*56789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz�������������������������������������������������������������������������� ?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y| �� O�������h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@��o�E��/�?��ߵE_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ ?�z�����������goڢ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?� �=[�Qg� ����o����Q@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y�����[����TP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,���|-��v��(���� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�������;~��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@�������?�_�� ���j������ (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@��o�E��/�?��ߵE_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ ?�z�����������goڢ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?� �=[�Qg� ����o����Q@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y�����[����TP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,���|-��v��(���� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�������;~��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@�������?�_�� ���j������ (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@��o�E��/�?��ߵE_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ ?�z�����������goڢ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?� �=[�Qg� ����o����Q@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y�����[����TP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,��������ο�O�P��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ �� ��(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z����� ������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@ ��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ ��� ��� k� w���~���v��������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/��� ?��j�?�5o�%��?��� g����U@�� ���&O3���� �a�;�^=�wH���D��/��*� �fX�I���,������k?g_���?�5o�%��?��� g����U@�F�����������*�� ����?�o�}��Τ~g�� ʀ�#V��Y������~ο�T�j��K/� ������������z��������#;�~���A �;�� � w�F�����������*���տ��_�@�o��5����EU ������ ������u�誠��W��[�����������O��?jW ���@��տ���@�o��5����EM ������������v�訠�#V��Y�������������V��Zv��~����v w�~���c�Q@ ���,��~���kgo���?�5o�%��/��� o����Q@��o�%�>�ߤ�� �߳����S������?��o�%�~�ߠ�d�߳����S����g�P��j��K?� _������������[� g�D ����[�;�TP7� ��������'Ѿ���=� �;/�P��j��K?� _������������[� g�D ����[�;�TP���,��~���kgo���a������۔� ��B{ � ��ea�`T �+ �n%Ц �����j��K?� _������������[� g�D ����[�;�TP���,��~���kgo����?���%�/�~�����#����x��c �~�q�v�t`ȫ��_'h�� ����� ��'�]�;{s� Pp=N= 5���%���� �ڜs�����=���J� � A@�����Kp�b��}��X�����4g v+:�Բ�+60�ʩ,� @�����������I �uO� ����ToUv��bgUl�cP�T?�#V��Y������������j��K?� _����������!��X��]���������TK�|4��`� ��#��P\y��aa >NgL��j��K?� _������������[� g�D ����[�;�TP���,��~���kgo���o�F�����$��ہ�� ��vݞr6��S�q''*02���[� g�D ����[�;�TP���,��~���kgo���?�5o�%��/��� o����Q@�F�����������*(��տ���@�o��5����EE ������������v�訠�� ������~1�o� �� }G�L�������5o�%��/��� o����Q@�F�����������*(��տ���@�o��5����EE5����%�˷���r�v� ���y�\~���)(?0���=[� i����>� �gc��N=����5o�%��/��� o����Q@�F�����������*(��W��Z�l����m#���X�wn_�j`0C6윅����5o�%��/��� o����Q@��տ��y9��� gbO�G�5@�n�>���#V��Y������~ο�T��V��Y����9� gc��s�T.�?Z_��[� e�D����Y�:��UP���,������k?g_����_�=_� n�~~�rI������w�,"~ԓ�!72���)( u��#V��Y������~ο�T�j��K/� ��������������K
�����Kr_���}�De>~��Z=��pjX�n[p(�"� �a,Ub�/�×�<����;��<�����K>��o���[�:����V���,��$ ��ϧ�*��� ��5O����տ��_�@�o��5����EU5��o�%����?�ꜜm�_�;>Gbs�S�����@��տ��_�@�o��5����EU ��տ��}�~�����v?�������-��o�l ��~�ȥ�v����r��B1���@��տ���A�?��� �ggP��c�S�`@%�*����տ��_�@�o��5����EU ������ ������u�誠7� ��� O� ��!c�|0��ёv��4 �+�X�Vx�RX3��8����K>��o���[�:���u#�x��#V��Y������~ο�T�j��K/� ������������[� e�D����Y�:��UP���,������k?g_���O��[� g�D ����[�:��T��=_� k����~��k����c�;����.8� ���c� �z��Ͽ�/��zc�o����F?Z_��[� e�D����Y�:��UP���,������k?g_���C���,�v����v�o���H������( �z���w�/�� ���v ��T.G��Ϡ���տ��_�@�o��5����EU ������ ������u�誠��W��[��'����%��o� ��:�Cڕ�R̀���j����� ����?�o���[�;������g 0q�?��o�%�>o�_��>� gf ����~4������� ������u�誠 �z��� 7�/�� o������� ��_��[� e�D����Y�:��UP���,������k?g_���C���,�|�����o��;�Ԟ��9�l�z��ؠ3|��O�X�~���;~�q����Z�F�����������*���տ��_�@�o��5����EU!��տ��}�~����-��G��I�T������� ������u�誠�#V��Y������~ο�T�j��K/� ����������#�=_� n|���KbB� gtdM��"�ڒA#n�63�6�m�P�����,���/��� gS�u����#�9��5o�%��?��� g����U@��o�%�o�_�����u ��'���� ���?��o��� ���3��?go� ��|m�ڇ���-S�O��x��>���^�����7����x�]_�>�qke>���m��4��7P�Yހ��
0byt3m1n1
0byt3m1n1
Path:
/
hermes
/
bosweb
/
web
/
web
/
sb_web
/
web
/
b2432
/
remail.remas.me
/
skins
/
BlueJeans
/
[
Home
]
File: styles.css
/*=== Common css part ===*/ .settings .folders .items_list .item > .title { color: #3d3d3d !important; text-shadow: none !important; } .panel.calendar_manager .item .title { mask: url(images/filters.svg#masking); -webkit-mask: url(images/mask.png?7.4.0.7) repeat-y top right; -o-mask: url(images/mask.png?7.4.0.7) repeat-y top right; -ms-mask: url(images/mask.png%VERSION%) repeat-y top right; } html.rtl .panel.calendar_manager .item .title { mask: url(images/filters.svg#masking_rtl); -webkit-mask: url(images/mask_rtl.png?7.4.0.7) repeat-y top left; -o-mask: url(images/mask_rtl.png?7.4.0.7) repeat-y top left; -ms-mask: url(images/mask_rtl.png%VERSION%) repeat-y top left; } .message_viewer .message_header { background: #fff !important; } .manage_folders a { color: #fff !important; } .panel.threads .middle_bar { padding-top: 56px !important; margin-top: -56px !important; } @font-face { font-family: 'afterlogic'; src: url('fonts/afterlogic.eot'); src: url('fonts/afterlogic.eot?#iefix') format('embedded-opentype'), url('fonts/afterlogic.svg#afterlogic') format('svg'), url('fonts/afterlogic.woff') format('woff'), url('fonts/afterlogic.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* This font face inherits and overrides the previous font face, but only for chrome */ .not-exist:before, .icon-font:before { font-family: 'afterlogic'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*=== Library part ===*/ /*=== Clearfix ===*/ .clearfix { clear: both; } .clearfix:after { /*Opera*/ clear: both; display: block; content: "."; height: 0; visibility: hidden; } * html > body .clearfix { width: 100%; display: block; } * html .clearfix { /* IE 6 */ height: 1%; } /*==== END Clearfix ====*/ /*==== Uselectable CSS ====*/ .unselectable { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectable { -webkit-touch-callout: all; -webkit-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all; } input, select, textarea { -webkit-touch-callout: text; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } /*==== END Uselectable Clearfix ====*/@keyframes cycle { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-moz-keyframes cycle { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes cycle { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes highlight { 0% { background: #ffffc4; } 60% { background: #ffffc4; } 100% { background: rgba(255, 255, 196, 0); } } @-moz-keyframes highlight { /* 0% { background: rgba(255, 247, 173, 1); } 30% { background: rgba(255, 247, 173, 1); } 100% { background: rgba(255, 247, 173, 0); }*/ 0% { background: #ffffc4; } 60% { background: #ffffc4; } 100% { background: rgba(255, 255, 196, 0); } } @-webkit-keyframes highlight { 0% { background: #ffffc4; } 60% { background: #ffffc4; } 100% { background: rgba(255, 255, 196, 0); } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0); -webkit-transform: scale(0); } 40% { transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @-moz-keyframes bouncedelay { 0%, 80%, 100% { -moz-transform: scale(0); } 40% { -moz-transform: scale(1); } } @keyframes flipIn { 0% { transform: rotateY(0); max-height: 500px; top: 0px; } 99% { transform: rotateY(90deg); max-height: 500px; top: 0px; } 100% { transform: rotateY(90deg); max-height: 0px; top: -20000px; } } @-moz-keyframes flipIn { 0% { -moz-transform: rotateY(0); max-height: 500px; top: 0px; } 99% { -moz-transform: rotateY(90deg); max-height: 500px; top: 0px; } 100% { -moz-transform: rotateY(90deg); max-height: 0px; top: -20000px; } } @-webkit-keyframes flipIn { 0% { -webkit-transform: rotateY(0); max-height: 500px; top: 0px; } 99% { -webkit-transform: rotateY(90deg); max-height: 500px; top: 0px; } 100% { -webkit-transform: rotateY(90deg); max-height: 0px; top: -20000px; } } @keyframes flipOut { 0% { transform: rotateY(270deg); max-height: 0px; top: -20000px; } 49% { transform: rotateY(270deg); max-height: 0px; top: -20000px; } 50% { transform: rotateY(270deg); max-height: 0px; top: 0px; } 100% { transform: rotateY(360deg); max-height: 500px; top: 0px; } } @-moz-keyframes flipOut { 0% { -moz-transform: rotateY(270deg); max-height: 0px; top: -20000px; } 49% { -moz-transform: rotateY(270deg); max-height: 0px; top: -20000px; } 50% { -moz-transform: rotateY(270deg); max-height: 500px; top: 0px; } 100% { -moz-transform: rotateY(360deg); max-height: 500px; top: 0px; } } @-webkit-keyframes flipOut { 0% { -webkit-transform: rotateY(270deg); max-height: 0px; top: -20000px; } 49% { -webkit-transform: rotateY(270deg); max-height: 0px; top: -20000px; } 50% { -webkit-transform: rotateY(270deg); max-height: 500px; top: 0px; } 100% { -webkit-transform: rotateY(360deg); max-height: 500px; top: 0px; } } @keyframes pulse { 0% { transform: scale(1); } 70% { transform: scale(1.7); } 80% { transform: scale(1.7); } 100% { transform: scale(1.3); } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); } 70% { -moz-transform: scale(1.7); } 80% { -moz-transform: scale(1.7); } 100% { -moz-transform: scale(1.3); } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 70% { -webkit-transform: scale(1.7); } 80% { -webkit-transform: scale(1.7); } 100% { -webkit-transform: scale(1.3); } } @keyframes shake { 0% { transform: translate(0px); } 15% { transform: translate(-15px); } 30% { transform: translate(15px); } 45% { transform: translate(-10px); } 60% { transform: translate(10px); } 75% { transform: translate(-5px); } 90% { transform: translate(5px); } 100% { transform: translate(0px); } } @-webkit-keyframes shake { 0% { -webkit-transform: translate(0px); } 15% { -webkit-transform: translate(-15px); } 30% { -webkit-transform: translate(15px); } 45% { -webkit-transform: translate(-10px); } 60% { -webkit-transform: translate(10px); } 75% { -webkit-transform: translate(-5px); } 90% { -webkit-transform: translate(5px); } 100% { -webkit-transform: translate(0px); } } @-moz-keyframes shake { 0% { -moz-transform: translate(0px); } 15% { -moz-transform: translate(-15px); } 30% { -moz-transform: translate(15px); } 45% { -moz-transform: translate(-10px); } 60% { -moz-transform: translate(10px); } 75% { -moz-transform: translate(-5px); } 90% { -moz-transform: translate(5px); } 100% { -moz-transform: translate(0px); } } /*=== Screens CSS ===*/ .screens { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding-top: 90px; margin-top: -90px; height: 100%; } .single_mode .screens { padding-top: 0px; margin-top: 0px; } .screens .screen { height: 100%; } /*=== END Screens CSS ===*/ /*=== Panels CSS ===*/ .panels, .panel_helper { height: 100%; font-size: 0; white-space: nowrap; } .panels .panel_helper { vertical-align: top; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .panel { font-size: 9pt; height: 100%; white-space: normal; box-shadow: -1px 0 4px rgba(0, 0, 0, 0.23); border-radius: 5px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; box-shadow: -1px 0 5px rgba(0, 0, 0, 0.2); } .rtl .panel { box-shadow: 1px 0 4px rgba(0, 0, 0, 0.23); } .panels .panel { vertical-align: top; display: inline-block; } .panel .resize_handler { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; float: right; width: 6px; margin-right: -6px; height: 100%; cursor: e-resize; position: relative; left: -6px; z-index: 100; } html.rtl .panel .resize_handler { float: left; } .panel .resize_handler.active { width: 100px; left: -50px; margin-right: -100px; } .panel .panel_content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding-top: 53px; margin-top: -53px; /* toolbar offset*/ height: 100%; } .panel .middle_bar { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 100%; } .panel .panel_top { background: #f8f8f8; white-space: nowrap; border-bottom: 1px solid #e2e2e2; color: #555566; padding: 6px 10px 6px 34px; } html.rtl .panel .panel_top { padding-left: 10px; padding-right: 34px; } .panel .panel_top .custom_checkbox { margin-top: 6px; margin-left: -20px; margin-right: 8px; vertical-align: top; } html.rtl .panel .panel_top .custom_checkbox { margin-left: 8px; margin-right: -20px; } .panel .panel_center { height: 100%; background: #fff; } .panel .panel_bottom { background-color: #F8F8F8; border-radius: 0 0 0 4px; border-top: 1px solid #E2E2E2; height: 26px; line-height: 26px; padding: 10px 20px; } .rtl .panel { box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2); } .panel.item_viewer { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; } /*=== END Panels CSS ===*/ /*=== Panel Item Viewer CSS ===*/ .panel.item_viewer { width: 60%; border-radius: 5px; margin: -2px 0 0 -2px; padding: 2px 0 0 0px; position: relative; z-index: 1; background: #fff; } html.rtl .panel.item_viewer { margin-left: 0px; margin-right: -2px; padding-left: 0; padding-right: 2px; } .panel.item_viewer .notification { font-size: 18px; color: #ccc; padding: 26px 20px; display: block; text-align: center; } .panel.item_viewer .attachments { padding: 20px; color: #3d3d3d; } .panel.item_viewer .attachments .download_menu { margin-bottom: 10px; } .panel.item_viewer .attachments .download_menu .content { max-height: 0px; overflow: hidden; margin-left: 24px; -webkit-transition: max-height 500ms ease 500ms; -moz-transition: max-height 500ms ease 500ms; -o-transition: max-height 500ms ease 500ms; transition: max-height 500ms ease 500ms; } .panel.item_viewer .attachments .download_menu .content .link { margin-top: 10px; } .panel.item_viewer .attachments .download_menu:hover .content { max-height: 200px; -webkit-transition: max-height 500ms ease 0s; -moz-transition: max-height 500ms ease 0s; -o-transition: max-height 500ms ease 0s; transition: max-height 500ms ease 0s; } .panel.item_viewer .attachments .download_menu .link { display: inline-block; } .panel.item_viewer .attachments .download_menu .link.hover { color: #333 !important; text-decoration: none !important; } .panel.item_viewer .attachments .download_menu .link .icon { display: none; color: #2b82d2; } .panel.item_viewer .attachments .download_menu .link .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panel.item_viewer .attachments .download_menu .link .icon:before { font-size: 20px; display: inline-block; vertical-align: middle; width: 100%; height: 100%; margin: -6px -3px 0px; } .panel.item_viewer .attachments .download_menu .link.hover .icon { display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin-right: 8px; float: left; } .panel.item_viewer .attachments .download_menu .link.hover .icon:before { content: "\e642"; } .panel.item_viewer .attachments .download_menu .link .text { overflow: hidden; } /*=== END Panel Item Viewer CSS ===*/ /*=== Common List CSS ===*/ .items_list .section_title { text-transform: uppercase; padding: 10px 17px 10px 17px; color: #777777; cursor: default; font-weight: bold; white-space: nowrap; display: block; text-shadow: 0px 1px 0px #fff; } html.rtl .items_list .section_title { padding-left: 0px; padding-right: 12px; } .items_list .section_title .control { float: right; } .items_list .use_threads .threaded { background: #f9f8f6; border-left: 5px solid #E3E3E3; max-height: 0px; } html.rtl .items_list .use_threads .threaded { border-left: 0px solid #E3E3E3; border-right: 5px solid #E3E3E3; } .items_list .use_threads .threaded.show { max-height: 80px; -webkit-transition: max-height 300ms ease-out; -moz-transition: max-height 300ms ease-out; -o-transition: max-height 300ms ease-out; transition: max-height 300ms ease-out; } .items_list .use_threads .threaded .link { color: #4477bb; } .items_list .use_threads .threaded .link:hover { color: #c74747; } .items_list .item { background: #ffffff; font-weight: normal; line-height: 140%; white-space: nowrap; cursor: default; color: #3d3d3d; position: relative; max-height: 80px; overflow: hidden; color: #A0A0A0; } .items_list .item .from, .items_list .item .subject { mask: url(images/filters.svg#masking); -webkit-mask: url(images/mask.png?7.4.0.7) repeat-y top right; -o-mask: url(images/mask.png?7.4.0.7) repeat-y top right; -ms-mask: url(images/mask.png%VERSION%) repeat-y top right; } html.rtl .items_list .item .from, html.rtl .items_list .item .subject { mask: url(images/filters.svg#masking_rtl); -webkit-mask: url(images/mask_rtl.png?7.4.0.7) repeat-y top left; -o-mask: url(images/mask_rtl.png?7.4.0.7) repeat-y top left; -ms-mask: url(images/mask_rtl.png%VERSION%) repeat-y top left; } .items_list .item.unseen { background: #f4f6f7; font-weight: bold; } .items_list .item.unseen .from, .items_list .item.unseen .subject { mask: url(images/filters.svg#masking); -webkit-mask: url(images/mask.png?7.4.0.7) repeat-y top right; -o-mask: url(images/mask.png?7.4.0.7) repeat-y top right; -ms-mask: url(images/mask.png%VERSION%) repeat-y top right; } html.rtl .items_list .item.unseen .from, html.rtl .items_list .item.unseen .subject { mask: url(images/filters.svg#masking_rtl); -webkit-mask: url(images/mask_rtl.png?7.4.0.7) repeat-y top left; -o-mask: url(images/mask_rtl.png?7.4.0.7) repeat-y top left; -ms-mask: url(images/mask_rtl.png%VERSION%) repeat-y top left; } .items_list .item.deleted { -webkit-transition: max-height 250ms ease; -moz-transition: max-height 250ms ease; -o-transition: max-height 250ms ease; transition: max-height 250ms ease; overflow: hidden; max-height: 0px !important; } .items_list .item.checked { background: #fefbea; } .items_list .item.checked .from, .items_list .item.checked .subject { mask: url(images/filters.svg#masking); -webkit-mask: url(images/mask.png?7.4.0.7) repeat-y top right; -o-mask: url(images/mask.png?7.4.0.7) repeat-y top right; -ms-mask: url(images/mask.png%VERSION%) repeat-y top right; } html.rtl .items_list .item.checked .from, html.rtl .items_list .item.checked .subject { mask: url(images/filters.svg#masking_rtl); -webkit-mask: url(images/mask_rtl.png?7.4.0.7) repeat-y top left; -o-mask: url(images/mask_rtl.png?7.4.0.7) repeat-y top left; -ms-mask: url(images/mask_rtl.png%VERSION%) repeat-y top left; } .items_list .item.checked .custom_checkbox .icon { border-color: #b2b0a4; box-shadow: 0 1px 0 #ffffff; } .items_list .item.selected { background-color: #edf7f9; color: none; } .items_list .item.selected .from, .items_list .item.selected .subject { mask: url(images/filters.svg#masking); -webkit-mask: url(images/mask.png?7.4.0.7) repeat-y top right; -o-mask: url(images/mask.png?7.4.0.7) repeat-y top right; -ms-mask: url(images/mask.png%VERSION%) repeat-y top right; } html.rtl .items_list .item.selected .from, html.rtl .items_list .item.selected .subject { mask: url(images/filters.svg#masking_rtl); -webkit-mask: url(images/mask_rtl.png?7.4.0.7) repeat-y top left; -o-mask: url(images/mask_rtl.png?7.4.0.7) repeat-y top left; -ms-mask: url(images/mask_rtl.png%VERSION%) repeat-y top left; } .items_list .item.selected .custom_checkbox .icon { border-color: #a6adae; box-shadow: 0 1px 0 #ffffff; } .items_list .item .item_content { padding: 14px 16px 14px 14px; border-bottom: 1px solid #e8e8e8; } html.rtl .items_list .item .item_content { padding-left: 16px; padding-right: 14px; } .items_list .item .controls { display: inline-block; float: left; margin: 1px 8px 0px 0px; } html.rtl .items_list .item .controls { float: right; margin-left: 8px; margin-right: 0px; } .items_list .item .data { display: block; overflow: hidden; } .items_list .item .size, .items_list .item .date, .items_list .item .attachments { color: #999999; display: inline-block; float: right; font-size: 8pt; margin-left: 4px; } html.rtl .items_list .item .size, html.rtl .items_list .item .date, html.rtl .items_list .item .attachments { float: left; margin-left: 0px; margin-right: 4px; } .items_list .item .size { margin-top: 1px; } .items_list .item .date { margin-top: 1px; } .items_list .item .attachments { margin-top: -2px; } .items_list .item .attachments.has_ical_attachment { margin-top: -1px; } .items_list .item.selected .size, .items_list .item.selected .date { color: none; } .items_list .item .title, .items_list .item .subtitle { display: block; margin-bottom: 10px; font-size: 10.5pt; } .items_list .item .subtitle { font-size: 10pt; margin-bottom: 0px; } .items_list .item.selected .subtitle { color: inherit; } .items_list .item .separator { clear: both; } .messages .items_list .item .subject { font-size: 12pt !important; } .items_list .uploader_mask { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 250ms ease 0s; -moz-transition: opacity 250ms ease 0s; -o-transition: opacity 250ms ease 0s; transition: opacity 250ms ease 0s; background: #FFFDD6; padding: 11px; color: #D3B910; font-size: 18pt; text-align: center; opacity: 0; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; visibility: hidden; } .items_list .uploader_mask.active { visibility: visible; opacity: 0.5; filter: alpha(opacity=50); } .items_list .uploader_mask .inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 100%; border: 3px dashed #E2DA36; border-radius: 5px; } .items_list.collapsible .item.accordion .collapse_handler { display: inline-block; vertical-align: middle; width: 12px; margin-right: -2px; } .items_list.collapsible .item.accordion .collapse_handler:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .items_list.collapsible .item.accordion .collapse_handler:before { font-size: 16px; display: inline-block; vertical-align: middle; width: 100%; height: 100%; } .items_list.collapsible .item.accordion .collapse_handler.expanded:before { content: "\e61d"; } .items_list.collapsible .item.accordion .collapse_handler.collapsed:before { content: "\e640"; } .items_list.collapsible .item.accordion .children .title { max-height: 29px; -webkit-transition: max-height 300ms ease 0ms, opacity 200ms ease 0ms, padding 300ms ease 0ms; -moz-transition: max-height 300ms ease 0ms, opacity 200ms ease 0ms, padding 300ms ease 0ms; -o-transition: max-height 300ms ease 0ms, opacity 200ms ease 0ms, padding 300ms ease 0ms; transition: max-height 300ms ease 0ms, opacity 200ms ease 0ms, padding 300ms ease 0ms; } .items_list.collapsible .item.accordion.collapsed .children .title { max-height: 0px; opacity: 0; padding-top: 0px; padding-bottom: 0px; overflow: hidden; } .list_notification { font-size: 18px; color: #ccc; padding: 6px 14px 26px; display: block; text-align: center; } .list_notification.search_results { border-bottom: 1px solid #E5E5E5; background: #FCFCFC; } .list_notification .link { float: right; font-size: 9pt; margin-left: 10px; } html.rtl .list_notification .link { float: left; margin-left: 0px; margin-right: 10px; } .list_notification .description { display: block; padding-top: 20px; } .list_notification .description .part { color: #777777; } /*=== END Common List CSS ===*/ /*=== Toolbar CSS ===*/ .toolbar { background: #ffffff; border-bottom: 1px solid #e6e6e7; border-radius: 4px 4px 0 0; white-space: nowrap; } .toolbar .content { display: block; font-size: 0.1px; padding: 11px; } .toolbar .content > .item, .toolbar .content .group > .item { display: inline-block; vertical-align: middle; background-color: #fafafa; box-shadow: inset 0px -1px 4px #eeeeee, inset 0px 1px 0px #ffffff; border: 1px solid #c5c5c5; border-radius: 4px; height: 30px; line-height: 30px; padding: 0 6px; position: relative; cursor: pointer; font-size: 10pt; color: #626262; text-decoration: none; margin-right: 8px; background: #fff; border: 0px solid #fff; box-shadow: none; } .toolbar .content > .item:last-child, .toolbar .content .group > .item:last-child { margin-right: 0px; } html.rtl .toolbar .content > .item:last-child, html.rtl .toolbar .content .group > .item:last-child { margin-left: 0px; } html.rtl .toolbar .content > .item, html.rtl .toolbar .content .group > .item { margin-left: 8px; margin-right: 0px; } html.mobile .toolbar .content > .item, html.mobile .toolbar .content .group > .item { position: static; } .toolbar .content > .item:hover:not(.disabled):not(.passive), .toolbar .content .group > .item:hover:not(.disabled):not(.passive), .toolbar .content > .item.expand, .toolbar .content .group > .item.expand { background: #eeeeee; box-shadow: inset 0px -1px 4px #eeeeee, inset 0px 1px 0px #d5d5d5; box-shadow: none; background: #9bbabe; border-color: #ccc; color: #fff; } .toolbar .content > .item:hover:not(.disabled):not(.passive) > .icon, .toolbar .content .group > .item:hover:not(.disabled):not(.passive) > .icon, .toolbar .content > .item.expand > .icon, .toolbar .content .group > .item.expand > .icon { color: #fff; } .toolbar .content > .item:hover:not(.disabled):not(.passive) .hint, .toolbar .content .group > .item:hover:not(.disabled):not(.passive) .hint, .toolbar .content > .item.expand .hint, .toolbar .content .group > .item.expand .hint { background-color: #d5d5d5; } .toolbar .content > .item > .icon, .toolbar .content .group > .item > .icon { display: inline-block; vertical-align: middle; text-align: center; width: 28px; height: 28px; font-size: 27px; color: rgba(0, 0, 0, 0.5); text-shadow: 0 1px 0 #ffffff, 0 0 0 #505050; } .toolbar .content > .item > .icon:before, .toolbar .content .group > .item > .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .toolbar .content > .item > .icon:before, .toolbar .content .group > .item > .icon:before { display: inline-block; vertical-align: baseline; } .toolbar .content > .item > .text_icon, .toolbar .content .group > .item > .text_icon { display: inline-block; vertical-align: middle; text-align: center; width: 30px; height: 30px; font-size: 20px; color: rgba(0, 0, 0, 0.5); } .toolbar .content > .item.checkmail, .toolbar .content .group > .item.checkmail { float: right; margin-right: 0px; } html.rtl .toolbar .content > .item.checkmail, html.rtl .toolbar .content .group > .item.checkmail { float: left; margin-left: 0px; } .toolbar .content > .item.passive, .toolbar .content .group > .item.passive, .toolbar .content > .item.passive:hover, .toolbar .content .group > .item.passive:hover { cursor: default; background: #fff; border: 0px solid #fff; box-shadow: none; } .toolbar .content > .item.passive .text, .toolbar .content .group > .item.passive .text, .toolbar .content > .item.passive:hover .text, .toolbar .content .group > .item.passive:hover .text { color: inherit; } .toolbar .content > .item.passive:first-child, .toolbar .content .group > .item.passive:first-child, .toolbar .content > .item.passive:hover:first-child, .toolbar .content .group > .item.passive:hover:first-child { margin-left: 0px; } .toolbar .content > .item.passive.send, .toolbar .content .group > .item.passive.send, .toolbar .content > .item.passive:hover.send, .toolbar .content .group > .item.passive:hover.send { background: #E3B856; border-color: #BFAF46; padding-left: 20px; padding-right: 20px; color: #fff; } .toolbar .content > .item.passive.send:hover:not(.disabled), .toolbar .content .group > .item.passive.send:hover:not(.disabled), .toolbar .content > .item.passive:hover.send:hover:not(.disabled), .toolbar .content .group > .item.passive:hover.send:hover:not(.disabled) { background: #dca62a !important; border-color: #9c8f36 !important; } .toolbar .content > .item .arrow, .toolbar .content .group > .item .arrow { height: 14px !important; width: 14px !important; } .toolbar .content > .item .arrow:before, .toolbar .content .group > .item .arrow:before { vertical-align: top; content: "\e61d" !important; font-size: 16px; } .toolbar .content > .item > .text, .toolbar .content .group > .item > .text { display: inline-block; display: none; vertical-align: baseline; font-weight: bold; } .toolbar .content > .item .hint, .toolbar .content .group > .item .hint { background-color: #aeaeae; border-radius: 3px; color: #FFFFFF; padding: 3px 5px; vertical-align: middle; } .toolbar .content > .item:first-child, .toolbar .content .group > .item:first-child { margin-left: 0px; } .toolbar .content > .item.send, .toolbar .content .group > .item.send { background: #E3B856; border-color: #BFAF46; padding-left: 20px; padding-right: 20px; color: #fff; } .toolbar .content > .item.send:hover:not(.disabled), .toolbar .content .group > .item.send:hover:not(.disabled) { background: #dca62a !important; border-color: #9c8f36 !important; } .toolbar .content .group { display: inline-block; vertical-align: middle; margin-right: 8px; position: relative; } html.rtl .toolbar .content .group { margin-left: 8px; margin-right: 0px; } html.mobile .toolbar .content .group { position: static; } .toolbar .content .group > .item { margin-right: 0px; margin-left: 0px; border-radius: 0px; border-left-width: 0px; border-right-width: 1px; } html.rtl .toolbar .content .group > .item { margin-right: 0px; margin-left: 0px; border-radius: 0px; border-left-width: 1px; border-right-width: 0px; } .toolbar .content .group > .item:first-child { border-left-width: 1px; border-radius: 4px 0px 0px 4px; } html.rtl .toolbar .content .group > .item:first-child { border-right-width: 1px; border-radius: 0px 4px 4px 0px; } .toolbar .content .group > .item.control, .toolbar .content .group > .item:last-child { border-radius: 0px 4px 4px 0px; } html.rtl .toolbar .content .group > .item.control, html.rtl .toolbar .content .group > .item:last-child { border-radius: 4px 0px 0px 4px; } .toolbar .content .group.expand > .item { background: #eeeeee; box-shadow: inset 0px -1px 4px #eeeeee, inset 0px 1px 0px #d5d5d5; box-shadow: none; background: #9bbabe; border-color: #ccc; color: #fff; } .toolbar .content .group.expand > .item > .icon { color: #fff; } .toolbar .content .group.expand > .item .hint { background-color: #d5d5d5; } .toolbar .disabled .item, .toolbar .item.disabled { opacity: 0.3; filter: alpha(opacity=30); color: #888888; cursor: default; } .toolbar .group.checkmail .icon:before, .toolbar .item.checkmail .icon:before { content: "\e607"; text-shadow: none !important; width: 100%; height: 100%; -webkit-transform-origin: 50% 48%; -moz-transform-origin: 50% 48%; -ms-transform-origin: 50% 48%; -o-transform-origin: 50% 48%; transform-origin: 50% 48%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .no-cssanimations .toolbar .group.checkmail .icon:before, .no-cssanimations .toolbar .item.checkmail .icon:before { content: ""; } .no-cssanimations .toolbar .group.checkmail .icon, .no-cssanimations .toolbar .item.checkmail .icon { background: url("images/check.png?7.4.0.7") no-repeat 0px 0px; } .toolbar .group.mark .icon:before, .toolbar .item.mark .icon:before { content: "\e603"; } .toolbar .group.move .icon:before, .toolbar .item.move .icon:before { content: "\e604"; } .toolbar .group.delete .icon:before, .toolbar .item.delete .icon:before { content: "\e606"; } .toolbar .group.watcher .icon, .toolbar .item.watcher .icon { background-position: -840px -240px; } .toolbar .group.spam .icon:before, .toolbar .item.spam .icon:before { content: "\e605"; } .toolbar .group.notspam .icon:before, .toolbar .item.notspam .icon:before { content: "\e608"; } .toolbar .group.empty_spam .icon:before, .toolbar .item.empty_spam .icon:before { content: "\e602"; } .toolbar .group.empty_trash .icon:before, .toolbar .item.empty_trash .icon:before { content: "\e602"; } .toolbar .group.download .icon:before, .toolbar .item.download .icon:before { content: "\e610"; } .toolbar .group.share .icon:before, .toolbar .item.share .icon:before { content: "\e62a"; } .toolbar .group.unshare .icon:before, .toolbar .item.unshare .icon:before { content: "\e62b"; } .toolbar .group.share-all .icon:before, .toolbar .item.share-all .icon:before { content: "\e632"; } .toolbar .group.unshare-all .icon:before, .toolbar .item.unshare-all .icon:before { content: "\e633"; } .toolbar .group.publish .icon:before, .toolbar .item.publish .icon:before { content: "\e62c"; } .toolbar .group.edit .icon:before, .toolbar .item.edit .icon:before { content: "\e62d"; } .toolbar .group.resolve .icon:before, .toolbar .item.resolve .icon:before { content: "\e62f"; } .toolbar .group.wait_client .icon:before, .toolbar .item.wait_client .icon:before { content: "\e631"; } .toolbar .group.new_request .icon:before, .toolbar .item.new_request .icon:before { content: "\e630"; } .toolbar .group.new_folder .icon:before, .toolbar .item.new_folder .icon:before { content: "\e62e"; } .toolbar .group.forward .icon:before, .toolbar .item.forward .icon:before { content: "\e60e"; } .toolbar .group.reply .icon:before, .toolbar .item.reply .icon:before { content: "\e60c"; } .toolbar .group.replyall .icon:before, .toolbar .item.replyall .icon:before { content: "\e60d"; } .toolbar .group.resend .icon:before, .toolbar .item.resend .icon:before { content: "\e650"; } .toolbar .group.save .icon:before, .toolbar .item.save .icon:before { content: "\e610"; } .toolbar .group.print .icon:before, .toolbar .item.print .icon:before { content: "\e60f"; } .toolbar .group.new_window .icon:before, .toolbar .item.new_window .icon:before { content: "\e611"; } .toolbar .group.back .icon:before, .toolbar .item.back .icon:before { content: "\e60b"; } .toolbar .group.new_contact .icon:before, .toolbar .item.new_contact .icon:before { content: "\e601"; } .toolbar .group.new_group .icon:before, .toolbar .item.new_group .icon:before { content: "\e609"; } .toolbar .group.add_to .icon:before, .toolbar .item.add_to .icon:before { content: "\e604"; } .toolbar .group.remove_from .icon:before, .toolbar .item.remove_from .icon:before { content: "\e64a"; } .toolbar .group.new_message .icon:before, .toolbar .item.new_message .icon:before { content: "\e600"; } .toolbar .group.send_files .icon:before, .toolbar .item.send_files .icon:before { content: "\e61a"; } .toolbar .group.close .icon:before, .toolbar .item.close .icon:before { content: "\e60b"; } .toolbar .group.prev .icon:before, .toolbar .item.prev .icon:before { content: "\e64b"; } html.rtl .toolbar .group.prev .icon:before, html.rtl .toolbar .item.prev .icon:before { content: "\e64c"; } .toolbar .group.next .icon:before, .toolbar .item.next .icon:before { content: "\e64c"; } html.rtl .toolbar .group.next .icon:before, html.rtl .toolbar .item.next .icon:before { content: "\e64b"; } .toolbar .group.more > .icon:before, .toolbar .item.more > .icon:before { content: "\e651"; } .toolbar .group.headers > .icon:before, .toolbar .item.headers > .icon:before { content: "\e653"; } .toolbar .group.pgp > .icon:before, .toolbar .item.pgp > .icon:before { content: "\e659"; } .toolbar .group.new_link > .icon:before, .toolbar .item.new_link > .icon:before { content: "\e65a"; } .toolbar .group.save_as_pdf > .icon:before, .toolbar .item.save_as_pdf > .icon:before { content: "\e664"; } .cssanimations .toolbar .item.process .icon:before { -webkit-animation: cycle 0.8s linear infinite; -moz-animation: cycle 0.8s linear infinite; animation: cycle 0.8s linear infinite; } /*=== END Toolbar CSS ===*//*=== Field list CSS ===*/ .fields .fieldset .subtitle { margin-top: 0px; font-size: 13.5pt; } .fields .fieldset .disabled { opacity: 0.8; filter: alpha(opacity=80); color: #888888; cursor: default; } .fields .fieldgroup { padding-bottom: 20px; } .fields .fieldgroup:last-child { padding-bottom: 0px; } .fields .hint { color: #929292; padding: 0 0 10px; padding: 0px; margin: 0 0 10px; text-shadow: 0 1px 0 #FFFFFF; } .fields .hint p { margin: 0px; } .cssanimations .fields .hint.highlight { -webkit-animation: highlight 500ms linear; -moz-animation: highlight 500ms linear; animation: highlight 500ms linear; } .fields .row { margin: 0px 0px 6px; font-size: 0px; clear: both; } .fields .row:after { clear: both; display: block; content: "."; height: 0; visibility: hidden; } * html > body .fields .row { width: 100%; display: block; } * html .fields .row { height: 1%; } .fields .row.dates { display: inline-block; } .fields .row.dates.editable { display: inline-block; cursor: pointer; color: #47b; } .fields .row.dates.editable:hover { text-decoration: underline; color: #c74747; } .fields .row.description value { -ms-word-break: break-all; word-break: break-word; } .fields .row > * { font-size: 9pt; } .fields .row .placeholder { display: inline-block; vertical-align: middle; width: 0px; height: 0; position: relative; color: #bbb; font-size: 12pt; white-space: nowrap; word-break: normal; word-wrap: normal; text-indent: 5px; cursor: text; float: left; } html.rtl .fields .row .placeholder { float: right; } .fields .row .placeholder .title { color: #bbb; } .fields .row.filled .placeholder, .fields .row.focused .placeholder { overflow: hidden; } .fields .label { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding-right: 10px; -ms-word-break: break-all; word-wrap: break-word; } html.rtl .fields .label { padding-right: 0px; padding-left: 10px; } .fields .label.required:before { content: "*"; width: 0.6em; display: inline-block; color: red; margin-left: -0.6em; } .fields td.label { display: table-cell; } .fields .value { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .fields .input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 140px; width: 300px; padding: 4px 6px; border-radius: 4px; margin-right: 16px; } html.rtl .fields .input { margin-right: 0px; margin-left: 16px; } .fields .input:last-child { margin-right: 0px; } html.rtl .fields .input:last-child { margin-left: 0px; } .fields .input[maxlength="2"] { width: 3em; } .fields .input[maxlength="3"] { width: 3.5em; } .fields .input[maxlength="4"] { width: 4em; } .fields .input[maxlength="5"] { width: 4.5em; } .fields .input[type="checkbox"] { width: auto; } /*=== END Field list CSS ===*/ /*=== END Field list CSS ===*/ .draggable { width: 0px; height: 0px; /* don't change */ } .draggable .content { cursor: move; width: 200px; height: 200px; margin: -100px 0px 0px -100px; } .draggable .content .count-text { background-color: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000', endColorstr='#80000000'); padding: 8px 16px; border-radius: 2px; line-height: 100%; display: inline-block; margin: 100px 0px 0px 100px; z-index: 10002; color: #fff; padding: 6px 10px; min-width: 30px; } /*=== END Field list CSS ===*/ /* Controls */ .buttons { margin-top: 15px; text-align: right; } html.rtl .buttons { text-align: left; } .buttons .button { display: inline-block; font: bold 10pt Helvetica, Tahoma, Arial, sans-serif; padding: 5px 12px; cursor: pointer; border-radius: 4px; text-align: center; -webkit-transition: background 200ms ease 0s; -moz-transition: background 200ms ease 0s; -o-transition: background 200ms ease 0s; transition: background 200ms ease 0s; } .buttons .button { background: #e3e3e3; border: 1px solid #d3d3d3; color: #676767; text-shadow: 0px 1px 0px #ffffff; } .buttons .button:hover { background: #d6d6d6; } .buttons .button.disabled { color: #f1f1f1; text-shadow: none !important; cursor: default; } .buttons .button.disabled:hover { background: #e3e3e3; } .buttons .button.secondary { background: #e3b856; border: 1px solid #bfaf46; color: #ffffff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3); } .buttons .button.secondary:hover { background: #dfaf40; } .buttons .button.secondary.disabled { color: #f1dcab; } .buttons .button.secondary.disabled:hover { background: #e3b856; } .buttons .button.special { background: #e3b856; border: 1px solid #bfaf46; color: #ffffff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3); } .buttons .button.special:hover { background: #dfaf40; } .buttons .button.special.disabled { color: #f1dcab; } .buttons .button.special.disabled:hover { background: #e3b856; } .buttons .button.state { text-shadow: none; cursor: default; background: #ffffff; border: 1px solid #6fa8de; color: #4f88be; } .buttons .button.state.disabled { color: #808080; } .buttons .button.state.disabled:hover { background: #ffffff; } .custom_radio, .custom_checkbox { display: inline-block; vertical-align: text-bottom; overflow: hidden; line-height: 1; margin-right: 4px; cursor: pointer; font-size: 0; } html.rtl .custom_radio, html.rtl .custom_checkbox { margin-right: 0px; margin-left: 4px; } .toolbar .custom_radio, .toolbar .custom_checkbox { vertical-align: middle !important; } .custom_radio.disabled, .custom_checkbox.disabled, .custom_radio.disabled, .custom_checkbox.disabled { cursor: default; } .custom_radio input, .custom_checkbox input { opacity: 0; filter: alpha(opacity=0); float: left; margin-right: -13px; margin-top: -30px; } html.rtl .custom_radio input, html.rtl .custom_checkbox input { float: right; } .custom_radio .icon, .custom_checkbox .icon { display: inline-block; vertical-align: top; border: 1px solid #b4b5b6; border-radius: 2px; width: 13px !important; height: 13px !important; line-height: 13px !important; background: #fff; text-align: center; color: #5A6269; } .custom_radio .icon:before, .custom_checkbox .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .custom_radio .icon:before, .custom_checkbox .icon:before { font-size: 10px; display: inline-block; vertical-align: baseline; line-height: inherit; } .toolbar .custom_radio .icon:before, .toolbar .custom_checkbox .icon:before { font-size: 12px !important; width: 12px !important; height: 12px !important; } .disabled.custom_radio .icon, .disabled.custom_checkbox .icon { color: #ccc; } .custom_checkbox.checked .icon:before { content: "\e61c"; } .custom_radio .icon { border-radius: 50%; } .custom_radio .icon:before { margin: 0 0 0 -1px; } .custom_radio.checked .icon:before { content: "\e61b"; } .custom_switcher { display: inline-block; background: #fff; border: 1px solid #ccc; border-radius: 3px; font-size: 0px; } .custom_switcher .text { display: inline-block !important; padding: 5px 5px; font-size: 9pt; border-right: 1px solid #ccc; } .custom_switcher label.checked { background: #6FA8DE; display: inline-block; color: #fff; } .custom_switcher label:first-child .text { padding-left: 7px; } html.rtl .custom_switcher label:first-child .text { padding-right: 7px; border: 0px; } .custom_switcher label:last-child .text { padding-right: 7px; border: 0px; } html.rtl .custom_switcher label:last-child .text { padding-right: 5px; border-right: 1px solid #ccc; } .custom_switcher input { display: none; } .input { border: 1px solid #ccc; background: #fff; box-shadow: 0px 4px 3px -3px #e5e5e5 inset; } .input.focus, .input:focus { box-shadow: 0px 4px 3px -3px #e5e5e5 inset, 0 0 2px 0 #1d67cd; border: 1px solid #fff; } .scroll-wrap { display: block; position: relative; overflow: hidden; max-height: none; height: 100%; } .scroll-wrap .scroll-inner { overflow: hidden; } .scroll-inner { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; overflow: auto; -webkit-overflow-scrolling: touch; height: 100%; width: auto !important; max-height: inherit; position: relative; top: 0px; display: block; } .customscroll-scrollbar { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; opacity: 0; filter: alpha(opacity=0); position: absolute; z-index: 10; visibility: hidden; } .csstransitions .customscroll-scrollbar { -webkit-transition: opacity 300ms linear, visibility 0ms linear 300ms; -moz-transition: opacity 300ms linear, visibility 0ms linear 300ms; -o-transition: opacity 300ms linear, visibility 0ms linear 300ms; transition: opacity 300ms linear, visibility 0ms linear 300ms; } .customscroll-scrollbar div { background: #474c50; border-radius: 7px; height: 100%; } .customscroll-scrollbar-shown { opacity: 0.3; filter: alpha(opacity=30); visibility: visible; } .csstransitions .customscroll-scrollbar-shown { -webkit-transition: opacity 300ms linear, visibility 0ms linear 0ms; -moz-transition: opacity 300ms linear, visibility 0ms linear 0ms; -o-transition: opacity 300ms linear, visibility 0ms linear 0ms; transition: opacity 300ms linear, visibility 0ms linear 0ms; } .customscroll-scrollbar-shown:hover { opacity: 0.6; filter: alpha(opacity=60); } .customscroll-scrollbar-horizontal { height: 16px; margin-left: 2px; bottom: 2px; left: 0; } .customscroll-scrollbar-horizontal div { height: 4px; margin: 10px 0px 2px 0px; } .customscroll-scrollbar-vertical { width: 12px; margin-top: 2px; right: 2px; top: 0; padding: 6px 0px; margin-right: 2px; } html.rtl .customscroll-scrollbar-vertical { right: auto; left: 2px; } .customscroll-scrollbar-vertical div { width: 4px; margin: 0px 2px 0px 6px; } html.rtl .customscroll-scrollbar-vertical div { margin-left: 2px; margin-right: 6px; } .pagination { cursor: default; display: block; text-align: right; } html.rtl .pagination { text-align: left; } .pagination .pages { display: inline-block; vertical-align: middle; } .pagination .item { font-size: 12pt; display: inline-block; vertical-align: middle; cursor: pointer; color: #aaa; } .csstransitions .pagination .item { -webkit-transition: color 200ms ease 0s; -moz-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } .pagination .item:hover { color: #777; } .pagination .item.current { cursor: default; color: #000; } .pagination .item.first, .pagination .item.last, .pagination .item.prev, .pagination .item.next { display: inline-block; vertical-align: middle; line-height: 18px; } .pagination .item.first:before, .pagination .item.last:before, .pagination .item.prev:before, .pagination .item.next:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pagination .item.first:before, .pagination .item.last:before, .pagination .item.prev:before, .pagination .item.next:before { font-size: 18px; display: inline-block; vertical-align: middle; } .pagination .item.first:before { content: "\e64e"; } html.rtl .pagination .item.first:before { content: "\e64d"; } .pagination .item.last:before { content: "\e64d"; } html.rtl .pagination .item.last:before { content: "\e64e"; } .pagination .item.prev:before { content: "\e64b"; } html.rtl .pagination .item.prev:before { content: "\e64c"; } .pagination .item.next:before { content: "\e64c"; } html.rtl .pagination .item.next:before { content: "\e64b"; } .pagination .pages .item { padding: 0px 2px; } .dropdown { -webkit-transition: opacity 300ms linear; -moz-transition: opacity 300ms linear; -o-transition: opacity 300ms linear; transition: opacity 300ms linear; opacity: 0; filter: alpha(opacity=0); position: absolute; position: static\0/; z-index: 3002; bottom: 0px; left: -10000px; cursor: default; font-size: 9pt; width: 100%; display: none; /*TODO need js el.filters[0].Apply(); el1.style.visibility="hidden"; -> el1.style.visibility="visible"; el.filters[0].Play(); filter:progid:DXImageTransform.Microsoft.Fade(duration=5);*/ } .expand .dropdown { opacity: 1; filter: alpha(opacity=100); left: 0px; display: block; } html.rtl .expand .dropdown { left: auto; right: 0px; } .dropdown .dropdown_helper { z-index: 3002; position: absolute; left: 0px\0/; top: 2em\0/; } .dropdown .dropdown_content { overflow-x: hidden; overflow-y: auto; max-height: 300px; min-width: 100px; display: block; background: #FFFFFF; border: 1px solid #CBC8C0; border-radius: 4px 4px 4px 4px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } .login_panel .dropdown .dropdown_content { width: 105%; } .dropdown .dropdown_content.scroll-wrap { overflow: hidden; } .dropdown .dropdown_content.scroll-wrap .customscroll-scrollbar-vertical { right: 2px !important; } .dropdown .dropdown_content .item { display: block; padding: 8px 12px; margin: 0px; white-space: nowrap; cursor: pointer; border: 0px; box-shadow: none; border-radius: 0px; background: none; height: auto; color: #626262; } .dropdown .dropdown_content .item:hover { background: #f7f7f7; color: #626262; } .dropdown .dropdown_content .item.disabled { color: #aaa; cursor: default; } .dropdown .dropdown_content .item.disabled:hover { background: none; } .dropdown .dropdown_content .item.selected { color: #333; background: #f0f0f0; } .dropdown .dropdown_content .item .icon { display: inline-block; vertical-align: middle; font-size: 20px; color: inherit; } .dropdown .dropdown_content .item .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dropdown .dropdown_arrow { font-size: 0; display: block; width: 0px; height: 0px; margin: 0px 0px 0px 7px; position: relative; z-index: 1; border-bottom: 6px solid #CBC8C0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-left-color: rgba(224, 224, 224, 0); border-right-color: rgba(224, 224, 224, 0); } html.rtl .dropdown .dropdown_arrow { margin: 0px 10px 0px 0px; } .dropdown .dropdown_arrow span { display: block; width: 0px; height: 0px; position: relative; top: 2px; border-bottom: 5px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; border-left-color: rgba(224, 224, 224, 0); border-right-color: rgba(224, 224, 224, 0); margin-left: -5px; } html.rtl .dropdown .dropdown_arrow span { margin-left: 0px; margin-right: -5px; } .dropdown .folders .item, .dropdown .folders .item:hover { background: none !important; color: initial !important; padding: 0px; } .dropdown .folders .folder { display: block; cursor: pointer; padding: 8px 12px 8px 0px; } .dropdown .folders .folder:hover { background: #f7f7f7; color: #626262; } .dropdown .folders .folder .title { padding-top: 6px; padding-bottom: 6px; padding-right: 12px; font-weight: normal; cursor: inherit; } .dropdown .folders .folder.disabled, .dropdown .folders .folder.unselectable { background: none; cursor: default; } .dropdown .folders .folder.disabled .title, .dropdown .folders .folder.unselectable .title { color: #aaa; } /*=== END Dropdown CSS ===*/ /*=== Custom select CSS ===*/ .custom_selector { position: relative; display: inline-block; } .custom_selector .name { display: inline-block; } .input.custom_selector .name { width: 100%; } .custom_selector .control { display: inline-block; width: 1em; height: 1em; cursor: pointer; } html.rtl .custom_selector .control { float: left; } .input.custom_selector .control { margin-left: -1.5em; } .custom_selector .control .icon { margin: 0px; } .custom_selector .control .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .custom_selector .control .icon:before { content: "\e61d"; font-size: 16px; display: inline-block; vertical-align: middle; margin-top: -0.4ex; } .custom_selector.expand .control .icon:before { content: "\e624"; } .custom_selector .dropdown { z-index: 500; position: absolute; min-width: 100%; left: -10000px; bottom: 0px; visibility: hidden; } .expand.custom_selector .dropdown { left: 0px; visibility: visible; } .custom_selector .dropdown .arrow { font-size: 0; display: block; width: 0px; height: 0px; margin: 0px 0px -1px 10px; position: relative; border-bottom: 6px solid #CBC8C0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-left-color: rgba(224, 224, 224, 0); border-right-color: rgba(224, 224, 224, 0); } .right.custom_selector .dropdown .arrow { float: right; margin: 0px 10px -1px 0px; } .custom_selector .dropdown .arrow span { display: block; width: 0px; height: 0px; margin-left: -6px; position: relative; top: 2px; border-bottom: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; border-left-color: rgba(224, 224, 224, 0); border-right-color: rgba(224, 224, 224, 0); } .custom_selector .dropdown_helper { position: absolute; left: 0px; top: 0px; } .right.custom_selector .dropdown_helper { left: auto; right: 0px; } .custom_selector .dropdown_content { background: #FFFFFF; border: 1px solid #CBC8C0; border-radius: 4px 4px 4px 4px; display: inline-block; max-height: 200px; overflow-y: auto; padding: 10px; text-align: left; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } html.rtl .custom_selector .dropdown_content { text-align: right; } .languages .custom_selector .dropdown_content { padding: 0px; } .languages .custom_selector.right .dropdown_arrow { margin-right: 23px; float: right; } .languages .custom_selector .item { display: block; white-space: nowrap; padding: 8px 12px; border-bottom: 1px solid #CBC8C0; cursor: pointer; color: #4d4d4d; } .languages .custom_selector .item.selected { background: #f0f0f0; } .languages .custom_selector .item:hover { background: #fafafa; } .languages .name .text { display: none; } .languages .icon { display: inline-block; vertical-align: middle; width: 16px; height: 11px; margin-right: 4px; background: url("images/sprites.png?7.4.0.7") no-repeat 40px -400px; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 1.3dppx), only screen and (min-resolution: 125dpi) { .languages .icon { background-image: url("images/sprites2x.png?7.4.0.7"); background-size: 1440px 560px; } } .languages .English .icon { background-position: 0px -480px; } .languages .Arabic .icon { background-position: -80px -520px; } .languages .Bulgarian .icon { background-position: -40px -480px; } .languages .Chinese-Simplified .icon { background-position: -80px -480px; } .languages .Chinese-Traditional .icon { background-position: -80px -480px; } .languages .Czech .icon { background-position: -120px -480px; } .languages .Danish .icon { background-position: -160px -480px; } .languages .Dutch .icon { background-position: -640px -480px; } .languages .Estonian .icon { background-position: -200px -480px; } .languages .Finnish .icon { background-position: -240px -480px; } .languages .French .icon { background-position: -280px -480px; } .languages .German .icon { background-position: -320px -480px; } .languages .Greek .icon { background-position: -360px -480px; } .languages .Hebrew .icon { background-position: -440px -480px; } .languages .Hungarian .icon { background-position: -400px -480px; } .languages .Italian .icon { background-position: -480px -480px; } .languages .Japanese .icon { background-position: -520px -480px; } .languages .Korean .icon { background-position: -120px -520px; } .languages .Latvian .icon { background-position: -560px -480px; } .languages .Lithuanian .icon { background-position: -600px -480px; } .languages .Norwegian .icon { background-position: -680px -480px; } .languages .Persian .icon { background-position: -360px -520px; } .languages .Polish .icon { background-position: -720px -480px; } .languages .Portuguese-Brazil .icon { background-position: -760px -480px; } .languages .Romanian .icon { background-position: 0px -520px; } .languages .Russian .icon { background-position: -40px -520px; } .languages .Spanish .icon { background-position: -160px -520px; } .languages .Swedish .icon { background-position: -200px -520px; } .languages .Thai .icon { background-position: -240px -520px; } .languages .Turkish .icon { background-position: -280px -520px; } .languages .Ukrainian .icon { background-position: -320px -520px; } .languages .Serbian .icon { background-position: -400px -520px; } .languages .Portuguese-Portuguese .icon { background-position: -800px -480px; } .languages.demo { position: relative !important; clear: both; top: 20px; left: auto; right: auto; background: #D7DCDF; border-radius: 4px; border: 1px solid #C7CCCF; text-align: left; padding: 10px 14px; margin-top: 20px; width: 590px; margin-left: -172px; } .languages.demo .title { font-size: 12pt; color: #464646; margin-bottom: 10px; text-align: center; } .languages.demo .item { display: inline-block; width: 49%; width: 24%; color: #555555; } .languages.demo .item .item_content { display: inline-block; padding: 3px 6px; cursor: pointer; border-radius: 3px; white-space: nowrap; } .languages.demo .item .item_content:hover { background-color: #B3BAC2; color: #333333; } .languages.demo .item .item_content .text { display: inline-block; vertical-align: middle; } .languages.demo .item.selected .item_content { background: #6C859B; color: #fff; } /*=== Attachments Common CSS ===*/ .attachments .children { margin: 10px 0px 5px; background: #e4e4e4; border-radius: 1px; box-shadow: 0 0 0 8px #e4e4e4; } .attachments .children .children { background: #cbcbcb; box-shadow: 0 0 0 8px #cbcbcb; } .attachments .children .children .children { background: #b1b1b1; box-shadow: 0 0 0 8px #b1b1b1; } .attachments .children .children .children .size { color: #777; } .attachments .children .children .children .children { background: #989898; box-shadow: 0 0 0 8px #989898; } .attachments .children .children .children .children .title { color: #000000; } .attachments .children .children .children .children .size { color: #555; } .attachments .expanded { box-shadow: 0 0 0 8px #e4e4e4; background: #e4e4e4; } .attachments .expanded .expanded { box-shadow: 0 0 0 8px #C2C2C2; background: #C2C2C2; } .attachments .item { border-radius: 1px; margin: 0 16px 20px 0; display: inline-block; vertical-align: top; width: 200px; width: 136px; max-height: initial; overflow: visible; } .attachments .item:last-child { margin-bottom: 0px; } .attachments .item.fail { opacity: 0.3; } .csstransitions .attachments .item.fail { -webkit-transition: opacity 1000ms ease 1s; -moz-transition: opacity 1000ms ease 1s; -o-transition: opacity 1000ms ease 1s; transition: opacity 1000ms ease 1s; } .attachments .item .item_content { display: block; padding: 9px 9px 7px; margin-bottom: 6px; background: #f7f7f7; border-radius: 3px; box-shadow: 0px 1px 2px #cccccc; border: 0px; } .attachments .item .cancel { display: none; } .upload.attachments .item .cancel { background: #e84d49; border-radius: 2px; display: block; float: right; height: 14px; width: 14px; overflow: hidden; margin-left: -14px; cursor: pointer; position: relative; color: #fff; font-size: 12px; text-align: center; } .upload.attachments .item .cancel:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .upload.attachments .item .cancel:before { content: "\e63e"; } .attachments .item .spinner { background: url("images/wait.gif?7.4.0.7") no-repeat left top; display: inline-block; width: 20px; height: 20px; } .attachments .item .progress { display: block; margin-bottom: -3px; height: 3px; width: 100%; } .attachments .item .progress span { display: block; height: 3px; background: #EF4A4A; } .attachments .item .image { display: block; text-align: center; overflow: hidden; min-height: 100px; border-bottom: 1px solid #dedede; white-space: nowrap; } .attachments .item .image:after { display: inline-block; vertical-align: middle; min-height: inherit; content: ""; } .attachments .item .image img { vertical-align: middle; background: #fff; max-height: 100px; } .attachments .item.has_child > .item_content > .image { display: none; } .attachments .item .text { color: #c7c7c7; text-transform: uppercase; font-size: 18pt; margin: 36px 0px 0px; display: inline-block; } .attachments .item .icon { vertical-align: top; margin: 15px 0px 0px !important; } .attachments .item .download { cursor: pointer; } .attachments .item .title { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: inline-block; max-width: 100%; padding: 0px 50px 0px 8px; word-wrap: break-word; white-space: normal; font-weight: bold; max-height: 2.6em; overflow: hidden; } .attachments .item .ext { display: inline-block; } .attachments .item .size { color: #929292; float: right; margin: 0px 8px -5em 0px; } .attachments .item .status_text { -webkit-transition: opacity 500ms ease 0s, visibility 1ms linear 0ms; -moz-transition: opacity 500ms ease 0s, visibility 1ms linear 0ms; -o-transition: opacity 500ms ease 0s, visibility 1ms linear 0ms; transition: opacity 500ms ease 0s, visibility 1ms linear 0ms; display: block; overflow: hidden; white-space: normal; margin: 6px 0px -21px; height: 15px; opacity: 1; visibility: visible; } .attachments .item .status_text.hide { -webkit-transition: opacity 500ms ease 0s, visibility 1ms linear 600ms; -moz-transition: opacity 500ms ease 0s, visibility 1ms linear 600ms; -o-transition: opacity 500ms ease 0s, visibility 1ms linear 600ms; transition: opacity 500ms ease 0s, visibility 1ms linear 600ms; opacity: 0; visibility: hidden; } .attachments .item.fail .status_text { color: #f00; } .attachments .item.success .status_text { color: #308F00; } .attachments .item .buttons { clear: both; -webkit-transition: opacity 500ms ease 0s, visibility 1ms linear 0ms; -moz-transition: opacity 500ms ease 0s, visibility 1ms linear 0ms; -o-transition: opacity 500ms ease 0s, visibility 1ms linear 0ms; transition: opacity 500ms ease 0s, visibility 1ms linear 0ms; border: 0px; padding: 0px; margin: 6px 0px 0px; display: block; text-align: left; opacity: 1; visibility: visible; } .attachments .item .buttons:after { clear: both; display: block; content: "."; height: 0; visibility: hidden; } * html > body .attachments .item .buttons { width: 100%; display: block; } * html .attachments .item .buttons { height: 1%; } .attachments .item .buttons.hide { -webkit-transition: opacity 500ms ease 0s, visibility 1ms linear 600ms; -moz-transition: opacity 500ms ease 0s, visibility 1ms linear 600ms; -o-transition: opacity 500ms ease 0s, visibility 1ms linear 600ms; transition: opacity 500ms ease 0s, visibility 1ms linear 600ms; opacity: 0; visibility: hidden; } .attachments .item .buttons .button { padding: 0px; font-weight: normal; font-size: 9pt; background: none; color: #4477BB; text-shadow: none; border: 0px; } .attachments .item .buttons .button.download { float: right; } html.rtl .attachments .item .buttons .button.download { float: left; } /*=== END Attachments Common CSS ===*//*=== Report panels CSS ===*/ .report_panel { width: 100%; text-align: center; height: 0px; overflow: visible; top: 0px; position: fixed; z-index: 3000; visibility: visible; } .report_panel.error { z-index: 2999; } .report_panel.hide { visibility: hidden; } .csstransitions .report_panel { -webkit-perspective: 200px; -moz-perspective: 200px; -o-perspective: 200px; perspective: 200px; -webkit-transition: visibility 0ms linear 0ms; -moz-transition: visibility 0ms linear 0ms; -o-transition: visibility 0ms linear 0ms; transition: visibility 0ms linear 0ms; } .csstransitions .report_panel.hide { -webkit-transition: visibility 0ms linear 500ms; -moz-transition: visibility 0ms linear 500ms; -o-transition: visibility 0ms linear 500ms; transition: visibility 0ms linear 500ms; } .report_panel .content { display: inline-block; font-weight: bold; text-align: left; background: #f9f9f9; border: 1px solid #c3c3c3; border-top: 0px; padding: 15px 30px 10px; border-radius: 0px 0px 4px 4px; box-shadow: 0px 1px 2px 0px #bbb; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); opacity: 1; filter: alpha(opacity=100); max-width: 20%; } @media screen and (max-width: 768px) { .report_panel .content { max-width: 80%; } } .csstransitions .report_panel .content { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transform-origin: 0px 0px; -moz-transform-origin: 0px 0px; -o-transform-origin: 0px 0px; transform-origin: 0px 0px; -webkit-transition: all 200ms ease 0s; -moz-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .hide.report_panel .content { opacity: 0; filter: alpha(opacity=0); } .csstransitions .hide.report_panel .content { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transition: all 200ms ease 0s; -moz-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } .loading.report_panel .content { background: #dac073; border-color: #c5ac60; color: #fff; } .report.report_panel .content { background: #96c671; border-color: #82b35d; color: #fff; } .error.report_panel .content { background: #f47474; border-color: #e26464; color: #fff; } .error.report_panel .content .close { position: absolute; cursor: pointer; right: 2px; top: 2px; height: 16px; width: 16px; } .error.report_panel .content .close:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .error.report_panel .content .close:before { font-size: 16px; display: inline-block; content: "\e63e"; } .gray.report_panel .content { background: #ccc; border-color: #a9a9a9; } .report_panel .content .icon { width: 16px; height: 17px; margin-left: -23px; float: left; display: none; } /*=== END Report panels CSS ===*//*=== Popup CSS ===*/ .popup { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2000; text-align: center; display: none; } .popup.visible { display: block; } .popup.visible .mask { opacity: 0.2; } .popup .mask { background: #000; position: absolute; width: 100%; height: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -o-transition: opacity 200ms linear; transition: opacity 200ms linear; } .popup .helper { height: 100%; width: 1px; display: inline-block; vertical-align: middle; } .popup_panel { display: inline-block; vertical-align: middle; position: relative; background: #fff; padding: 20px; border-radius: 4px; box-shadow: 0px 10px 20px #777; min-width: 300px; max-width: 50%; text-align: left; } html.rtl .popup_panel { text-align: right; } .popup_panel .close { display: inline-block; width: 30px; height: 30px; float: right; margin: -30px -30px 0 0; cursor: pointer; display: none; } html.rtl .popup_panel .close { float: left; } .popup_panel .title { display: block; font-weight: bold; font-size: 12pt; margin-bottom: 20px; } .popup_panel .text { display: block; } .popup_panel .label { width: 150px; } .popup_panel .label.pgp_password { text-align: right; } .popup_panel .import_pgp_key_area { height: 300px; width: 530px; } .popup_panel .import_pgp_key_area .headline { margin: 20px 0; } .popup_panel .import_pgp_key_area .key_item { margin: 0 0 10px 0; } .popup_panel .import_pgp_key_area .key_item.disabled { color: #929292; } .popup_panel .import_pgp_key_area .key_item .key_email { font-weight: bold; } .popup_panel .import_pgp_key_area .hint { margin-top: 22px; } .popup_panel .view_pgp_key_area { height: 400px; width: 530px; } /*=== END Popup CSS ===*//*=== Files CSS ===*/ .file .icon { background-image: url("images/sprites.png?7.4.0.7"); background-repeat: no-repeat; background-position: 0px -360px; display: inline-block; height: 32px; width: 32px; } .large .file .icon { background-position: 0px -400px; height: 64px; width: 64px; } .file .icon.xls, .file .icon.xlsx { background-position: -80px -360px; } .large .file .icon.xls, .large .file .icon.xlsx { background-position: -160px -400px; } .file .icon.pdf { background-position: -200px -360px; } .large .file .icon.pdf { background-position: -400px -400px; } .file .icon.htm, .file .icon.html { background-position: -360px -360px; } .large .file .icon.htm, .large .file .icon.html { background-position: -720px -400px; } .file .icon.doc, .file .icon.docx { background-position: -40px -360px; } .large .file .icon.doc, .large .file .icon.docx { background-position: -80px -400px; } .file .icon.txt { background-position: -120px -360px; } .large .file .icon.txt { background-position: -240px -400px; } .file .icon.ppt, .file .icon.pptx, .file .icon.pps { background-position: -400px -360px; } .large .file .icon.ppt, .large .file .icon.pptx, .large .file .icon.pps { background-position: -800px -400px; } .file .icon.png, .file .icon.gif, .file .icon.bmp, .file .icon.tiff, .file .icon.jpg, .file .icon.jpeg { background-position: -320px -360px; } .large .file .icon.png, .large .file .icon.gif, .large .file .icon.bmp, .large .file .icon.tiff, .large .file .icon.jpg, .large .file .icon.jpeg { background-position: -640px -400px; } .file .icon.zip, .file .icon.rar { background-position: -480px -360px; } .large .file .icon.zip, .large .file .icon.rar { background-position: -960px -400px; } .file .icon.psd { background-position: -520px -360px; } .large .file .icon.psd { background-position: -1040px -400px; } .file .icon.ics { background-position: -560px -360px; } .large .file .icon.ics { background-position: -1120px -400px; } .file .icon.vcf, .file .icon.vcard { background-position: -600px -360px; } .large .file .icon.vcf, .large .file .icon.vcard { background-position: -1200px -400px; } .file .icon.eml, .file .icon.msg { background-position: -640px -360px; } .large .file .icon.eml, .large .file .icon.msg { background-position: -1280px -400px; } .file .icon.mp3, .file .icon.amr, .file .icon.aac, .file .icon.aif, .file .icon.aifc, .file .icon.aiff, .file .icon.ogg, .file .icon.wma, .file .icon.flac, .file .icon.ape, .file .icon.wax, .file .icon.midi, .file .icon.mp4a, .file .icon.weba, .file .icon.ra, .file .icon.ram, .file .icon.rmp, .file .icon.m3u, .file .icon.wav { background-position: -240px -360px; } .large .file .icon.mp3, .large .file .icon.amr, .large .file .icon.aac, .large .file .icon.aif, .large .file .icon.aifc, .large .file .icon.aiff, .large .file .icon.ogg, .large .file .icon.wma, .large .file .icon.flac, .large .file .icon.ape, .large .file .icon.wax, .large .file .icon.midi, .large .file .icon.mp4a, .large .file .icon.weba, .large .file .icon.ra, .large .file .icon.ram, .large .file .icon.rmp, .large .file .icon.m3u, .large .file .icon.wav { background-position: -480px -400px; } .file .icon.avi, .file .icon.mp4, .file .icon.mkv, .file .icon.wmv { background-position: -680px -360px; } .large .file .icon.avi, .large .file .icon.mp4, .large .file .icon.mkv, .large .file .icon.wmv { background-position: -1360px -400px; } /*=== END Files CSS ===*//*=== Folder offsets CSS ===*/ .folders .title { padding-left: 16px !important; } html.rtl .folders .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .children .title { padding-left: 32px !important; } html.rtl .folders .children .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .children .children .title { padding-left: 48px !important; } html.rtl .folders .children .children .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .children .children .children .title { padding-left: 64px !important; } html.rtl .folders .children .children .children .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .children .children .children .children .title { padding-left: 80px !important; } html.rtl .folders .children .children .children .children .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .children .children .children .children .children .title { padding-left: 96px !important; } html.rtl .folders .children .children .children .children .children .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .children .children .children .children .children .children .title { padding-left: 112px !important; } html.rtl .folders .children .children .children .children .children .children .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .children .children .children .children .children .children .children .title { padding-left: 128px !important; } html.rtl .folders .children .children .children .children .children .children .children .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .children .children .children .children .children .children .children .children .title { padding-left: 144px !important; } html.rtl .folders .children .children .children .children .children .children .children .children .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .children .children .children .children .children .children .children .children .children .title { padding-left: 160px !important; } html.rtl .folders .children .children .children .children .children .children .children .children .children .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .children .children .children .children .children .children .children .children .children .children .title { padding-left: 176px !important; } html.rtl .folders .children .children .children .children .children .children .children .children .children .children .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .children .children .children .children .children .children .children .children .children .children .children .title { padding-left: 192px !important; } html.rtl .folders .children .children .children .children .children .children .children .children .children .children .children .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .children .children .children .children .children .children .children .children .children .children .children .children .title { padding-left: 208px !important; } html.rtl .folders .children .children .children .children .children .children .children .children .children .children .children .children .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .children .children .children .children .children .children .children .children .children .children .children .children .children .title { padding-left: 224px !important; } html.rtl .folders .children .children .children .children .children .children .children .children .children .children .children .children .children .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .children .children .children .children .children .children .children .children .children .children .children .children .children .children .title { padding-left: 240px !important; } html.rtl .folders .children .children .children .children .children .children .children .children .children .children .children .children .children .children .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .title { padding-left: 256px !important; } html.rtl .folders .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .title { padding-left: 272px !important; } html.rtl .folders .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .title { padding-left: 288px !important; } html.rtl .folders .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .title { padding-left: 304px !important; } html.rtl .folders .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .children .title { padding-left: 0px !important; padding-right: 16px !important; } .folders .ui-droppable-disabled { opacity: 1 !important; } /*=== END Folder offsets CSS ===*//*=== Common blocks part ===*/ /*=== Html Editor CSS ===*/ .html_editor { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 100%; margin-top: -34px; padding-top: 34px; position: relative; } .html_editor .workarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 100% !important; width: 100% !important; border: 1px solid #CCCCCC; border-top: 0px; border-radius: 0 0 4px 4px; } .html_editor .workarea .scroll-inner { background: #fff; } .html_editor .workarea .crea-content-editable { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 100% !important; width: 100% !important; outline: 0px; cursor: text; padding: 20px 24px; word-wrap: break-word; } .html_editor .workarea .crea-content-editable a { cursor: text; } .html_editor .workarea .crea-content-editable p { margin: 0; } .html_editor .workarea .crea-content-editable img { cursor: pointer; } .html_editor .workarea li { margin-bottom: 0.6em; } .html_editor .uploader_mask { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background: #FFFDD6; padding: 11px; color: #D3B910; font-size: 18pt; text-align: center; opacity: 0; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; visibility: hidden; -webkit-transition: ease 250ms opacity 0s; -moz-transition: ease 250ms opacity 0s; -o-transition: ease 250ms opacity 0s; transition: ease 250ms opacity 0s; } .html_editor .uploader_mask .inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 100%; border: 3px dashed #E2DA36; border-radius: 5px; } .html_editor .uploader_mask.progress { background: #dddddd url("images/wait.gif") no-repeat center; } .html_editor .uploader_mask.progress .inner { border: 3px dashed #bbb; } .html_editor .uploader_mask.active, .html_editor .uploader_mask.progress, .html_editor .uploader_mask.editorDragOver { visibility: visible; opacity: 0.5; } .html_editor .inline_popup { padding: 4px 8px; position: absolute; background-color: #f7f7f7; border: solid 1px #ccc; border-radius: 2px 2px 2px 2px; } .html_editor .inline_popup.tooltip { opacity: 0.7; filter: alpha(opacity=70); border: solid 1px #eee; margin: 10px 0px 0px 10px; } .html_editor .inline_popup .button { color: #4477BB; text-decoration: underline; cursor: pointer; margin: 0px 8px; padding-right: 8px; border-right: 1px solid #ccc; } .html_editor .inline_popup .button:last-child { border-right: 0px; margin: 0px; padding-right: 0px; } .html_editor .inline_popup .button:hover { text-decoration: none; } .html_editor .toolbar { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #CCCCCC; border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; padding: 0px 4px; cursor: default; background: #fdfdfd; } .html_editor .toolbar .content { padding: 0px; } .html_editor .toolbar .content .separator { border-right: 1px solid #fff; border-left: 1px solid #ddd; display: inline-block; height: 32px; margin: 0px 4px; vertical-align: middle; } .html_editor .toolbar .content .button { display: inline-block; cursor: pointer; background: #ddd; border: 1px solid #ccc; border-radius: 3px; padding: 4px 6px; font-size: 11pt; } .html_editor .toolbar .content .button:hover { background: #e3e3e3; } .html_editor .toolbar .content .item { background: none; border: 0px; display: inline-block; vertical-align: middle; padding: 4px; margin: 4px 1px !important; height: 16px; line-height: 16px; cursor: pointer; box-shadow: none; outline: 0px; /*&.font .input { width: 140px; } &.font_size .input { width: 40px; }*/ } .html_editor .toolbar .content .item:hover { margin: 3px 0px !important; box-shadow: 0px 0px 3px #eee, inset 1px 1px 0px #fff; border: 1px solid #ccc; background: #eee; } .inactive .html_editor .toolbar .content .item, .inactive .html_editor .toolbar .content .item:hover { opacity: 0.2; cursor: default; background: none; } .html_editor .toolbar .content .item.select { padding: 0px 0px; } .html_editor .toolbar .content .item.select:hover { background: none; } .html_editor .toolbar .content .item.select .input { font-size: 10pt; padding: 0px !important; margin-top: -2px; width: auto; max-width: 200px; } .html_editor .toolbar .content .item .icon { display: inline-block; vertical-align: middle; width: 16px; height: 16px; background-image: url("images/sprites.png?7.4.0.7"); background-repeat: no-repeat; } .html_editor .toolbar .content .item.link .icon { background-position: 0px -320px; } .html_editor .toolbar .content .item.unlink .icon { background-position: -40px -320px; } .html_editor .toolbar .content .item.image .icon { background-position: -440px -320px; } .html_editor .toolbar .content .item.slist .icon { background-position: -40px -320px; } .html_editor .toolbar .content .item.uslist .icon { background-position: -80px -320px; } .html_editor .toolbar .content .item.hline .icon { background-position: -160px -320px; } .html_editor .toolbar .content .item.bold .icon { background-position: -200px -320px; } .html_editor .toolbar .content .item.italic .icon { background-position: -120px -320px; } .html_editor .toolbar .content .item.underline .icon { background-position: -160px -320px; } .html_editor .toolbar .content .item.aleft .icon { background-position: -320px -320px; } .html_editor .toolbar .content .item.acenter .icon { background-position: -360px -320px; } .html_editor .toolbar .content .item.aright .icon { background-position: -400px -320px; } .html_editor .toolbar .content .item.ajustify .icon { background-position: -440px -320px; } .html_editor .toolbar .content .item.color .icon { background-position: -400px -320px; } .html_editor .toolbar .content .item.background .icon { background-position: -40px -320px; } .html_editor .toolbar .content .item.clear .icon { background-position: -480px -320px; } .html_editor .toolbar .content .item.strike_through .icon { background-position: -520px -320px; } .html_editor .toolbar .content .item.undo .icon { background-position: -560px -320px; } .html_editor .toolbar .content .item.redo .icon { background-position: -600px -320px; } .html_editor .toolbar .content .dropdown { bottom: -4px; color: #000; } .inactive.html_editor .toolbar .content .dropdown { left: -10000px; } .html_editor .toolbar .content .dropdown.color { white-space: nowrap; } .html_editor .toolbar .content .dropdown .dropdown_content { border: 1px solid #ccc; border-top: 1px solid #FAFAFA; background: #eee; padding: 4px; border-radius: 0px 0px 3px 3px; } .html_editor .toolbar .content .dropdown .dropdown_content .input { width: auto; padding: 3px 5px 2px; vertical-align: top; margin: 0px; font-size: 11pt; } .html_editor .toolbar .content .color_table { display: inline-block; margin-right: 6px; vertical-align: bottom; } .html_editor .toolbar .content .color_table:last-child { margin-right: 0px; } .html_editor .toolbar .content .color_table .title { display: inline-block; margin: 2px 0px 4px; padding: 0px; } .html_editor .toolbar .content .color_table .row { display: block; white-space: nowrap; font-size: 0px; margin: 0px !important; } .html_editor .toolbar .content .color_table .color-item { display: inline-block; vertical-align: bottom; width: 16px; height: 16px; margin: 2px; cursor: pointer; } .html_editor .toolbar .content .color_table .color-item:hover { width: 18px; height: 18px; margin: 1px; box-shadow: 0px 0px 2px #aaa; } .html_editor .toolbar { border-color: #E3E3E3; } .html_editor .workarea { border-color: #E3E3E3; } /*=== END Html Editor CSS ===*//*=== Search Block CSS ===*/ .search_block { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 0px; vertical-align: middle; padding-right: 20px; display: inline-block; width: 100%; height: 100%; } html.rtl .search_block { padding-right: 0px; padding-left: 20px; } .search_block > .input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: relative; border: 1px solid #c5c7c8; border-radius: 10px; outline: none; width: 100%; height: 100%; display: inline-block; vertical-align: middle; box-shadow: none; overflow: hidden; padding-left: 30px; min-height: 26px; } html.rtl .search_block > .input { padding-right: 30px; padding-left: 0px; } .search_block > .input.focus { border: 1px solid #93B5E3; box-shadow: 0 0 2px 0 #1D67CD; } .search_block > .input .row { font-size: 11pt; line-height: 160%; display: inline-block; vertical-align: middle; width: 100%; height: 24px; overflow: hidden; white-space: nowrap; padding: 0px; border: 0px; } .search_block > .input .field { font-size: 11pt; line-height: 160%; display: inline-block; vertical-align: middle; width: 100%; height: 24px; overflow: hidden; white-space: nowrap; padding: 0px; border: 0px; opacity: 1; visibility: visible; -webkit-transition: opacity 500ms ease 0ms, visibility 500ms linear 10ms; -moz-transition: opacity 500ms ease 0ms, visibility 500ms linear 10ms; -o-transition: opacity 500ms ease 0ms, visibility 500ms linear 10ms; transition: opacity 500ms ease 0ms, visibility 500ms linear 10ms; } .search_block > .input .field.hide { display: block; position: absolute; top: -200px; } .search_block > .input .icon.search { position: absolute; left: 0px; top: 0px; font-size: 11pt; width: 30px; height: 24px; display: inline-block; vertical-align: top; overflow: hidden; } html.rtl .search_block > .input .icon.search { left: initial; right: 0; } .search_block > .input .icon.search:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .search_block > .input .icon.search:before { color: #CCCCCC; content: "\e628"; display: block; font-size: 20px; height: 20px; width: 20px; margin: 3px 0px 0px 5px; } html.rtl .search_block > .input .icon.search:before { margin: 3px 5px 0px 0px; } .search_block .expand .field { opacity: 0; visibility: hidden; -webkit-transition: opacity 500ms ease 0ms, visibility 10ms linear 500ms; -moz-transition: opacity 500ms ease 0ms, visibility 10ms linear 500ms; -o-transition: opacity 500ms ease 0ms, visibility 10ms linear 500ms; transition: opacity 500ms ease 0ms, visibility 10ms linear 500ms; } .search_block .control .icon { display: inline-block; vertical-align: top; height: 28px; width: 22px; cursor: pointer; } .search_block .control .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .search_block .control .icon:before { color: #CCCCCC; content: "\e61d"; display: inline-block; font-size: 18px; height: 20px; width: 20px; margin: 5px 4px 0px; } .search_block .control .icon.expand:before { content: "\e624"; } .search_block .search_highlight { color: #ccc; } .search_block .expand .extended { opacity: 1; visibility: visible; -webkit-transition: opacity 500ms ease 0ms, visibility 10ms linear 0s; -moz-transition: opacity 500ms ease 0ms, visibility 10ms linear 0s; -o-transition: opacity 500ms ease 0ms, visibility 10ms linear 0s; transition: opacity 500ms ease 0ms, visibility 10ms linear 0s; } .search_block .extended { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; display: block; margin-top: -24px; overflow: hidden; opacity: 0; visibility: hidden; -webkit-transition: opacity 500ms ease 0ms, visibility 10ms linear 500ms; -moz-transition: opacity 500ms ease 0ms, visibility 10ms linear 500ms; -o-transition: opacity 500ms ease 0ms, visibility 10ms linear 500ms; transition: opacity 500ms ease 0ms, visibility 10ms linear 500ms; } .search_block .extended .search_fieldset { display: block; white-space: normal; } .search_block .extended .search_fieldset .section { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 50%; overflow: hidden; padding-right: 20px; vertical-align: top; } html.rtl .search_block .extended .search_fieldset .section { padding-left: 20px; padding-right: 0px; } .search_block .extended .search_fieldset .section .row { line-height: 230%; height: 28px; display: block; padding-right: 2px; overflow: visible; } html.rtl .search_block .extended .search_fieldset .section .row { padding-right: 0px; padding-left: 2px; } .search_block .extended .search_fieldset .section .row.text { border-bottom: 1px dashed #C5C7C8; } .search_block .extended .search_fieldset .section .row.attachments .custom_checkbox { margin: 0; margin-bottom: 1px; vertical-align: middle; line-height: 1; } .search_block .extended .search_fieldset .section .row.attachments .attachment_name { display: inline-block; } .search_block .extended .search_fieldset .section .row .date { display: inline-block; padding: 0; margin-left: 0px; } html.rtl .search_block .extended .search_fieldset .section .row .label { text-align: right; } .search_block .extended .search_fieldset .section .row .input { border-radius: 0px; border: none; box-shadow: none; padding: 0; width: 100%; font: normal 11pt Helvetica, Tahoma, Arial, sans-serif; color: #555566; } .search_block .extended .search_fieldset .section.attachments { display: block; width: 100%; } .search_block .extended .search_fieldset .buttons { margin: 0px 18px 0px 0px; padding: 10px 0px 0px 0px; border-top: 1px solid #EAE7E7; display: block; width: auto; } html.rtl .search_block .extended .search_fieldset .buttons { margin: 0px 0px 0px 18px; padding-left: 0px; } .search_block .extended .search_fieldset .button { display: inline-block; } /*=== END Search Block CSS ===*//*=== Phone CSS ===*/ .tabs_panel .phone { float: right; font-size: 0pt !important; background: transparent !important; line-height: 10px; text-align: right; padding: 0 !important; margin: -17px 30px 0px 0px !important; top: 50%; } .tabs_panel .phone .phone_inner { display: block; background: #fff; border-radius: 16px; box-shadow: 0px 0px 4px #D6D6D6; overflow: hidden; text-shadow: none; } .tabs_panel .phone .phone_inner > * { font-size: 10.5pt; } .tabs_panel .phone .phone_inner .text { padding: 0px !important; } html.rtl .tabs_panel .phone .phone_inner { float: left; margin-right: 0px !important; margin-left: 30px !important; } .tabs_panel .phone .phone_inner .dropdown_helper.expand { display: block; } .tabs_panel .phone .phone_inner .dropdown_helper { display: none; position: relative; } .tabs_panel .phone .phone_inner .dropdown_helper .dropdown_content { border: none; box-shadow: none; margin: 0; padding: 0; border-radius: 0px; background: transparent; left: 0; max-height: 200px; } .tabs_panel .phone .phone_inner .dropdown_helper .dropdown_content .item { cursor: pointer; text-align: left; /*&:last-child:hover { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }*/ } .tabs_panel .phone .phone_inner .dropdown_helper .dropdown_content .item .log_item { float: right; } .tabs_panel .phone .phone_inner .dropdown_helper .dropdown_content .item .icon.log_status { width: 15px; height: 15px; display: inline-block; } .tabs_panel .phone .phone_inner .dropdown_helper .dropdown_content .item .icon.log_status:before { font-family: 'afterlogic'; text-shadow: none !important; width: 100%; height: 100%; } .tabs_panel .phone .phone_inner .dropdown_helper .dropdown_content .item .icon.log_status.incoming:before { content: "\e61d"; } .tabs_panel .phone .phone_inner .dropdown_helper .dropdown_content .item .icon.log_status.outgoing:before { content: "\e624"; } .tabs_panel .phone .phone_inner .dropdown_helper .dropdown_content .item .icon.log_status.missed:before { content: "\e63b"; } .tabs_panel .phone .phone_inner .dropdown_helper .dropdown_content .more { color: #4477bb; padding-bottom: 8px; float: right; } .tabs_panel .phone .phone_inner .dropdown_helper .dropdown_content .more:hover { color: #c74747; border-radius: 16px; background: transparent; } .tabs_panel .phone .phone_inner .dropdown_helper .spinner { margin: 0px auto; width: 70px; text-align: center; display: block; padding-bottom: 5px; } .tabs_panel .phone .phone_inner .dropdown_helper .spinner span { width: 12px; height: 12px; background-color: #c1b6b6; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .tabs_panel .phone .phone_inner .dropdown_helper .spinner span.bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .tabs_panel .phone .phone_inner .dropdown_helper .spinner span.bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .tabs_panel .phone .phone_inner .direction { color: #c1b6b6; } .tabs_panel .phone .phone_inner .call_report, .tabs_panel .phone .phone_inner .direction { background: transparent; display: inline-block; max-width: 0px; margin-left: 0px; white-space: nowrap; opacity: 0; cursor: pointer; overflow: hidden; vertical-align: middle; -webkit-transition: max-width 500ms ease 0ms, opacity 400ms ease 0ms, margin-left 300ms ease 0ms ; -moz-transition: max-width 500ms ease 0ms, opacity 400ms ease 0ms, margin-left 300ms ease 0ms ; -o-transition: max-width 500ms ease 0ms, opacity 400ms ease 0ms, margin-left 300ms ease 0ms ; transition: max-width 500ms ease 0ms, opacity 400ms ease 0ms, margin-left 300ms ease 0ms ; } .tabs_panel .phone .phone_inner input:focus { outline: 0px; } .tabs_panel .phone .phone_inner .input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background: transparent; width: 0px; border: 0px; padding-left: 0px; padding-right: 0px; box-shadow: none; opacity: 0; vertical-align: middle; -webkit-transition: width 500ms ease 0ms, opacity 350ms ease 0ms, padding-left 350ms ease 0ms, padding-right 350ms ease 0ms; -moz-transition: width 500ms ease 0ms, opacity 350ms ease 0ms, padding-left 350ms ease 0ms, padding-right 350ms ease 0ms; -o-transition: width 500ms ease 0ms, opacity 350ms ease 0ms, padding-left 350ms ease 0ms, padding-right 350ms ease 0ms; transition: width 500ms ease 0ms, opacity 350ms ease 0ms, padding-left 350ms ease 0ms, padding-right 350ms ease 0ms; } .tabs_panel .phone .phone_inner .call_report.empty { margin-left: 0px; } .tabs_panel .phone .phone_inner .buttons { margin: 0px; font-size: 0px; } .tabs_panel .phone .phone_inner .button { display: inline-block; vertical-align: middle; border: 2px solid #fff; border-radius: 16px; padding: 0px; width: 30px; height: 30px; text-align: center; line-height: 180%; -webkit-transition: background-color 0ms ease 0s; -moz-transition: background-color 0ms ease 0s; -o-transition: background-color 0ms ease 0s; transition: background-color 0ms ease 0s; } .tabs_panel .phone .phone_inner .button .icon { display: inline-block; vertical-align: bottom; width: 18px; height: 18px; line-height: 18px; color: #fff; font-size: 16px; text-shadow: none; -webkit-transition: -webkit-transform 300ms ease 0s; -moz-transition: -moz-transform 300ms ease 0s; transition: transform 300ms ease 0s; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); } .tabs_panel .phone .phone_inner .button .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tabs_panel .phone .phone_inner .button .icon:before { content: "\e661"; } .tabs_panel .phone .phone_inner .indicator { position: absolute; top: 0px; right: 0px; } .tabs_panel .phone .phone_inner .indicator.missed { width: 10px; height: 10px; border-radius: 5px; background: #FF6767; } .tabs_panel .phone.online .phone_inner { background: #fff; } .tabs_panel .phone.online .phone_inner .button { background-color: #87D354; box-shadow: inset 0px 0px 10px #69BE2E; } .tabs_panel .phone.offline .input, .tabs_panel .phone.offline .direction { display: none; } .tabs_panel .phone.offline .button { background: #ccc; cursor: default; } .tabs_panel .phone.offline.active .button { box-shadow: none; } .tabs_panel .phone.init .button .icon { -webkit-animation: cycle 1s linear 20; -moz-animation: cycle 1s linear 20; animation: cycle 1s linear 20; } .tabs_panel .phone.active.outgoing .button .icon { -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); } .tabs_panel .phone.active.incoming .button, .tabs_panel .phone.active.outgoing .button, .tabs_panel .phone.active.connect .button { background-color: #FF6767; box-shadow: 0 0 10px #E75353 inset; } .tabs_panel .phone.active.ready .button .icon { -webkit-transform: rotateZ(-118deg); -moz-transform: rotateZ(-118deg); -o-transform: rotateZ(-118deg); transform: rotateZ(-118deg); } .tabs_panel .phone.active .input { opacity: 1; width: 160px; display: inline-block; padding-left: 2px; } .tabs_panel .phone.active .call_report, .tabs_panel .phone.active .direction { max-width: 200px; margin-left: 10px; opacity: 1; cursor: default; overflow: visible; } .tabs_panel .phone.incoming .phone_inner, .tabs_panel .phone.outgoing .phone_inner, .tabs_panel .phone.connect .phone_inner { background: #FFC939; } .tabs_panel .phone.incoming .call_report { padding-right: 2px; } .tabs_panel .phone.incoming .direction { max-width: 0px; margin-left: 0px; } .tabs_panel .phone.incoming .input { width: 0px; padding-left: 0px; padding-right: 0px; opacity: 0; } /*=== END Phone CSS ===*/ /*=== Contact card CSS ===*/ .item_viewer .contact_card .dropdown_content { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CBC8C0; border: 0px; border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); min-width: 360px; display: block; margin: -4px 0px 0px -10px; padding: 16px 18px; } .item_viewer .contact_card .dropdown_arrow { display: none; } .item_viewer .contact_card .buttons { padding: 10px 18px 0px 18px; margin: 0px -18px; float: none; border-top: 1px solid #eee; text-align: right; } .item_viewer .contact_card .buttons .link { font-size: 9pt; display: inline-block; margin-right: 10px; } .item_viewer .contact_card .buttons .link:first-child { float: left; } .item_viewer .contact_card .buttons .link:last-child { margin-right: 0px; } .item_viewer .contact_card .fields { margin: 0px; } .item_viewer .contact_card .fields .fieldset { margin: 0 0 16px; } .item_viewer .contact_card .fields .row { margin: 0 0 8px; clear: both; } .item_viewer .contact_card .fields .row:after { clear: both; display: block; content: "."; height: 0; visibility: hidden; } * html > body .item_viewer .contact_card .fields .row { width: 100%; display: block; } * html .item_viewer .contact_card .fields .row { height: 1%; } .item_viewer .contact_card .fields .label { padding: 0 10px 0 0; white-space: normal; width: 120px; float: left; } html.rtl .item_viewer .contact_card .fields .label { float: right; } .item_viewer .contact_card .fields .label:after { content: ":"; } .item_viewer .contact_card .fields .value { display: block; overflow: hidden; } .item_viewer .contact_card .fields h2 { font-size: 10pt; } /*=== END Contact card CSS ===*//*=== quick_reply CSS ===*/ .quick_reply { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #f2f2f2; background: #f5f5f5; padding: 0px 23px 0px 17px; bottom: 0px; position: absolute; width: 100%; max-height: 190px; } html.rtl .quick_reply { padding: 0px 17px 0px 23px; } .no-csstransitions .quick_reply { max-height: 86px; margin-bottom: -2px; } .csstransitions .quick_reply { -webkit-transition: max-height 500ms ease 50ms; -moz-transition: max-height 500ms ease 50ms; -o-transition: max-height 500ms ease 50ms; transition: max-height 500ms ease 50ms; } .csstransitions .quick_reply.saving { max-height: 0 !important; } .csstransitions .quick_reply.sending { max-height: 30px !important; } .csstransitions .quick_reply.sending .status { max-height: 30px; opacity: 1; } .quick_reply .status { max-height: 0px; opacity: 0; background: #FBFF89; background: #dac073; overflow: hidden; width: 100%; padding: 0px 17px; margin-left: -17px; } .csstransitions .quick_reply .status { -webkit-transition: max-height 300ms ease 50ms, opacity 300ms ease 50ms; -moz-transition: max-height 300ms ease 50ms, opacity 300ms ease 50ms; -o-transition: max-height 300ms ease 50ms, opacity 300ms ease 50ms; transition: max-height 300ms ease 50ms, opacity 300ms ease 50ms; } .quick_reply .status .text { padding: 6px 10px; color: #fff; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); } .quick_reply .row { white-space: nowrap; margin-top: 20px; } .quick_reply .row .placeholder { font-size: 11pt; padding-top: 6px; text-indent: 9px; } .quick_reply .row textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 0px; border-radius: 4px; height: 50px; width: 100%; color: #000; font-size: 11pt; padding: 6px 8px; resize: none; box-shadow: none; } .csstransitions .quick_reply .row textarea { -webkit-transition: height 300ms ease; -moz-transition: height 300ms ease; -o-transition: height 300ms ease; transition: height 300ms ease; } .active.quick_reply .row textarea { height: 101px; font-family: Tahoma, sans-serif; font-size: 16px; } .quick_reply .buttons { margin-top: 15px; margin-bottom: 0px; padding-bottom: 20px; text-align: left; } html.rtl .quick_reply .buttons { text-align: right; } .quick_reply .buttons .button { margin-right: 6px; } html.rtl .quick_reply .buttons .button { margin-right: 0px; margin-left: 6px; } .quick_reply .buttons .full_form { float: right; height: 0px; margin-top: 6px; } html.rtl .quick_reply .buttons .full_form { float: left; } .csstransitions .quick_reply .buttons { overflow: hidden; max-height: 0px; padding-bottom: 0px; opacity: 0; /* important: 50ms delay fix click on buttons*/ -webkit-transition: all 300ms ease 50ms; -moz-transition: all 300ms ease 50ms; -o-transition: all 300ms ease 50ms; transition: all 300ms ease 50ms; } .csstransitions .quick_reply.active .buttons { overflow: visible; max-height: 25px; margin-bottom: 20px; opacity: 1; } .csstransitions .quick_reply.sending .buttons { max-height: 0px; margin-bottom: 0px; opacity: 0; } .csstransitions .quick_reply .row.data { overflow: hidden; max-height: 0px; margin-top: 0px; margin-bottom: 0px; opacity: 0; /* important: 50ms delay fix click on buttons*/ -webkit-transition: all 300ms ease 50ms; -moz-transition: all 300ms ease 50ms; -o-transition: all 300ms ease 50ms; transition: all 300ms ease 50ms; } .csstransitions .quick_reply.active .row.data { overflow: visible; max-height: 25px; margin-top: 20px; margin-bottom: 6px; opacity: 1; } .csstransitions .quick_reply.sending .row.data { max-height: 0px; margin-bottom: 0px; opacity: 0; } /*=== END quick_reply CSS ===*//*=== Tabsbar CSS ===*/ .tabs_panel { height: 90px; line-height: 90px; position: relative; z-index: 1000; padding: 0px 5px; font-weight: bold; } .tabs_panel .item { display: inline-block; vertical-align: middle; font-size: 12pt; margin: 0px; padding: 4px 10px; line-height: 120%; position: relative; color: #ffffff; text-shadow: 0 0 5px #000000; } html.rtl .tabs_panel .item { margin-left: 0px; margin-right: 6px; } .cssanimations .tabs_panel .item.recivedAnim { border-radius: 4px; -webkit-animation: highlight 0.5s linear; -moz-animation: highlight 0.5s linear; animation: highlight 0.5s linear; } .tabs_panel .item.emails { cursor: default; } .tabs_panel .item.emails.has_control .helper { padding-right: 24px; } .tabs_panel .item .link { display: inline-block; vertical-align: middle; color: inherit; text-decoration: none; position: relative; outline: none; } .tabs_panel .item:hover { color: #ffd685; } .tabs_panel .item:hover .text { text-decoration: none; } .tabs_panel .item.expand a, .tabs_panel .item .control { z-index: 3003; } .tabs_panel .item .helper { visibility: hidden; position: relative; top: -40px; display: block; height: 0; overflow: hidden; } .tabs_panel .item .unseen { position: absolute; top: -7px; height: 11px; font-size: 6.4pt; color: #FFFFFF; background-color: #888785; border-radius: 7px; text-align: center; line-height: 12px; text-shadow: none; box-shadow: none; padding: 2px; background: rgba(0, 0, 0, 0.3); margin-left: 5px; } .tabs_panel .item .unseen.one { width: 11px; right: -10px; } .tabs_panel .item .unseen.two { width: 16px; right: -15px; } .tabs_panel .item .unseen.three { width: 21px; right: -20px; } .tabs_panel .item .helper { color: #ffd685; } .tabs_panel .current { color: #ffd685; } .tabs_panel .control { display: inline-block; vertical-align: middle; position: relative; height: 14px; width: 14px; margin: 0px 0px 0px 6px; padding: 0px; cursor: pointer; } .tabs_panel .control:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tabs_panel .control:before { content: "\e61d"; font-size: 18px; } .tabs_panel .expand .control:before { content: "\e624"; } .tabs_panel .settings, .tabs_panel .logout { display: block; float: right; font-size: 8pt; height: auto; margin-left: 6px; margin-right: 0px; margin-top: 30px; } html.rtl .tabs_panel .settings, html.rtl .tabs_panel .logout { float: left; margin-left: 0px; margin-right: 6px; } .tabs_panel .logout span { cursor: pointer; } .tabs_panel .logo img { max-height: 82px; } .tabs_panel .dropdown_helper { min-width: 100%; } .tabs_panel .dropdown_arrow { display: none; } .tabs_panel .dropdown_content { color: #555; background: #fff; border: 1px solid #ccc; padding: 30px 0px 0px 0px; margin: -30px 0px 0px -2px; display: block; min-width: 100%; border-radius: 4px; } .tabs_panel .dropdown_content .item { margin: 0px; display: block; color: inherit; padding: 6px 10px; font-weight: normal; } .tabs_panel .dropdown_content .item:hover { background: #eee; } .tabs_panel .dropdown_content .item { text-shadow: none; } .tabs_panel .item.expand .text, .tabs_panel .item.expand:hover .text, .tabs_panel .item.expand .control { text-shadow: none; color: #626262; } /*=== END Acount menu CSS ===*//*=== Volumer Block CSS ===*/ .volumer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: block; text-align: center; padding: 0px 40px; margin-top: 6px; width: 100%; } .volumer .volumer_conteiner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #888; background: #F1F2F3; display: block; padding: 2px; } .volumer .used { background: #668EB8; height: 3px; display: block; } /*=== END Volumer Block CSS ===*/blockquote { /*while editing see also print message*/ border-left: solid 2px #000000; margin: 4px 2px; padding-left: 6px; } .blockquote_before_toggle { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .blockquote_before_toggle.collapsed .blockquote_content { overflow: hidden; height: 100%; } .blockquote_before_toggle.collapsed::before { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #ffffff)); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffffff',GradientType=0); bottom: 0; display: block; height: 100%; position: absolute; width: 100%; content: ""; margin-left: -8px; padding: 0px 4px; } .blockquote_toggle { background-color: #F8F8F8; border: 1px solid #CCCCCC; border-radius: 4px 4px 4px 4px; color: grey; cursor: pointer; display: inline-block; font: 12px/120% Arial, sans-serif; padding: 0 4px; } /*=== Screen overrides part ===*/ /*=== Login screen CSS ===*/ .LoginLayout { text-align: center; } html.mobile .LoginLayout { background: url("images/background.jpg") repeat 0 0; } .LoginLayout .vhelper { display: inline-block; vertical-align: middle; height: 100%; width: 0px; } .login_panel { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: middle; padding: 20px; font-size: 9pt; width: 280px; color: #929292; color: #fff; } .login_panel .header { height: 95px; } .login_panel .header.custom_logo { background: none; height: auto; } .login_panel .header .icon { display: inline-block; vertical-align: middle; line-height: 1; } .login_panel .header .text { display: none; } .login_panel .header .icon { height: 95px; width: 125px; } .login_panel .header .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .login_panel .header .icon:before { content: "\e63c"; display: inline-block; vertical-align: middle; font-size: 140px; height: 100%; width: 100%; margin-top: -20px; color: #fff; text-shadow: 0 0 15px #AAD5E6; } .login_panel .login_panel_content { -webkit-perspective: 4000px; -moz-perspective: 4000px; -o-perspective: 4000px; perspective: 4000px; position: relative; } .login_panel .login_panel_content .col { -webkit-perspective: 4000px; -moz-perspective: 4000px; -o-perspective: 4000px; perspective: 4000px; } .login_panel .login_panel_content .col.left { text-align: center; margin-right: 276px; padding-right: 20px; } .login_panel .login_panel_content .col.right { position: absolute; right: 0px; width: 276px; } .login_panel .login_panel_content .col.right .content.login, .login_panel .login_panel_content .col.right .content.forgot { padding-top: 70px; } .login_panel .login_panel_content .content { padding: 30px 0px 0px; visibility: visible; opacity: 1; float: left; margin-top: 0px; width: 100%; box-shadow: 0px 0px 0px #fff; -webkit-transition: -webkit-transform 600ms ease-in-out, opacity 120ms linear 240ms, visibility 1ms linear 300ms, margin-top 0ms linear 300ms; -moz-transition: -moz-transform 600ms ease-in-out, opacity 120ms linear 240ms, visibility 1ms linear 300ms, margin-top 0ms linear 300ms; transition: transform 600ms ease-in-out, opacity 120ms linear 240ms, visibility 1ms linear 300ms, margin-top 0ms linear 290ms; } .login_panel .login_panel_content .content.register, .login_panel .login_panel_content .content.changepass, .login_panel .login_panel_content .content.social_register { left: 50%; margin-left: -130px; position: relative; width: 260px; } .login_panel .login_panel_content .content.send { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .login_panel .login_panel_content .content.send .question { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; box-shadow: 0 1px 1px #DDDDDD inset; border: 1px solid #d7d7d7; border-radius: 4px; height: 214px; width: 100%; color: #000; font-size: 11pt; padding: 6px 8px; resize: none; } .login_panel .login_panel_content .content.forgot .row { border-radius: 4px !important; } .login_panel .login_panel_content .content.register, .login_panel .login_panel_content .content.changepass, .login_panel .login_panel_content .content.social_register { text-align: center; } .login_panel .login_panel_content .content.social_register .fieldset, .login_panel .login_panel_content .content.send .fieldset { margin-top: 20px; } .login_panel .login_panel_content .content.social_register .question_title, .login_panel .login_panel_content .content.send .question_title { display: block; font-size: 11pt; color: #929292; } .login_panel .login_panel_content .content.forgot, .login_panel .login_panel_content .content.changepass, .login_panel .login_panel_content .content.register, .login_panel .login_panel_content .content.signin, .login_panel .login_panel_content .content.activation, .login_panel .login_panel_content .content.changepass, .login_panel .login_panel_content .content.social_register { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); visibility: hidden; opacity: 0; margin-top: -100000px; } .login_panel .login_panel_content .content.activation { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); width: 240px; white-space: normal; font-size: 12pt; text-shadow: 0px 1px 0px #f3f3f3; } .login_panel.flipForgot .content.login, .login_panel.flipChangepass .content.send, .login_panel.flipRegister .content.login, .login_panel.flipRegister .content.send, .login_panel.flipSignin .content.login, .login_panel.flipSocialRegister .content.login, .login_panel.flipSocialRegister .content.send, .login_panel.flipActivation .content.login, .login_panel.flipChangepass .content.login { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); visibility: hidden; opacity: 0; margin-top: -100000px; } .login_panel.flipForgot .content.forgot, .login_panel.flipChangepass .content.changepass, .login_panel.flipRegister .content.register, .login_panel.flipSignin .content.signin, .login_panel.flipSocialRegister .content.social_register { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); visibility: visible; opacity: 1; margin-top: 0px; } .login_panel.flipActivation .content.activation { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); visibility: visible; opacity: 1; margin-top: 0px; } .login_panel .languages { position: fixed; top: 20px; right: 20px; border-radius: 5px; padding: 10px 16px; } html.rtl .login_panel .languages { right: auto; left: 20px; } .login_panel .description { color: #929292; margin-top: 20px; } .login_panel .fieldset { border-radius: 2px; box-shadow: 0 0 26px #B5F6FF; } .login_panel .row { background: #ffffff; margin: -1px 0px 0px; padding: 10px; padding-left: 30px; border: 1px solid #92c1d7; border-width: 1px; text-align: right; white-space: nowrap; } .login_panel .row.focused { background: #fffaea; border-width: 1px; border-color: #ddcfa1; position: relative; } .login_panel .row.shake { -webkit-animation: shake 0.8s linear; -moz-animation: shake 0.8s linear; animation: shake 0.8s linear; } .login_panel .row:first-child { box-shadow: 0 1px 1px #DDDDDD inset; border-radius: 4px 4px 0px 0px; } .login_panel .row:last-child { border-width: 1px; border-radius: 0px 0px 4px 4px; } .login_panel .row .value { vertical-align: middle; } .login_panel .row .value.suffix { margin-left: 16px; } .login_panel .row .value.suffix .text { font: 12pt Helvetica, Tahoma, Arial, sans-serif; color: #777; } .login_panel .row .title { display: inline-block; vertical-align: middle; width: 20px; height: 20px; position: relative; text-indent: 0px; font-size: 12pt; float: none; cursor: text; zoom: 1; *display: inline; } .login_panel .row .placeholder { margin-left: -20px; } html.rtl .login_panel .row .placeholder { margin-left: 0px; margin-right: -20px; } .login_panel .row .placeholder:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .login_panel .row .placeholder:before { color: #D5D4D2; display: inline-block; vertical-align: middle; font-size: 22px; height: 20px; width: 20px; margin-top: -6px; margin-right: 4px; } html.rtl .login_panel .row .placeholder:before { margin-right: 0px; margin-left: 4px; } .login_panel .row.filled .placeholder:before, .login_panel .row.focused .placeholder:before { color: #CBC9C6; } .login_panel .row.email > .placeholder:before { content: "\e627"; } .login_panel .row.password > .placeholder:before { content: "\e625"; } .login_panel .row.name > .placeholder:before, .login_panel .row.login > .placeholder:before { content: "\e626"; } .login_panel .row.question, .login_panel .row.answer { padding-left: 10px; } .login_panel .row.question html.rtl, .login_panel .row.answer html.rtl { padding-right: 10px; } .login_panel .row.question .placeholder, .login_panel .row.answer .placeholder { width: 0px; } .login_panel .row .input { background: transparent; color: #444; font: 12pt Helvetica, Tahoma, Arial, sans-serif; padding: 1px 0px; text-indent: 3px; width: 100%; display: inline-block; outline: none; border: 0px !important; box-shadow: none; border-radius: 0px; text-align: left; } .login_panel .row .input:focus { box-shadow: none; } .login_panel .row .input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset !important; } .login_panel .row .input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px #fff3ce inset !important; } .login_panel .buttons { padding: 0px; margin-top: 20px; border: 0px; background: none; } .login_panel .buttons .button { display: block; padding: 10px; font-size: 12pt; width: 100%; } .login_panel .signme, .login_panel .links { font-size: 9pt; text-align: left; padding: 0px; margin-top: 14px; background: none; border: 0px; border-radius: 0px; } html.rtl .login_panel .signme, html.rtl .login_panel .links { text-align: right; } .login_panel .signme .title { height: auto; width: auto; font-size: 9pt; text-indent: 0px; cursor: pointer; } .login_panel .signme input { vertical-align: middle; } .login_panel .links .forgot { float: right; margin-left: 16px; } .login_panel.login .row.login { border-radius: 4px 4px 0px 0px; } .login_panel.login.email .row.login { border-radius: 0px; } .login_panel .social .facebook, .login_panel .social .google, .login_panel .social .twitter { display: inline-block; height: 20px; width: 75px; color: #fff; text-align: right; cursor: pointer; } .login_panel .social .facebook .text, .login_panel .social .google .text, .login_panel .social .twitter .text { padding: 3px 7px 2px 8px; line-height: 21px; vertical-align: top; color: #fff; text-decoration: none; } .login_panel .social .facebook { background: #5f78ab url("images/facebook-icon_9x18.png") 10px 3px no-repeat; border: 1px solid #29447e; } .login_panel .social .facebook .text { background-color: #5f78ab; border-left: 1px solid #29447e; } .login_panel .social .google { background: #dd4b39 url("images/google-icon_20x20.png") 3px 0px no-repeat; border: 1px solid #bb3f30; } .login_panel .social .google .text { background-color: #dd4b39; border-left: 1px solid #bb3f30; } .login_panel .social .twitter { background: #55acee url("images/twitter-icon_17x14.png") 4px 3px no-repeat; border: 1px solid #5399cd; } .login_panel .social .twitter .text { background: #55ACEE; border-left: 1px solid #5399cd; } /*=== END Login screen CSS ===*/ .MailLayout .panel_helper { width: 85%; } /*=== Folders List CSS ===*/ .panel.folders { width: 15%; } .panel.folders .middle_bar { padding-bottom: 30px; margin-bottom: -30px; } .panel.folders .middle_bar.quota_visible { padding-bottom: 47px; margin-bottom: -47px; } .panel.folders .panel_bottom { height: 30px; border: 0px; border-radius: 0px; background: none; padding: 0px; } .panel.folders .quota_visible .panel_bottom { height: 42px; } .panel.folders .manage_folders { line-height: 16px; text-align: center; font-size: 8pt; } /*=== END Folders List CSS ===*/ /*=== Message List CSS ===*/ .messages .middle_bar { padding-top: 39px; margin-top: -39px; padding-bottom: 47px; margin-bottom: -47px; } .messages .items_list .item .flag { display: inline-block; vertical-align: bottom; width: 16px; height: 16px; margin-top: 7px; cursor: pointer; position: relative; text-align: center; color: #cccccc; } .messages .items_list .item .flag:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .messages .items_list .item .flag:after { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .messages .items_list .item .flag:before { font-size: 20px; display: block; margin-left: -2px; content: "\e652"; } .messages .items_list .item .flag:after { visibility: hidden; font-size: 24px; display: block; width: 100%; height: 100%; color: #FFB736; margin: -22px 0 0 -4px; content: "\e61f"; opacity: 0; -webkit-transform-origin: 13px 13px; -moz-transform-origin: 13px 13px; -o-transform-origin: 13px 13px; transform-origin: 13px 13px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-transition: -webkit-transform 200ms cubic-bezier(0.4, 0.4, 0.6, 4) 0s, opacity 100ms linear 100ms, visibility 0ms linear 300ms; -moz-transition: -moz-transform 200ms cubic-bezier(0.4, 0.4, 0.6, 4) 0s, opacity 100ms linear 100ms, visibility 0ms linear 300ms; -o-transition: -o-transform 200ms cubic-bezier(0.4, 0.4, 0.6, 4) 0s, opacity 100ms linear 100ms, visibility 0ms linear 300ms; transition: transform 200ms cubic-bezier(0.4, 0.4, 0.6, 4) 0s, opacity 100ms linear 100ms, visibility 0ms linear 300ms; } .messages .items_list .item.checked .flag:not(.partial):before { color: #e7db9b; } .messages .items_list .item.selected .flag:not(.partial):before { color: #cae4e9; } .messages .items_list .item .partial { color: #ffb736; } .messages .items_list .item .flagged:after { -webkit-transition: -webkit-transform 200ms cubic-bezier(0.4, 0.4, 0.6, 4) 0s, visibility 0ms linear 0s; -moz-transition: -moz-transform 200ms cubic-bezier(0.4, 0.4, 0.6, 4) 0s, visibility 0ms linear 0s; -o-transition: -o-transform 200ms cubic-bezier(0.4, 0.4, 0.6, 4) 0s, visibility 0ms linear 0s; transition: transform 200ms cubic-bezier(0.4, 0.4, 0.6, 4) 0s, visibility 0ms linear 0s; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible; } .messages .items_list .item .controls .separator, .messages .items_list .item .data .separator { display: block; } .messages .items_list .item .size { width: 40px; text-align: right; display: none; } .messages .items_list .item .subject, .messages .items_list .item .from { display: block; overflow: hidden; /* height: 1.4em; */ } .messages .items_list .item .subject { color: #6d6d6d; font-size: 10pt; line-height: 120%; } .messages .items_list .item.selected .subject { color: none; } .messages .items_list .item.nosubject .subject { color: #888888; opacity: 0.3; filter: alpha(opacity=30); } .messages .items_list .item.selected.nosubject .subject { color: #fff; } .messages .items_list .item .from { margin-bottom: 10px; min-height: 16px; font-size: 10.5pt; } .messages .items_list .item .text { color: #b6b6b6; display: block; white-space: normal; } .messages .items_list .item.selected .text { color: #b4d4f0; } .messages .items_list .item > .separator { clear: both; } .messages .items_list .item .marker { display: none; height: 20px; width: 20px; position: absolute; right: 2px; top: 0px; background: url('images/sprites.png?7.4.0.7') no-repeat 0px -200px; } .messages .items_list .item.answered .marker { display: inline-block; background-position: 0px -200px; } .messages .items_list .item.forwarded .marker { display: inline-block; background-position: -40px -200px; } .messages .items_list .item.answered.forwarded .marker { display: inline-block; background-position: -80px -200px; } .messages .items_list .item .importance { width: 14px; height: 14px; display: inline-block; vertical-align: middle; line-height: 1; border-radius: 50%; border: 1px solid; text-align: center; margin-top: -3px; } .messages .items_list .item .importance:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .messages .items_list .item .importance:before { font-size: 13px; display: inline-block; vertical-align: top; width: 7px; content: "\e620"; } .messages .items_list .item.selected .importance { color: #fff; border-color: #fff; } .messages .items_list .item .attachments { display: inline-block; width: 20px; height: 20px; vertical-align: bottom; } .messages .items_list .item .attachments.has_attachments:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .messages .items_list .item .attachments.has_attachments:before { opacity: 0.7; filter: alpha(opacity=70); font-size: 20px; content: "\e622"; } .messages .items_list .item .attachments.has_vcard_attachment:before { content: "\e621"; } .messages .items_list .item .attachments.has_ical_attachment:before { content: "\e623"; } .messages .items_list .item.selected .attachments.has_attachments:before { color: none; } .messages .items_list .item.selected .thread { background: #edf7f9; } .messages .items_list .item.checked .thread { background: #fefbea; } .messages .items_list .item.checked .thread:hover { background-color: #fdf6d2; } .messages .items_list .item .thread { background: #ffffff; border: 1px solid #bbbbbb; border-radius: 9px; color: #999999; float: right; line-height: 100%; padding: 4px 8px 3px; margin: -4px 0px 0px 6px; font-weight: bold; cursor: pointer; } html.rtl .messages .items_list .item .thread { float: left; } .messages .items_list .item .thread.loading { background-color: #abaaa3; cursor: default; } .messages .items_list .item .thread:hover { -webkit-transition: background-color 200ms ease; -moz-transition: background-color 200ms ease; -o-transition: background-color 200ms ease; transition: background-color 200ms ease; background-color: #8dcdd9; } .messages .items_list .item .thread.unreed { background-color: #cccccc; border: 1px solid #cccccc; color: #ffffff; } .messages .items_list .item .thread.unreed:hover { background-color: #bfbfbf; } .messages .items_list .item.selected .thread { background: #edf7f9; border: 1px solid #a1d5e0; color: #7ac4d3; } .messages .items_list .item.selected .thread:hover { background-color: #daeff3; } .messages .items_list .item.selected .thread.unreed { background-color: #a1d5e0; border: 1px solid #a1d5e0; color: #ffffff; } .messages .items_list .item.selected .thread.unreed:hover { background-color: #8dcdd9; } .messages .items_list .not_use_threads .item .thread_loading, .messages .items_list .not_use_threads .item.thread_more_messages, .messages .items_list .not_use_threads .item .thread { display: none; } /*=== END Message List CSS ===*/ /*=== Message viewer CSS ===*/ .message_viewer .panel_center { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding-top: 165px; margin-top: -165px; /* header + quick reply */ background: none; width: 100%; } .single_mode .message_viewer { height: 100%; width: 100%; } .message_viewer .panel_content { margin: 0 !important; padding: 2px 4px 0 2px !important; } .message_viewer .message_body { padding: 20px; font-size: 11pt; } .message_viewer .message_body li { margin-bottom: 0.6em; } .message_viewer .message_body_info { font: normal 18px Tahoma; color: #ccc; text-align: center; margin: 30px; } .message_viewer .message_body_info .message_body_secondary_info { font-size: 14px; margin-top: 10px; } .message_viewer .message_header { background: #f8f8f8; border-bottom: 1px solid #e2e2e2; color: #4D4D4D; } .message_viewer .message_header .header_row { clear: both; } .message_viewer .message_header .toolbar { float: right; border: 0px; padding: 0px; background: 0px; position: relative; z-index: 1; margin-bottom: 0px; max-width: 100%; width: auto; overflow: visible; filter: none; } html.rtl .message_viewer .message_header .toolbar { float: left; } .message_viewer .message_header .toolbar .content { padding: 0px; } .message_viewer .message_header .toolbar .content > .item { border: 0px; padding: 0px; margin-right: 16px; box-shadow: none !important; background: none !important; } .message_viewer .message_header .toolbar .content > .item:last-child { margin-right: 0px; } .message_viewer .message_header .toolbar .content > .item > .icon { color: #929292 !important; } .message_viewer .message_header .toolbar .content > .item > .icon:hover { color: #727272 !important; } .message_viewer .message_header .toolbar .content > .item .icon.arrow:before { font-size: 20px; } .message_viewer .message_header .toolbar .content > .item .dropdown .item .icon { margin-right: 5px; } .message_viewer .message_header .header_content { padding: 14px 18px; } .message_viewer .message_header .message_info { position: relative; margin-left: 14px; font-size: 10pt; padding-top: 1px; /* fix nested element negative margin */ } html.rtl .message_viewer .message_header .message_info { margin-right: 14px; } .message_viewer .message_header .message_info .message_info_line { padding: 4px 0 0 4px; top: -4px; position: relative; white-space: nowrap; overflow: hidden; mask: url(images/filters.svg#masking); -webkit-mask: url(images/mask.png?7.4.0.7) repeat-y top right; -o-mask: url(images/mask.png?7.4.0.7) repeat-y top right; -ms-mask: url(images/mask.png%VERSION%) repeat-y top right; } html.rtl .message_viewer .message_header .message_info .message_info_line { mask: url(images/filters.svg#masking_rtl); -webkit-mask: url(images/mask_rtl.png?7.4.0.7) repeat-y top left; -o-mask: url(images/mask_rtl.png?7.4.0.7) repeat-y top left; -ms-mask: url(images/mask_rtl.png%VERSION%) repeat-y top left; } .message_viewer .message_header .message_info.message_detail_info .message_info_line { white-space: normal; /* overflow: visible; ??? */ } .message_viewer .message_header .details_show, .message_viewer .message_header .details_hide { display: inline-block; vertical-align: bottom; margin: 2px 6px 0px 0px; float: left; width: 14px; height: 16px; position: absolute; color: #727272; } html.rtl .message_viewer .message_header .details_show, html.rtl .message_viewer .message_header .details_hide { margin-right: 0px; margin-left: 6px; } .message_viewer .message_header .details_show:before, .message_viewer .message_header .details_hide:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .message_viewer .message_header .details_show:before, .message_viewer .message_header .details_hide:before { font-size: 18px; display: inline-block; content: "\e61d"; } .message_viewer .message_header .details_hide:before { content: "\e624"; } .message_viewer .message_header .title { color: #777777; } .message_viewer .message_header .subject { margin: 0px; padding: 0px; color: #4d4d4d; font-size: 14pt; font-weight: normal; } .message_viewer .message_header .icon { padding: 0px; margin: 0px; } .message_viewer .message_header .icon .attachments { display: inline-block; width: 16px; height: 16px; margin-right: 8px; float: left; cursor: pointer; background: url("images/sprites.png") no-repeat -120px -120px; } html.rtl .message_viewer .message_header .icon .attachments { margin-right: 0px; margin-left: 8px; float: right; } .message_viewer .message_header .date { float: right; font-size: 8.5pt; margin-top: 6px; } html.rtl .message_viewer .message_header .date { float: left; } .message_viewer .message_header .from { color: #2b82d2; font-weight: bold; padding-left: 7px; } html.rtl .message_viewer .message_header .from { padding-right: 7px; } .message_viewer .notice { background: #ffffc5; padding: 4px 6px; border-bottom: 1px solid #EAE7CA; color: #B5AD94; font-size: 8pt; } .message_viewer .notice .item { display: block; } .message_viewer .notice .link { color: #7E9BAF; } .message_viewer .message { height: 100%; } .message_viewer .message .message_content { height: 100%; overflow: auto; white-space: normal; } .message_viewer .message .message_content .bodyparts_separator { height: 1px; background-color: #e2e2e2; display: none; margin: 0px 20px; } .message_viewer .message.has_bodytext.has_attachments .bodyparts_separator { display: block; } .message_viewer .appointment { padding: 15px; background: #eeffe0; border-bottom: 1px solid #cee2c0; } .message_viewer .appointment .row.fluid { padding-left: 100px; } .message_viewer .appointment .label { width: 100px; color: #57793E; vertical-align: top; } .message_viewer .appointment .row.fluid .label { margin-left: -100px; } .message_viewer .appointment .value { display: inline-block; -ms-word-break: break-all; word-wrap: break-word; } .message_viewer .appointment .row.fluid .value { width: 99%; } .message_viewer .appointment .event_state { color: #929292; padding-left: 5px; } .message_viewer .appointment .buttons { display: inline-block; margin-top: 7px; } .message_viewer .appointment .buttons .button { margin-right: 5px; } .message_viewer .appointment .buttons .button.state { padding: 4px 8px; } .message_viewer .appointment .buttons.animation .button { -webkit-transition: opacity 200ms ease, background 200ms ease, color 200ms ease; -moz-transition: opacity 200ms ease, background 200ms ease, color 200ms ease; -o-transition: opacity 200ms ease, background 200ms ease, color 200ms ease; transition: opacity 200ms ease, background 200ms ease, color 200ms ease; } .message_viewer .appointment .buttons.touched .button { opacity: 0.4; } .message_viewer .appointment .buttons.touched .button:hover, .message_viewer .appointment .buttons.touched .button.state { opacity: 1; } .message_viewer .panels.has_attachments { padding-right: 170px; } .message_viewer .panels.has_attachments .left_panel { border-right: 1px solid #E2E2E2; } .message_viewer .left_panel { box-shadow: none; border-radius: 0px; width: 100%; } .message_viewer .right_panel { box-shadow: none; width: 170px; margin-right: -170px; float: right; } .panel.thread_viewer .panel_top .expand .owner.founded, .message_viewer .message_header .expand .from.founded { padding: 3px 7px 0px; margin: -3px -7px 0px 0px; background: #fff; border-radius: 4px 4px 0px 0px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); position: relative; z-index: 1001; display: inline-block; } .item_viewer .title .add_contact, .item_viewer .message_header .add_contact { display: inline-block; vertical-align: middle; width: 11px; height: 11px; margin: 0 0 2px 2px; color: #2b82d2; cursor: pointer; } .item_viewer .title .add_contact:before, .item_viewer .message_header .add_contact:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .item_viewer .title .add_contact:before, .item_viewer .message_header .add_contact:before { content: "\e641"; font-size: 16px; display: inline-block; vertical-align: middle; width: 100%; height: 100%; margin: -12px -3px 0px; } /*=== END Message viewer CSS ===*/ .messages .middle_bar { -webkit-transition: margin-top 500ms ease 0ms, padding-top 500ms ease 0ms; -moz-transition: margin-top 500ms ease 0ms, padding-top 500ms ease 0ms; -o-transition: margin-top 500ms ease 0ms, padding-top 500ms ease 0ms; transition: margin-top 500ms ease 0ms, padding-top 500ms ease 0ms; } .messages .middle_bar.advanced_search { padding-top: 198px; margin-top: -198px; } .messages .middle_bar.advanced_search .panel_top { height: 185px; } .messages .middle_bar .panel_top { height: 26px; -webkit-transition: height 500ms ease 0ms; -moz-transition: height 500ms ease 0ms; -o-transition: height 500ms ease 0ms; transition: height 500ms ease 0ms; } html.screen-compose .pSevenMain { min-height: 640px; } html.screen-compose-cc .pSevenMain, html.screen-compose-bcc .pSevenMain { min-height: 687px; } html.screen-compose-cc.screen-compose-bcc .pSevenMain { min-height: 734px; } /*=== Compose screen CSS ===*/ .panel.compose { background: #f9f9f9; box-shadow: -1px 0 4px rgba(0, 0, 0, 0.23); display: inline-block; width: 100%; } .panel.compose .panel.left_panel .panel_content, .panel.compose .panel.right_panel .panel_content { padding-top: 0px; margin-top: 0px; } .panel.compose .left_panel { width: 80%; border-radius: 0px; box-shadow: none; border-right: 1px solid #E2E2E2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .panel.compose .left_panel .middle_bar { padding-top: 0px; margin-top: 0px; padding-bottom: 40px; margin-bottom: -40px; } .panel.compose .left_panel .panel_top { border: 0px; background: none; padding: 6px 11px; } .panel.compose .left_panel .panel_center { padding-top: 1px; background: none; overflow: hidden; } .panel.compose .left_panel .panel_bottom { background: none; border: 0px; border-radius: 0px; height: auto; padding: 0; margin: 8px 12px 0 12px; overflow: hidden; } .panel.compose .left_panel .panel_bottom .hint { display: inline-block; padding: 0 0 6px 0; white-space: nowrap; overflow: hidden; } .panel.compose .left_panel .panel_bottom .hotkey_value { color: #5a6373; text-shadow: 0 1px 0 #FFFFFF; margin: 0 4px 0 0; } .panel.compose .left_panel .panel_bottom .hotkey_action { color: #222222; text-shadow: 0 1px 0 #dddddd; margin: 0 12px 0 0; } .panel.compose .right_panel { width: 20%; border-radius: 0px; box-shadow: none; position: relative; overflow: hidden; } .panel.compose .right_panel .middle_bar { padding-top: 37px; margin-top: -37px; } .panel.compose .right_panel .middle_bar .panel_top { padding: 6px 10px; text-align: center; line-height: 180%; } .panel.compose .right_panel .middle_bar .panel_top .uploader_button { display: inline-block; vertical-align: middle; color: #999; cursor: pointer; margin-right: 10px; } .panel.compose .right_panel .middle_bar .panel_top .uploader_button:hover { color: #444; } .panel.compose .right_panel .middle_bar .panel_top .uploader_button .icon { display: inline-block; vertical-align: middle; width: 24px; height: 24px; font-size: 24px; } .panel.compose .right_panel .middle_bar .panel_top .uploader_button .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panel.compose .right_panel .middle_bar .panel_top .uploader_button.google_drive .icon:before { content: "\e654"; } .panel.compose .right_panel .middle_bar .panel_top .uploader_button.dropbox .icon:before { content: "\e655"; } .panel.compose .right_panel .middle_bar .panel_top .uploader_button.files .icon:before { content: "\e656"; } .panel.compose .right_panel .middle_bar .panel_top .uploader_button.desktop .icon:before { content: "\e657"; } .panel.compose .right_panel .middle_bar .panel_top .uploader_button .text { display: none; } .panel.compose .html_editor { margin-left: 11px; margin-right: 11px; } .panel.compose .input.inputosaurus { position: relative; } .panel.compose .disable_mask { position: absolute; opacity: 0.2; background: #ccc; width: 100%; height: 100%; cursor: default; z-index: 100; } .panel.compose .panel_content > .toolbar { background: #d7f0c3; filter: none; border-bottom: 1px solid #cacfd5; } .panel.compose .panel_content > .toolbar .text { display: inline-block; } .panel.compose .panel_content > .toolbar .back .text { display: none; } .panel.compose .panel_content > .toolbar .icon { display: none; } .panel.compose .panel_content > .toolbar .back .icon, .panel.compose .panel_content > .toolbar .new_window .icon, .panel.compose .panel_content > .toolbar .confirmation .icon, .panel.compose .panel_content > .toolbar .pgp .icon { display: inline-block; } .panel.compose .panel_content > .toolbar .new_window { border: 0px; background: transparent; box-shadow: none; float: right; } html.rtl .panel.compose .panel_content > .toolbar .new_window { float: left; } .panel.compose .notice { padding: 8px 11px; background: #FFFFC5; color: #B5AD94; border-bottom: 1px solid #F5EDD4; } .panel.compose table.fields { width: 100%; margin-top: 10px; } .panel.compose table.fields table.fields { margin-top: 0px; } .panel.compose table.fields td { padding: 0px 0px 10px; } .panel.compose table.fields td td { padding: 0px; } .panel.compose table.fields .label { text-align: right; width: 90px; padding-right: 10px; } html.rtl .panel.compose table.fields .label { text-align: left; } .panel.compose table.fields .input { padding: 8px 10px; font-size: 11pt; border-radius: 2px; min-width: 100%; width: 100px !important; } .panel.compose table.fields textarea.input { width: 100%; height: 300px; } .panel.compose table.fields .link { text-decoration: underline; cursor: pointer; } .panel.compose table.fields .link:hover { color: #2B5877; text-decoration: none; } .panel.compose table.fields .from, .panel.compose table.fields .to, .panel.compose table.fields .cc, .panel.compose table.fields .bcc, .panel.compose table.fields .subject { font-size: 11pt; } .panel.compose table.fields .to .link { display: inline-block; font-size: 11pt; color: #4477bb; } .panel.compose table.fields .to .link:hover { color: #24579b; } .panel.compose table.fields .show_bcc, .panel.compose table.fields .show_cc { margin-left: 10px; } .panel.compose table.fields .cc .hide_cc, .panel.compose table.fields .bcc .hide_bcc { display: none; } .panel.compose table.fields .cc .inputosaurus, .panel.compose table.fields .bcc .inputosaurus, .panel.compose table.fields .to .inputosaurus { padding: 0px; } .panel.compose table.fields .cc .inputosaurus .scroll-wrap, .panel.compose table.fields .bcc .inputosaurus .scroll-wrap, .panel.compose table.fields .to .inputosaurus .scroll-wrap { max-height: 200px; } .panel.compose .buttons .button.send { background: none repeat scroll 0 0 #88CF50; border: 1px solid #7BBE45; border-radius: 5px 5px 5px 5px; color: #FFFFFF; display: inline-block; font-size: 13pt; font-weight: bold; padding: 10px 30px; box-shadow: none; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); margin: 10px 11px; cursor: pointer; } .panel.compose .buttons .button.send.disabled { cursor: default; opacity: 0.5; } .panel.compose .attachments { z-index: 1; } .panel.compose .attachments .uploader_mask { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 250ms ease 0s; -moz-transition: opacity 250ms ease 0s; -o-transition: opacity 250ms ease 0s; transition: opacity 250ms ease 0s; background: #FFFDD6; padding: 11px; color: #D3B910; font-size: 18pt; text-align: center; opacity: 0; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; visibility: hidden; } .panel.compose .attachments .uploader_mask.active { visibility: visible; opacity: 0.5; filter: alpha(opacity=50); } .panel.compose .attachments .uploader_mask .inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 100%; border: 3px dashed #E2DA36; border-radius: 5px; } .panel.compose .attachments .items_list { height: 100%; } .panel.compose .attachments .items_list .list_notification { margin-top: 1em; } .panel.compose .attachments .attachments_container { padding: 20px; } .panel.compose .input { border: 1px solid #E3E3E3; box-shadow: none; } .panel.compose .panel_content > .toolbar { background: #fff !important; } /*=== END Compose screen CSS ===*/ /*=== Settings screen CSS ===*/ .panels.settings .panel { /* width: 60%; */ width: 800px; } html.non-adjustable .panels.settings .panel { margin-bottom: 4px; } .panels.settings .panel.data { background: #F9F9F9; } .panels.settings .panel.navigation { width: 15%; } .panels.settings .panel.navigation .middle_bar { padding-top: 22px; margin-top: 0px; } .panels.settings .panel.navigation .item { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .panels.settings .panel.navigation .item .icon { display: inline-block; vertical-align: middle; width: 18px; height: 18px; margin-right: 4px; } .panels.settings .panel.navigation .item .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panels.settings .panel.navigation .item .icon:before { display: inline-block; width: 100%; height: 100%; font-size: 20px; } .panels.settings .panel.navigation .item.common .icon:before { content: "\e639"; } .panels.settings .panel.navigation .item.accounts .icon:before { content: "\e638"; } .panels.settings .panel.navigation .item.calendar .icon:before { content: "\e63a"; } .panels.settings .panel.navigation .item.services .icon:before { content: "\e656"; } .panels.settings .panel.navigation .item.mobile_sync .icon:before { content: "\e636"; } .panels.settings .panel.navigation .item.outlook_sync .icon:before { content: "\e635"; } .panels.settings .panel.navigation .item.helpdesk .icon:before { content: "\e637"; } .panels.settings .panel.navigation .item.pgp .icon:before { content: "\e658"; } .panels.settings .panel_content { padding-top: 0px; margin-top: 0px; margin-right: 0px; } .panels.settings .middle_bar { padding-top: 72px; margin-top: -72px; } .panels.settings .panel_top { border: 0px; background: none; padding: 0px; } .panels.settings .panel_center { background: none; } .panels.settings .title { color: #4d4d4d; padding: 35px 20px 15px; margin: 0px; } .panels.settings .fieldset { background: #f1f1f1; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACtJREFUeNo0iIEJACAAwlT8/1GPMAsaKGNMYpskAOPRdq9tWbrifpaOAAMAMvEO3ANCJPYAAAAASUVORK5CYII='); background-position: 0 0; border: 1px solid #e0e0e0; border-radius: 4px; margin: 0px 20px 20px; padding: 20px; } .panels.settings .fieldblock { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1); border: 1px solid #D0D0DA; border-radius: 4px 4px 4px 4px; margin-bottom: 14px; padding: 14px; } .panels.settings .fields .row { margin-bottom: 14px; /*padding-left: 150px;*/ } .panels.settings .fields .row:last-child { margin-bottom: 0px; } .panels.settings .fields .row .label { width: 150px; /* margin-left: -150px;*/ color: #626262; } .panels.settings .fields .row .input { font-size: 10pt; padding: 7px 9px 6px; /*width: 100%;*/ } .panels.settings .fields .row .value.offset { padding-left: 150px; } .panels.settings .fields .row .value.text { padding: 7px 9px 6px; font-weight: bold; width: 300px; display: inline-block; } .panels.settings .fields .row .value.text.port { width: auto; } .panels.settings .fields .row .custom_radio { margin-left: 16px; } .panels.settings .fields .row .custom_radio:first-child { margin-left: 0px; } .panels.settings .fields .fieldblock .label { width: 135px; } .panels.settings .pgp .fields .row .value.offset { padding-left: 0; } .panels.settings .fields .hint { /* border-radius: 4px;*/ padding: 4px 6px; margin: -12px -6px 12px; } .panels.settings .signature .fields .hint { margin: -12px -6px 12px 14px; } .panels.settings .mobile_sync .fields .label { float: left; } .panels.settings .mobile_sync .fields .value { display: block; overflow: hidden; -ms-word-break: break-all; word-wrap: break-word; } .panels.settings .workday .input.start, .panels.settings .workday .input.end { width: 125px; } .panels.settings .ios_profile a { text-decoration: none; -webkit-transition: color 300ms ease 0s; -moz-transition: color 300ms ease 0s; -o-transition: color 300ms ease 0s; transition: color 300ms ease 0s; } .panels.settings .ios_profile a .icon { display: inline-block; vertical-align: middle; width: 28px; height: 31px; margin-top: 0; font-size: 26px; color: #91908e; -webkit-transition: opacity 300ms ease 0s; -moz-transition: opacity 300ms ease 0s; -o-transition: opacity 300ms ease 0s; transition: opacity 300ms ease 0s; } .panels.settings .ios_profile a .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panels.settings .ios_profile a .icon:before { content: "\e63d"; } .panels.settings .ios_profile a:hover .icon { opacity: 0.8; } .panels.settings .buttons { margin: 0px 20px 15px; } .panels.settings .fieldset .buttons { margin: 0px; } .settings .tabs { margin-top: 20px; margin-bottom: 16px; } .settings .tabs .shortcuts { font-size: 0pt; padding: 0px 0px 0px 20px; margin: 0px 20px; } .settings .tabs .shortcuts .item { font-size: 9pt; display: inline-block; vertical-align: bottom; } .settings .tabs .shortcuts .item a { border: 1px solid #e0e0e0; border-bottom: 0px; display: inline-block; padding: 6px 12px 6px; margin-right: 4px; color: #828282; font-weight: bold; outline: none; background: #F5F5F5; text-decoration: none; border-radius: 4px 4px 0px 0px; } .settings .tabs .shortcuts .item.selected a { background: #F1F1F1; color: #3d3d3d; margin-bottom: -1px; padding-bottom: 7px; } .settings .accounts .panel_top .buttons { float: right; margin-top: 30px; } .settings .accounts_list { border: 1px solid #d5d9dc; background: #fafafa; border-radius: 4px; margin: 0px 20px; overflow: hidden; clear: both; } .settings .accounts_list:after { /*Opera*/ clear: both; display: block; content: "."; height: 0; visibility: hidden; } * html > body .settings .accounts_list { width: 100%; display: block; } * html .settings .accounts_list { /* IE 6 */ height: 1%; } .settings .accounts_list .item { padding: 6px 10px; border-bottom: 1px solid #d5d9dc; color: #626262; cursor: pointer; } .settings .accounts_list .item.fetcher .icon { display: inline-block; vertical-align: bottom; width: 18px; height: 18px; font-size: 20px; } .settings .accounts_list .item.fetcher .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .settings .accounts_list .item.fetcher .icon:before { content: "\e65b"; } .settings .accounts_list .item.fetcher .label { color: #929292; } .settings .accounts_list .item.fetcher .title { font-weight: bold; } .settings .accounts_list .item:last-child { border-bottom: 0px; } .settings .accounts_list .item.selected { background: #f1f1f1; color: #4d4d4d; font-weight: bold; } .settings .accounts_list .button { float: right; } .settings .accounts_list .title { padding: 0px; display: inline-block; font-size: 9pt; } .settings .accounts_list .item .link.fetcher { float: right; font-weight: normal; margin-left: 12px; } .add_fetcher .row.hint { margin-top: 16px; } .row.keys_label { margin-bottom: 6px !important; } .settings .accounts_list .buttons { margin: 15px 0px; } .settings .accounts_list .buttons .button { font-size: 10pt; } .settings .accounts_list .item .button { cursor: pointer; padding: 1px 5px; display: inline-block; font-size: 9pt !important; background: none repeat scroll 0 0 #6FA8DE; border: 1px solid #5D97CD; border-radius: 4px 4px 4px 4px; color: #FFFFFF; text-shadow: 0 1px 0 #4D759B; } .settings .folders.items_list { margin-bottom: 10px; } .settings .folders.items_list .first_sortable_container { position: relative; } .settings .folders.items_list .item { border-top: 1px solid #ccc; background: none; max-height: inherit; overflow: visible; } .settings .folders.items_list .item.ui-sortable-helper { background-color: rgba(240, 240, 240, 0.8); box-shadow: inset 0px 0px 1px #ddd; } .settings .folders.items_list .item.ui-sortable-helper .title { background-color: rgba(240, 240, 240, 0.8); } .settings .folders.items_list > .item:first-child { border-top: 0px; } .settings .folders.items_list .title { padding-top: 4px; padding-bottom: 7px; padding-right: 0px; } .settings .folders.items_list .title:hover { background: rgba(0, 0, 0, 0.03); } .settings .folders.items_list .canDrag .title:hover:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .settings .folders.items_list .canDrag .title:hover:before { content: "\e65d"; display: inline-block; position: absolute; top: 4px; left: 0px; width: 20px; height: 20px; font-size: 20px; opacity: 0.3; filter: alpha(opacity=30); } .settings .folders.items_list .title .input { width: 200px; } .settings .folders.items_list .controls { float: right; } htm.rtl .settings .folders.items_list .controls { float: left; } .settings .folders.items_list .controls .button { display: inline-block; width: 20px; height: 20px; cursor: pointer; font-size: 20px; opacity: 0.8; filter: alpha(opacity=80); } .settings .folders.items_list .controls .button:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .settings .folders.items_list .controls .button:hover { opacity: 1; filter: alpha(opacity=100); } .settings .folders.items_list .controls .button.disabled { opacity: 0.3; filter: alpha(opacity=30); cursor: default !important; } .settings .folders.items_list .controls .button.delete:before { content: "\e65f"; } .settings .folders.items_list .controls .button.subscribe:before { content: "\e660"; } .settings .folders.items_list .controls .button.subscribe.subscribed:before { content: "\e65e"; } .settings .folders.items_list .controls .button.up { background-position: -680px -120px; } .settings .folders.items_list .controls .button.up:hover { background-position: -680px -140px; } .settings .folders.items_list .controls .button.down { background-position: -700px -120px; } .settings .folders.items_list .controls .button.down:hover { background-position: -700px -140px; } .settings .folders.items_list .total .count { margin-right: 62px !important; } html.rtl .settings .folders.items_list .total .count { margin-right: 0px; margin-left: 62px !important; } .settings .fields .filter .value { word-spacing: 0.7ex; } .settings .fields .filter .value .part { word-spacing: normal; display: inline-block; } .settings .fields .filter .input { padding: 2px; width: 75px; margin: 0px; } .settings .fields .filter .buttons { margin: 0px; float: right; } .settings .fields .filter .field { position: relative; display: inline-block; } .settings .fields .filter .link, .settings .fields .filter .link:hover { color: #4477bb; text-decoration: none; border-bottom: 1px dashed #4477bb; } .settings .autoresponder .input { width: 520px; } .settings .autoresponder .message .input { height: 145px; } .settings .signature .editor_row .custom_radio { float: left; margin-right: 4px; } html.rtl .settings .signature .editor_row .custom_radio { float: right; margin-right: 0px; margin-left: 4px; } .settings .signature .editor_row .editor { height: 200px; padding-top: 1px; margin-left: 18px; } html.rtl .settings .signature .editor_row .editor { margin-right: 18px; margin-left: 0px; } .settings .signature .editor_row .editor .html_editor { pointer-events: none; } .settings .signature .editor_row .editor .html_editor > * { pointer-events: auto; } /*=== END Settings screen CSS ===*/ .ContactsLayout .panel_helper { width: 85%; } .panel.groups { width: 15%; } .panel.groups .ui-droppable-disabled { opacity: 1 !important; } /*=== Contacts screen CSS ===*/ .panel.contacts .panel_content { margin-right: 0px; } .panel.contacts .panel_top .search_block { padding-right: 4px; } html.rtl .panel.contacts .panel_top .search_block { padding-right: 0px; padding-left: 30px; } .panel.contacts .middle_bar { padding-top: 39px; margin-top: -39px; padding-bottom: 47px; margin-bottom: -47px; } .panel.contacts .item .me { background: #F1F1F1; border-radius: 10px 10px 10px 10px; color: #6D6D6D; float: right; padding: 2px 8px; } .panel.contacts .item.selected .me { color: #519CE2; } .panel.contacts .item .data { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .panel.contacts .item .data .name { display: block; margin-bottom: 10px; font-size: 12pt; } .panel.contacts .item .data .email { color: #519CE2; } .panel.contacts .item.selected .data .email { color: #fff; } .panel.contacts .item.noname .data .name, .panel.contacts .item.noemail .data .email { font-weight: normal; color: #888; opacity: 0.3; filter: alpha(opacity=30); } .panel.contacts .item.selected.noname .data .name, .panel.contacts .item.selected.noemail .data .email { color: #fff; } .panel.contacts .search_form { float: right; margin-top: -25px; } .panel.contacts .right_panel { overflow-x: hidden; overflow-y: auto; height: 100%; } .panel.contacts .contact_form { border: 3px solid #69A8F5; background: #69A8F5; border-radius: 4px; } .panel.contacts .contact_form .contact_content { padding: 20px; background: #fff; border-radius: 2px; } .panel.contacts .contact_form .title { margin-top: 0px; font-weight: normal; } .panel.contacts .contact_form .subtitle { font-size: 11pt; color: #636C78; } .panel.contacts .contact_form .buttons { border-top: 0px; margin-top: 0px; padding: 10px 0px 0px; } .panel.contacts .contact_form .value { font-weight: bold; font-size: 12pt; } /*=== END Contacts screen CSS ===*/ /*=== Contact viewer CSS ===*/ .panel.contact_viewer .panel_content { background: url("images/contacts-bg.png?7.4.0.7") repeat 0 0; margin: 0 !important; padding: 2px 4px 0 2px !important; } .panel.contact_viewer .middle_bar { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding-top: 100px; margin-top: -100px; } .panel.contact_viewer .middle_bar.edit_contact, .panel.contact_viewer .middle_bar.edit_group { padding-bottom: 69px; margin-bottom: -69px; } .panel.contact_viewer .panel_top { margin: 0px 20px; padding: 23px 0px; min-height: 50px; background: none; border-bottom: 0px; } .panel.contact_viewer .panel_bottom { border: 0px; border-radius: 0px; background: none; padding: 0px; height: auto; } .panel.contact_viewer .panel_bottom .toolbar { float: none !important; text-align: right; margin: 0px 20px; padding: 20px 0px; border-top: 1px solid #D9D9D9; } html.rtl .panel.contact_viewer .panel_bottom .toolbar { text-align: left; } .panel.contact_viewer .panel_bottom .buttons { border-top: 1px solid #D9D9D9; margin: 0px 20px; } .panel.contact_viewer .contact_content { height: 100%; } .panel.contact_viewer .contact_content .fields_switcher { margin: 10px 20px; text-align: right; } .panel.contact_viewer .title { font-size: 18pt; font-weight: normal; color: #4d4d4d; padding: 0px; margin: 0 0 6px; overflow: hidden; white-space: normal; -ms-word-break: break-all; word-wrap: break-word; } .panel.contact_viewer .title.email { color: #3983c8; margin: 0px; font-size: 10.5pt; font-weight: bold; } .panel.contact_viewer .toolbar { background: none; filter: none; float: right; padding: 0; border-radius: 0px; border: 0px; } html.rtl .panel.contact_viewer .toolbar { float: left; } .panel.contact_viewer .item.mail_to_title { text-decoration: none; } .panel.contact_viewer .panel_center .toolbar { position: relative; z-index: 1; } .panel.contact_viewer .panel_center .toolbar .content { position: absolute; right: 0px; top: 0px; margin: 20px 40px 0px 0px; } html.rtl .panel.contact_viewer .panel_center .toolbar .content { right: auto; left: 0px; margin-right: 0px; margin-left: 40px; } .panel.contact_viewer .contact_content .toolbar { margin: 20px 30px 0px 0px; } .panel.contact_viewer .toolbar .content { padding: 0; } .panel.contact_viewer .toolbar .content .item.mail_to { background: none repeat 0 0 #88CF50; border-color: #7BBE45; border-radius: 5px 5px 5px 5px; overflow: hidden; padding: 5px 10px 2px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); color: #FFFFFF; box-shadow: none; } .panel.contact_viewer .toolbar .icon { display: none; } .panel.contact_viewer .toolbar .text { display: inline-block; } .panel.contact_viewer .decor { border: 1px solid #D9D9D9; border-bottom: 0px; border-radius: 4px 4px 0px 0px; padding-top: 3px; margin: 0px 20px; } .contact_data_groups { color: #626262; border: 1px solid #D9D9D9; border-top: 0px; border-radius: 0px 0px 4px 4px; margin: 0px 20px; min-height: 100px; } .contact_data_groups .fields { padding: 12px 20px 1px; } .contact_data_groups .subtitle, .contact_data_groups .row { margin-top: 0px; margin-bottom: 22px; padding: 0px; } .contact_data_groups .subtitle { font-size: 10.5pt; } .contact_data_groups.edit .label { width: 25%; } .contact_data_groups.edit .value { width: 75%; } .contact_data_groups .address { margin-bottom: 12px; } .contact_data_groups .address .row { margin-bottom: 5px; clear: none; } .contact_data_groups .address .row:after { display: none; } .contact_data_groups .address .label { width: 20px; height: 0px; text-indent: 20px; overflow: hidden; } .contact_data_groups .address .label.address { float: left; width: 20px; height: 20px; text-indent: 0px; overflow: hidden; vertical-align: middle; margin-right: -20px; word-wrap: normal; } .contact_data_groups .address .label.address:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .contact_data_groups .address .label.address:before { font-size: 20px; margin-right: 20px; content: "\e662"; } .contact_data_groups .address .label.address:before html.rtl { margin-left: 20px; margin-right: 0px; } .contact_data_groups .mobile .label, .contact_data_groups .phone .label, .contact_data_groups .fax .label { width: 20px; height: 20px; text-indent: 0px; overflow: hidden; vertical-align: middle; } .contact_data_groups .mobile .label:before, .contact_data_groups .phone .label:before, .contact_data_groups .fax .label:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .contact_data_groups .mobile .label:before, .contact_data_groups .phone .label:before, .contact_data_groups .fax .label:before { font-size: 20px; margin-right: 20px; content: "\e663"; } .contact_data_groups .mobile .label:before html.rtl, .contact_data_groups .phone .label:before html.rtl, .contact_data_groups .fax .label:before html.rtl { margin-left: 20px; margin-right: 0px; } .contact_data_groups .mobile .label .text, .contact_data_groups .phone .label .text, .contact_data_groups .fax .label .text { display: none; } .contact_data_groups .link.call { margin-left: 10px; } html.rtl .contact_data_groups .link.call { margin-left: 0px; margin-right: 10px; } .contact_card .link.call { margin-left: 4px; } .contact_card .groups .row { font-size: 9pt; } .import .contact_data_groups .buttons { text-align: left; margin-top: 0px; } /*=== END Contact viewer CSS ===*/ /*=== Files public view CSS ===*/ .screens.pub_view { padding-top: 0px; margin-top: 0px; } .pub_view .panel.files { width: 100%; } /*=== END Files public view CSS ===*/ /*=== Files screen CSS ===*/ .panel.files { width: 85%; position: relative; } .panel.files .middle_bar { padding-top: 31px; margin-top: -31px; } .panel.files .toolbar .search_block { width: 200px; float: right; padding-right: 0; } html.rtl .panel.files .toolbar .search_block { float: left; padding-left: 0; } .panel.files .pathway { background: #fff; border-bottom: 1px solid #D5D5D5; padding: 6px 10px 6px 30px; } html.rtl .panel.files .pathway { padding-left: 10px; padding-right: 30px; } .panel.files .pathway a, .panel.files .pathway b { display: inline-block; height: 1em; line-height: 100%; padding: 2px 4px; vertical-align: text-top; font-size: 10pt; } .panel.files .pathway .droppableHover { border-radius: 2px; } .panel.files .items_list .uploader_mask { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 250ms ease 0s; -moz-transition: opacity 250ms ease 0s; -o-transition: opacity 250ms ease 0s; transition: opacity 250ms ease 0s; background: #FFFDD6; padding: 11px; color: #D3B910; font-size: 18pt; text-align: center; opacity: 0; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; visibility: hidden; } .panel.files .items_list .uploader_mask.active { visibility: visible; opacity: 0.5; } .panel.files .items_list .uploader_mask .inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 100%; border: 3px dashed #E2DA36; border-radius: 5px; } .panel.files .items_list .items_sub_list { font-size: 0px; padding: 10px; } .panel.files .items_list .item { display: inline-block; height: 180px; max-width: 160px; max-height: 180px; vertical-align: top; opacity: 1; font-size: 9pt; margin: 0px 16px 20px 0px; cursor: pointer; white-space: normal; overflow: visible; background: none; } html.rtl .panel.files .items_list .item { margin-left: 4px; margin-right: 0px; } .panel.files .items_list .item.helper { margin-bottom: 0px; height: 0px; visibility: hidden; } .panel.files .items_list .item.deleted { overflow: hidden; opacity: 0; max-height: 160px !important; max-width: 0px !important; -webkit-transition: -webkit-transform 500ms ease 0s, opacity 500ms ease 0s, max-width 250ms ease 250ms; -moz-transition: transform 500ms ease 0s, opacity 500ms ease 0s, max-width 250ms ease 250ms; transition: transform 500ms ease 0s, opacity 500ms ease 0s, max-width 250ms ease 250ms; -webkit-transform: scale(0.5); transform: scale(0.5); } .panel.files .items_list .item.incomplete { opacity: 0.5; } .panel.files .items_list .item.incomplete .cancel { display: block; } .panel.files .items_list .item.selected.folder .item_content, .panel.files .items_list .item.checked.folder .item_content, .panel.files .items_list .item.selected .item_content, .panel.files .items_list .item.checked .item_content { background: #ebf7cb; } .panel.files .items_list .item.shared .shared_icon { display: block; float: right; height: 16px; width: 16px; margin-right: 30px; margin-top: -35px; position: relative; overflow: hidden; background: #64AEDC; height: 18px; width: 18px; border-radius: 2px; color: #fff; text-align: center; font-size: 14px; line-height: 16px; } .panel.files .items_list .item.shared .shared_icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panel.files .items_list .item.shared .shared_icon:before { content: "\e65c"; vertical-align: middle; } .panel.files .items_list .item.shared .shared_icon.with_thumb { margin-right: -5px; margin-top: -15px; } .panel.files .items_list .item.shared .shared_icon:hover { background-color: #328DC5; } .panel.files .items_list .item.aslink .item_content { border: 1px dashed #C0C0C0; padding: 8px 8px 6px; } .panel.files .items_list .item .cancel { background: #e84d49; border-radius: 2px; display: none; float: right; height: 14px; width: 14px; margin-left: -14px; overflow: hidden; margin-top: 5px; cursor: pointer; position: relative; color: #fff; font-size: 12px; text-align: center; } .panel.files .items_list .item .cancel:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panel.files .items_list .item .cancel:before { content: "\e63e"; } .panel.files .items_list .item .header { display: none; height: 24px; margin: 1px 1px -29px; white-space: normal; padding-top: 4px; line-height: 100%; overflow: hidden; text-align: center; position: relative; background: #F7F7F7; border-radius: 5px 5px 0px 0px; } .panel.files .items_list .item .header .author, .panel.files .items_list .item .header .date { font-size: 8pt; color: #626262; padding: 0px; margin: 0px; float: none !important; display: inline-block; white-space: nowrap; } .panel.files .items_list .item.selected .header, .panel.files .items_list .item.checked .header { background: #EBF7CB; } .panel.files .items_list .item .title { font-size: 9pt; } .panel.files .items_list .item .controls { display: none; font-size: 8pt; margin: -22px 0px 0px; padding-top: 2px; height: 20px; float: none; } .panel.files .items_list .item:hover .header, .panel.files .items_list .item.selected .header, .panel.files .items_list .item.checked .header { display: block; } .panel.files .items_list .item:hover .controls, .panel.files .items_list .item.selected .controls, .panel.files .items_list .item.checked .controls { display: block; } .panel.files .items_list .item:hover .name, .panel.files .items_list .item.selected .name, .panel.files .items_list .item.checked .name, .panel.files .items_list .item:hover .ext, .panel.files .items_list .item.selected .ext, .panel.files .items_list .item.checked .ext { color: #3D3D3D; } .panel.files .items_list .item:hover .size, .panel.files .items_list .item.selected .size, .panel.files .items_list .item.checked .size { color: #929292; } .panel.files .items_list .item.folder { text-align: center; width: 136px; height: 139px; } .panel.files .items_list .item.folder .item_content { display: block; padding: 8px 8px 6px; margin-bottom: 6px; background: initial; border-radius: 3px; box-shadow: none; border: 0px; } .panel.files .items_list .item.folder:hover .item_content, .panel.files .items_list .item.folder.selected .item_content, .panel.files .items_list .item.folder.checked .item_content { padding: 7px 7px 6px; border: 1px solid #c9c9c9; } .panel.files .items_list .item.folder .image { border-bottom: 0px; min-height: 91px; } .panel.files .items_list .item.folder .icon { display: inline-block; width: 35px; height: 30px; background: url("images/sprites.png?7.4.0.7"); background-position: -440px -360px; } .panel.files .items_list .item.folder .name { display: block; -ms-word-break: break-all; word-wrap: break-word; white-space: normal; height: 2.6em; overflow: hidden; } .panel.files .items_list .large .folder .icon { width: 66px; height: 65px; background-position: -880px -400px; } .cssanimations .panel.files .items_list .item .item_content.recivedAnim { border-radius: 4px; -webkit-animation: highlight 0.5s linear; -moz-animation: highlight 0.5s linear; animation: highlight 0.5s linear; } .panel.files .items_list .item > .mask { display: none; width: 100%; height: 100%; margin-top: -155px; border-radius: 3px; } .panel.files .dragover .items_list .item > .mask { display: block; } .panel.files .item .droppableHover, .panel.folders .item .droppableHover, .panel.files .panel_top .droppableHover { background: #DCD9D1 !important; color: #626262 !important; text-shadow: 0px 1px 0px #fff !important; } .sharing_panel { display: block; width: 280px; margin: 0px auto; padding: 130px 20px 20px; background: url("images/logo.png?7.4.0.7") no-repeat center 20px; text-align: center; } .sharing_panel .item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 1px 6px; text-align: left; vertical-align: top; } .sharing_panel .item .icon { display: inline-block; float: left; background: url("images/sprites.png?7.4.0.7") no-repeat 80px 0px; width: 55px; height: 65px; background-position: -480px -200px; } .sharing_panel .buttons { display: block; text-align: center; } .sharing_panel .button { text-decoration: none; } .popup.files .popup_panel { height: 400px; width: 840px; padding-bottom: 62px; max-width: 100%; } .popup.files .popup_panel .panels { border: 1px solid #ccc; border-radius: 5px; overflow: hidden; } .popup.files .popup_panel .panels .panel { padding: 0px; } .popup.files .popup_panel .panels .panel .panel_content { padding-top: 0px; margin-top: 0px; } .popup.files .popup_panel .panels .panel.storages { width: 25%; } .popup.files .popup_panel .panels .panel.storages .items_list .item .title .name { mask: url(images/filters.svg#masking); -webkit-mask: url(images/mask.png?7.4.0.7) repeat-y top right; -o-mask: url(images/mask.png?7.4.0.7) repeat-y top right; -ms-mask: url(images/mask.png%VERSION%) repeat-y top right; } html.rtl .popup.files .popup_panel .panels .panel.storages .items_list .item .title .name { mask: url(images/filters.svg#masking_rtl); -webkit-mask: url(images/mask_rtl.png?7.4.0.7) repeat-y top left; -o-mask: url(images/mask_rtl.png?7.4.0.7) repeat-y top left; -ms-mask: url(images/mask_rtl.png%VERSION%) repeat-y top left; } .popup.files .popup_panel .panels .panel.storages .items_list .item.selected .title .name { mask: url(images/filters.svg#masking); -webkit-mask: url(images/mask.png?7.4.0.7) repeat-y top right; -o-mask: url(images/mask.png?7.4.0.7) repeat-y top right; -ms-mask: url(images/mask.png%VERSION%) repeat-y top right; } html.rtl .popup.files .popup_panel .panels .panel.storages .items_list .item.selected .title .name { mask: url(images/filters.svg#masking_rtl); -webkit-mask: url(images/mask_rtl.png?7.4.0.7) repeat-y top left; -o-mask: url(images/mask_rtl.png?7.4.0.7) repeat-y top left; -ms-mask: url(images/mask_rtl.png%VERSION%) repeat-y top left; } .popup.files .popup_panel .panels .panel.files { width: 75%; } .popup.files_create_link .popup_panel { max-width: 450px; } .popup.files_create_link .popup_panel .image { border-bottom: 0; } .popup.files .popup_panel .image { border-bottom: 0; } /*=== END Files screen CSS ===*/ /*=== Helpdesk screen CSS ===*/ .tabs_panel.helpdesk .item.helpdesk { display: inline-block; color: #3D3D3D; font-size: 16pt; margin: 16px 0 0 14px; padding: 4px 10px; text-shadow: 0 1px 0 #FFFFFF; vertical-align: top; } .HelpdeskLayout .panels { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding-left: 14px; width: 100%; } html.rtl .HelpdeskLayout .panels { padding-left: 0px; padding-right: 14px; } .HelpdeskLayout .panels .panel_helper { width: 100%; } .HelpdeskLayout .AgentArea .panel .panel_content { padding-top: 0px; margin-top: 0px; } .HelpdeskLayout .AgentArea .panel.threads .toolbar { background: none; filter: none; border: 0px; border-radius: 0px; } html.rtl .HelpdeskLayout .AgentArea .panel.threads .toolbar { margin-left: 0px; margin-right: 16px; } .HelpdeskLayout .AgentArea .panel.threads .toolbar .content { padding: 0px; } .HelpdeskLayout .AgentArea .panel.threads .toolbar .checkmail { float: none; padding: 0px; border-radius: 0px; border: 0px; box-shadow: none; background: none; } .HelpdeskLayout .AgentArea .panel.threads .toolbar .new_request { margin-right: 0px; } .HelpdeskLayout .AgentArea .panel.threads .toolbar .new_request .icon { display: none; } .HelpdeskLayout .AgentArea .panel.threads .toolbar .new_request .text { display: inline-block; } .HelpdeskLayout .AgentArea .panel.threads .panel_top { border-radius: 5px 5px 0px 0px; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 40px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACtJREFUeNo0iIEJACAAwlT8/1GPMAsaKGNMYpskAOPRdq9tWbrifpaOAAMAMvEO3ANCJPYAAAAASUVORK5CYII=") repeat scroll 0 0 #f1f1f1; } html.rtl .HelpdeskLayout .AgentArea .panel.threads .panel_top { padding-right: 15px; padding-left: 40px; } .HelpdeskLayout .panel.threads .toolbar .checkmail:hover { background: none; } .HelpdeskLayout .UserArea .panel.threads .toolbar .new_request { display: inline-block; min-width: 200px; } .HelpdeskLayout .UserArea .panel.threads .toolbar .text { display: inline-block; } .HelpdeskLayout .UserArea .panel.threads .toolbar .icon { display: none; } .panel.threads .middle_bar { padding-top: 53px; margin-top: -53px; padding-bottom: 41px; margin-bottom: -41px; } .HelpdeskLayout .UserArea .panel.threads .middle_bar { padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px; border-radius: 5px 0px 5px 5px; box-shadow: -1px 0 4px rgba(0, 0, 0, 0.23); background: #fff; overflow: hidden; } .panel.thread_viewer .panel_center { /*.thread_content > .posts .quote{ position: absolute; top: 0; left: 0; display: none; background: pink; }*/ } .panel.thread_viewer .panel_center .thread_content > .buttons { padding: 0px 20px 18px 18px; margin: 0px; } .panel.thread_viewer .panel_center .thread_content > .buttons .button { padding: 7px 11px; } .panel.thread_viewer .panel_center .thread_content > .buttons.no_posts { padding-top: 18px; } .panel.thread_viewer .panel_center .buttons .new_post { float: left; } html.rtl .panel.thread_viewer .panel_center .buttons .new_post { float: right; } .panel.thread_viewer .new_request .fields { padding: 16px; } .panel.thread_viewer .new_request .fields .input { font-size: 10pt; width: 100%; min-height: 200px; } .panel.thread_viewer .new_request .fields .buttons { text-align: left; margin: 15px 0px 20px; padding: 0px; } .panel.thread_viewer .new_request .fields .buttons .button.create { margin-right: 6px; padding: 5px 12px; } .panel.thread_viewer .new_request .fields .buttons .button.upload { -webkit-transition: background 500ms ease, border-color 500ms ease; -moz-transition: background 500ms ease, border-color 500ms ease; -o-transition: background 500ms ease, border-color 500ms ease; transition: background 500ms ease, border-color 500ms ease; float: right; background: #FFFDD6; border: 0px solid #fff; background: none; color: #555; text-shadow: none; font-weight: normal; margin: 3px; } .panel.thread_viewer .new_request .fields .buttons .button.upload.dragOver { margin: 0px; background: #FFFDD6; border: 3px dashed #EFE164; } .panel.thread_viewer .new_request .fields .buttons .button.upload .icon { display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: url("images/sprites.png?7.4.0.7") no-repeat -120px -120px; } .panel.thread_viewer .new_request .placeholder { font-size: 10pt; padding-top: 6px; text-indent: 9px; } .panel.thread_viewer .uploader_mask { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 250ms ease 0s; -moz-transition: opacity 250ms ease 0s; -o-transition: opacity 250ms ease 0s; transition: opacity 250ms ease 0s; background: #FFFDD6; padding: 11px; color: #D3B910; font-size: 18pt; text-align: center; opacity: 0; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; min-height: 100%; visibility: hidden; } .panel.thread_viewer .uploader_mask.active { visibility: visible; opacity: 0.5; } .panel.thread_viewer .uploader_mask .inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 100%; border: 3px dashed #E2DA36; border-radius: 5px; } .panel.thread_viewer .toolbar .watcher, .panel.thread_viewer .toolbar .watcher:hover { background: #EBE5E5; border-color: #EBE5E5; box-shadow: none; cursor: default; } .panel.thread_viewer .toolbar .from .link { margin-left: 5px; } .panel.thread_viewer .panel_content { margin: 0px !important; padding: 0px !important; } .panel.thread_viewer .middle_bar { padding-top: 76px; margin-top: -76px; padding-bottom: 92px; margin-bottom: -92px; } .panel.thread_viewer .middle_bar.new_request { padding-top: 0px; margin-top: 0px; padding-bottom: 57px; margin-bottom: -57px; } .panel.thread_viewer .middle_bar.own_thread { padding-top: 57px; margin-top: -57px; } .panel.thread_viewer .panel_top { padding: 14px 18px !important; } .panel.thread_viewer .panel_top .subject { min-height: 1.3em; } .panel.thread_viewer .panel_top .title { display: block; overflow: hidden; text-overflow: ellipsis; margin: 4px 0px; padding: 0; font-size: 12pt; font-weight: normal; } .panel.thread_viewer .panel_top .title.has_contactcard { position: relative; left: -11px; } .panel.thread_viewer .panel_top .title.expand { position: relative; overflow: visible; } .panel.thread_viewer .panel_top .title .text { overflow: hidden; padding: 4px 4px 0; position: relative; top: -4px; display: block; } .panel.thread_viewer .panel_top .title .founded { padding-left: 7px; } .panel.thread_viewer .panel_top .title .link { font-size: 9pt; display: inline-block; margin: 0px 10px; } .panel.thread_viewer .panel_top .link.cancel { float: right; margin-top: 8px; } .panel.thread_viewer .panel_bottom { height: auto; border: 0px; border-radius: 0px; } .panel.thread_viewer .panel_center { background: #F9F9F9; } .panel.thread_viewer .panel_center .link.more { margin: 17px 37px 0px; } .panel.thread_viewer .toolbar { float: right; background: none; filter: none; border-bottom: 0px; } html.rtl .panel.thread_viewer .toolbar { float: left; } .panel.thread_viewer .toolbar .content { padding: 0px; } .panel.thread_viewer .post { font-size: 11pt; margin: 18px 20px 18px 18px; background: #fff; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; box-shadow: 0px 0px 0px #CCCCCC; -webkit-transition: all 600ms linear; -moz-transition: all 600ms linear; -o-transition: all 600ms linear; transition: all 600ms linear; } .panel.thread_viewer .post.unseen { box-shadow: -1px 3px 4px 0 #dddddd; -webkit-transform: translate(0px, -3px); -moz-transform: translate(0px, -3px); -ms-transform: translate(0px, -3px); transform: translate(0px, -3px); } .panel.thread_viewer .post .attachments { margin: 0px 18px; padding: 10px 0px; border-top: 1px solid #EDE6D0; } .panel.thread_viewer .post .attachments .attachment { margin: 14px 20px 0 0; font-size: 9pt; } .panel.thread_viewer .post .attachments .attachment .download { cursor: pointer; } .panel.thread_viewer .post .header { padding: 12px 18px 0px; } .panel.thread_viewer .post .header .name { font-size: 13pt; } .panel.thread_viewer .post .header .close { float: right; display: inline-block; height: 10px; width: 10px; cursor: pointer; visibility: hidden; color: #8B8B8B; font-size: 12px; margin: 2px -6px 0 10px; } html.rtl .panel.thread_viewer .post .header .close { float: left; margin-left: -6px; margin-right: 10px; } .panel.thread_viewer .post .header .close:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panel.thread_viewer .post .header .close:before { content: "\e63e"; } .panel.thread_viewer .post .header .date { float: right; font-size: 9pt; } html.rtl .panel.thread_viewer .post .header .date { float: left; } .panel.thread_viewer .post .header .link { font-size: 9pt; } .panel.thread_viewer .post:hover .close.canBeDeleted { visibility: visible; } .panel.thread_viewer .post .content { padding: 10px 19px 16px; } .panel.thread_viewer .post code, .panel.thread_viewer .post .code { white-space: pre; border: 1px dashed #B6AD9E; font-size: 12px; overflow: auto; padding: 8px; } .panel.thread_viewer .post.request .header .link { color: #B2B2B2; } .panel.thread_viewer .post.request .content { color: #656565; } .panel.thread_viewer .post.request.unseen .content { color: #000000; } .panel.thread_viewer .post.response { background: #FEFFE7; position: relative; } .panel.thread_viewer .post.response .header .link { color: #BAAE77; } .panel.thread_viewer .post.response .content { color: #716D51; } .panel.thread_viewer .post.response.unseen .content { color: #000000; } .panel.thread_viewer .post.internal { background: #F8FFE6; margin-left: 100px; } .panel.thread_viewer .post.internal .header .link { font-size: 9pt; color: #9dbf7a; } .panel.thread_viewer .post.internal .content { padding-left: 100px; color: #647151; } .panel.thread_viewer .post.internal.unseen .content { color: #000; } .panel.thread_viewer .post.internal .content::before { float: left; background: url("images/sprites.png?7.4.0.7") repeat -280px -200px; content: ""; width: 60px; height: 40px; margin-left: -80px; opacity: 0.3; } .panel.thread_viewer .quick_reply { max-height: 344px; } .panel.thread_viewer .quick_reply.internal { background: #F8FFE6; } .panel.thread_viewer .quick_reply.hidden { max-height: 0px; } .panel.thread_viewer .quick_reply .buttons .button.upload { float: right; background: #FFFDD6; border: 0px solid #fff; background: none; color: #555; text-shadow: none; font-weight: normal; margin: 3px; -webkit-transition: background 500ms ease, border-color 500ms ease; -moz-transition: background 500ms ease, border-color 500ms ease; -o-transition: background 500ms ease, border-color 500ms ease; transition: background 500ms ease, border-color 500ms ease; } html.rtl .panel.thread_viewer .quick_reply .buttons .button.upload { float: left; } .panel.thread_viewer .quick_reply .buttons .button.upload.dragOver { margin: 0px; background: #FFFDD6; border: 3px dashed #EFE164; } .panel.thread_viewer .quick_reply .buttons .button.upload .icon { display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: url("images/sprites.png?7.4.0.7") no-repeat -120px -120px; } .panel.thread_viewer .quick_reply.active .attachments { max-height: initial; } .panel.thread_viewer .quick_reply.active .attachments .name { white-space: normal; } .panel.thread_viewer .quick_reply .attachments, .panel.thread_viewer .new_request .attachments { padding: 0px; } .panel.thread_viewer .quick_reply .attachments .attachment, .panel.thread_viewer .new_request .attachments .attachment { margin: 0px; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .panel.thread_viewer .quick_reply .attachments .item_content, .panel.thread_viewer .new_request .attachments .item_content { background: #ffffff; } .panel.thread_viewer .quick_reply .attachments .image, .panel.thread_viewer .new_request .attachments .image { min-height: 65px; } .panel.thread_viewer .quick_reply .attachments .image .text, .panel.thread_viewer .new_request .attachments .image .text { margin: 0px; } .panel.thread_viewer .quick_reply .attachments .buttons, .panel.thread_viewer .new_request .attachments .buttons { margin: 6px 0px 0px; } .panel.thread_viewer .quick_reply .attachments .buttons .button, .panel.thread_viewer .new_request .attachments .buttons .button { margin: 0px; } .panel.thread_viewer .quick_reply .attachments .count2 .attachment, .panel.thread_viewer .new_request .attachments .count2 .attachment { max-width: 50%; } .panel.thread_viewer .quick_reply .attachments .count3 .attachment, .panel.thread_viewer .new_request .attachments .count3 .attachment { max-width: 33%; } .panel.thread_viewer .quick_reply .attachments .count4 .attachment, .panel.thread_viewer .new_request .attachments .count4 .attachment { max-width: 25%; } .panel.thread_viewer .quick_reply .attachments .count5 .attachment, .panel.thread_viewer .new_request .attachments .count5 .attachment { max-width: 20%; } .panel.threads { width: 40%; } .panel.threads .panel_top .search_block { padding-left: 10px; padding-right: 5px; } .panel.threads .panel_top .search_block html.rtl { padding-left: 5px; padding-right: 10px; } .panel.threads .items_list .item .item_content { padding-left: 16px; } .panel.threads .items_list .item .subject, .panel.threads .items_list .item .from { display: block; overflow: hidden; } .panel.threads .items_list .item .from { font-weight: bold; } .panel.threads .items_list .item .subtitle { color: #606060; font-size: 11pt; } .HelpdeskLayout .UserArea .panel.threads .items_list .item .subtitle { font-size: 13pt; font-weight: normal; } .panel.threads .items_list .item.selected .subtitle { color: #fff; } .panel.threads .items_list .item .separator { display: block; } .panel.threads .items_list .item .state { float: right; display: inline-block; padding: 2px 6px; border-radius: 4px; margin-left: 6px; } .panel.threads .items_list .item.resolved .state { background: #B3EE90; color: #587848; border: 1px solid #BFE6A9; } .panel.threads .items_list .item.pending .state, .panel.threads .items_list .item.deferred .state { background: #F5F593; color: #9F742B; border: 1px solid #EEEDA8; } .panel.threads .items_list .item.answered .state, .panel.threads .items_list .item.waiting .state { background: #DCDCDC; color: #707070; border: 1px solid #D7D7D7; } .panel.threads .panel_bottom { padding: 8px 14px 6px; } .panel.threads .panel_bottom a { display: inline-block; margin-right: 10px; } .panel.threads .panel_bottom a.selected, .panel.threads .panel_bottom a.selected:hover { background: #fff; border-radius: 4px; padding: 4px 9px; color: #3d3d3d; text-decoration: none; cursor: default; outline: none; border: 1px solid #e0e0e0; box-shadow: 0 2px 2px #E7E7E7 inset; } .panel.threads .panel_bottom .pagination { float: right; } .HelpdeskLayout .settings .panel .fieldset .buttons { text-align: left; } .HelpdeskLayout .details { border-bottom: 1px solid #EDEDED; background: #FFFFEB; } .HelpdeskLayout .details_content { padding: 10px 18px; } .HelpdeskLayout .external_content { border: 0px; display: block; width: 100%; height: 200px; } .HelpdeskLayout .products { margin-top: 10px; } .HelpdeskLayout .products .product { border-bottom: 1px solid #EDEDED; } .HelpdeskLayout .products .product > .title { margin-bottom: 10px; } .HelpdeskLayout .products .product .icon { display: inline-block; vertical-align: middle; width: 31px; height: 31px; margin-right: 4px; background: url("images/sprites.png?7.4.0.7") no-repeat -400px -411px; } .HelpdeskLayout .products .product .name { font-size: 12pt; } .HelpdeskLayout .products .product .buttons { text-align: left; } .HelpdeskLayout .products .product .licenses, .HelpdeskLayout .products .product .keys { margin: 0px 0px 16px 35px; } .HelpdeskLayout .products .product .licenses .license { display: inline-block; background: #4AA14A; border: 1px solid #2A912A; border-radius: 3px; color: #fff; padding: 2px 6px; line-height: 100%; } .HelpdeskLayout .products .product .keys .title { margin-bottom: 6px; } .HelpdeskLayout .products .product .keys .key { margin: 0px 0px 4px 10px; } .HelpdeskLayout .products .product .keys .text { font-size: 11pt; color: #000; font-style: italic; } .HelpdeskLayout .products .product .keys .buttons { margin-top: 4px; } .HelpdeskLayout .login_panel { width: 100%; max-width: 800px; } /*=== END Helpdesk screen CSS ===*//*=== Calendar CSS ===*/ .CalendarLayout { position: relative; } /*=== Calendar manager CSS ===*/ .panel.calendar_manager { width: 20%; } .panel.calendar_manager .panel_top { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 10px 17px 10px 16px; background: none; border: 0px; height: 40px; } .panel.calendar_manager .panel_center { position: relative; } .panel.calendar_manager .dropdowns { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: absolute; width: 100%; color: #fff; padding-right: 50px; } html.rtl .panel.calendar_manager .dropdowns { padding-left: 50px; padding-right: 0px; } .panel.calendar_manager .dropdowns .separator { background: #000; display: block; height: 1px; margin: 8px 17px; opacity: 0.1; } .panel.calendar_manager .dropdowns .dropdown { z-index: 99; } .panel.calendar_manager .dropdowns .dropdown .dropdown_helper { min-width: inherit; top: 0\0/; } .panel.calendar_manager .dropdowns .dropdown .dropdown_content { border: 0px; border-radius: 0px 0px 4px 0px; } html.rtl .panel.calendar_manager .dropdowns .dropdown .dropdown_content { border-radius: 0px 0px 0px 4px; } .panel.calendar_manager .dropdowns .dropdown .dropdown_arrow { display: none; } .panel.calendar_manager .dropdowns .dropdown .item { color: #fff; } .panel.calendar_manager .dropdowns .dropdown .item:hover { background-color: rgba(0, 0, 0, 0.1); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1a000000', endColorstr='#1a000000'); } .panel.calendar_manager .dropdowns .colors { padding: 8px 17px 16px; display: block; white-space: normal; font-size: 0; line-height: 100%; } .panel.calendar_manager .dropdowns .colors .item { display: inline-block; padding: 0px; width: 13px; height: 13px; margin: 0px 6px 6px 0px; border: 1px solid rgba(0, 0, 0, 0.2); } .panel.calendar_manager .calendars { height: auto; } .panel.calendar_manager .calendars .item { padding: 7px 17px 6px 16px; color: #fff; margin-bottom: 4px; max-height: 500px; overflow: visible; cursor: pointer; } .panel.calendar_manager .calendars .item.readonly { border: 1px dashed #ffffff; opacity: 0.7; } .panel.calendar_manager .calendars .item .custom_checkbox { float: left; margin-top: 1px; margin-right: 8px; } .panel.calendar_manager .calendars .item .custom_checkbox .icon { border: 1px solid rgba(41, 44, 47, 0.35); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); } .panel.calendar_manager .calendars .item .title { overflow: hidden; margin: 0px; font-weight: bold; font-size: 10pt; } .panel.calendar_manager .calendars .item.inactive .title { opacity: 0.5; filter: alpha(opacity=50); } .panel.calendar_manager .calendars .item .icon.public { display: inline-block; width: 18px; height: 18px; float: right; margin-left: 6px; } .panel.calendar_manager .calendars .item .icon.public:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panel.calendar_manager .calendars .item .icon.public:before { display: inline-block; vertical-align: middle; margin-top: -2px; font-size: 18px; content: "\e65c"; } .panel.calendar_manager .calendars .item .control { float: right; display: inline-block; height: 14px; width: 14px; margin-left: 4px; cursor: pointer; } .panel.calendar_manager .calendars .item .control:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panel.calendar_manager .calendars .item .control:before { display: inline-block; vertical-align: middle; margin-top: -2px; font-size: 16px; content: "\e61d"; } .panel.calendar_manager .calendars .item .control:hover { opacity: 0.5; filter: alpha(opacity=50); } .panel.calendar_manager .calendars .item.expand .control:before { content: "\e63f"; } .panel.calendar_manager .calendars .section_title .control { width: 16px; height: 16px; cursor: pointer; } .panel.calendar_manager .calendars .section_title .control:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panel.calendar_manager .calendars .section_title .control:before { display: inline-block; height: 100%; width: 100%; margin: -2px 0 0 -2px; font-size: 20px; content: "\e63b"; } .panel.calendar_manager .calendars .section_title .title { text-transform: none; font-size: 10pt; padding: 0px; } .panel.calendar_manager .calendars .section_title .title .text { vertical-align: middle; } .panel.calendar_manager .calendars .section_title .title .icon { display: inline-block; vertical-align: middle; width: 20px; height: 20px; } .panel.calendar_manager .calendars .section_title .title .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panel.calendar_manager .calendars .section_title .title .icon:before { font-size: 20px; display: inline-block; margin-left: -3px; width: 20px; height: 20px; } .panel.calendar_manager .calendars .section_title .title.personal .icon:before { content: "\e618"; } .panel.calendar_manager .calendars .section_title .title.shared .icon:before { content: "\e634"; } .panel.calendar_manager .calendars .section_title .title.shared-all .icon:before { content: "\e629"; } .panel.calendar_manager .middle_bar { padding-bottom: 205px; margin-bottom: -205px; } .panel.calendar_manager .panel_bottom { border: 0px; background: #E3E1D9; border-radius: 0px; padding: 0px; height: 205px; width: 100%; float: left; line-height: 140%; background: rgba(0, 0, 0, 0.3); border-top: 0; color: #aaa; } .panel.calendar_manager .panel_bottom .ui-widget-content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background: transparent; border: 0 none; border-radius: 0; padding: 10px 8px; width: 100%; max-width: 360px; margin: 0px auto; } .panel.calendar_manager .panel_bottom .ui-datepicker .ui-widget-header { background: 0px; border: 0 none; border-radius: 0; } .panel.calendar_manager .panel_bottom .ui-datepicker .ui-state-default, .panel.calendar_manager .panel_bottom .ui-datepicker .ui-widget-content .ui-state-default, .panel.calendar_manager .panel_bottom .ui-datepicker .ui-widget-header .ui-state-default { background: 0px; border: 0 none; } .panel.calendar_manager .panel_bottom .ui-datepicker-prev, .panel.calendar_manager .panel_bottom .ui-datepicker-next { background: none; text-align: center; color: #222; } .panel.calendar_manager .panel_bottom .ui-datepicker-prev.ui-state-hover, .panel.calendar_manager .panel_bottom .ui-datepicker-next.ui-state-hover, .panel.calendar_manager .panel_bottom .ui-datepicker-prev:hover, .panel.calendar_manager .panel_bottom .ui-datepicker-next:hover { background: #f2f2f2; border: 1px solid #999; } .panel.calendar_manager .panel_bottom .ui-datepicker-prev:before, .panel.calendar_manager .panel_bottom .ui-datepicker-next:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panel.calendar_manager .panel_bottom .ui-datepicker-prev:before, .panel.calendar_manager .panel_bottom .ui-datepicker-next:before { display: inline-block; vertical-align: middle; font-size: 18px; height: 12px; width: 13px; color: inherit; } .panel.calendar_manager .panel_bottom .ui-datepicker-prev .ui-icon, .panel.calendar_manager .panel_bottom .ui-datepicker-next .ui-icon { display: none; } .panel.calendar_manager .panel_bottom .ui-datepicker-prev:before { content: "\e63f"; } .panel.calendar_manager .panel_bottom .ui-datepicker-next:before { content: "\e640"; } .panel.calendar_manager .panel_bottom td.day_with_events a { font-weight: bold !important; } .panel.calendar_manager .panel_bottom table.highlight_week tr.current_week { background-color: rgba(0, 0, 0, 0.4); } .panel.calendar_manager .panel_bottom table.highlight_day td.ui-datepicker-current-day { background-color: rgba(0, 0, 0, 0.4); } .panel.calendar_manager .panel_bottom table.highlight_day td.ui-datepicker-today, .panel.calendar_manager .panel_bottom td.ui-datepicker-today { background-color: #fbe8ad; } .panel.calendar_manager .panel_bottom table.ui-datepicker-calendar td a { text-align: center; } .panel.calendar_manager .panel_bottom .ui-widget-content, .panel.calendar_manager .panel_bottom .ui-widget-header { color: #ccc; } .panel.calendar_manager .panel_bottom .ui-widget-content .ui-state-default, .panel.calendar_manager .panel_bottom .ui-widget-header .ui-state-default { color: #999; } .panel.calendar_manager .panel_bottom .ui-widget-content .ui-state-default.ui-state-highlight, .panel.calendar_manager .panel_bottom .ui-widget-header .ui-state-default.ui-state-highlight { color: #333; } .panel.calendar_manager .panel_bottom .ui-widget-content .day_with_events .ui-state-default, .panel.calendar_manager .panel_bottom .ui-widget-header .day_with_events .ui-state-default { color: #fff; } .panel.calendar_manager .panel_bottom .ui-datepicker-prev, .panel.calendar_manager .panel_bottom .ui-datepicker-next { background: #222; color: #fff; } .panel.calendar_manager .panel_bottom .ui-datepicker-prev:hover, .panel.calendar_manager .panel_bottom .ui-datepicker-next:hover { background: #555; } /*=== END Calendar manager CSS ===*/ /*=== Calendar CSS ===*/ .panel.calendar { width: 80%; position: relative; } .panel.calendar .panel_content { margin-right: 0px; } .panel.calendar .panel_content .uploader_mask { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 250ms ease 0s; -moz-transition: opacity 250ms ease 0s; -o-transition: opacity 250ms ease 0s; transition: opacity 250ms ease 0s; background: #FFFDD6; padding: 11px; color: #D3B910; font-size: 18pt; text-align: center; opacity: 0; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; visibility: hidden; } .panel.calendar .panel_content .uploader_mask.active { visibility: visible; opacity: 0.5; z-index: 99; } .panel.calendar .panel_content .uploader_mask .inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 100%; border: 3px dashed #E2DA36; border-radius: 5px; } .panel.calendar .customscroll-scrollbar-vertical { margin-right: 2px; } .panel.calendar .middle_bar.view_month { padding-top: 42px; margin-top: -42px; } .panel.calendar .toolbar .item.current { text-align: center; } .panel.calendar .toolbar .item .text { display: inline-block; } .panel.calendar .toolbar .item.passive, .panel.calendar .toolbar .item.passive:hover { background-color: #e3e3e3; } .panel.calendar .toolbar .item .helper { height: 0px; overflow: hidden; display: block; } .panel.calendar .toolbar .item .helper .text { margin-right: 6ex; } .panel.calendar .toolbar .item .helper.week .text { margin-right: 18ex; } .panel.calendar .toolbar .item .helper.day .text { margin-right: 10ex; } .panel.calendar .date_select .item.passive, .panel.calendar .date_select .item.passive:hover { background-color: transparent; } .panel.calendar .date_select .item .icon { width: 20px; } .panel.calendar .date_select .item.prev .icon:before { content: "\e63f"; } html.rtl .panel.calendar .date_select .item.prev .icon:before { content: "\e640"; } .panel.calendar .date_select .item.next .icon:before { content: "\e640"; } html.rtl .panel.calendar .date_select .item.next .icon:before { content: "\e63f"; } .panel.calendar .panel_top { padding: 0px !important; } .panel.calendar .panel_top .weekday-header { background-color: #F0F0F0; font-size: 0px; } .panel.calendar .panel_top .weekday-header .weekday-header-item { border-left: 1px solid #ddd; color: #828282; font-weight: bold; font-size: 9pt; padding: 14px 0 12px; text-align: center; display: inline-block; width: 14.18%; } .panel.calendar .panel_top .weekday-header .weekday-header-item:last-child { width: 13%; } .colors { font-size: 0px; } .colors .item { display: inline-block; vertical-align: middle; float: none; padding: 0px; width: 13px; height: 13px; margin: 0px 6px 6px 0px; border: 1px solid rgba(0, 0, 0, 0.2); color: #fff; text-align: left; cursor: pointer; } .colors .item:last-child { margin-right: 0px; } html.rtl .colors .item { margin: 0px 0px 6px 6px; text-align: right; } html.rtl .colors .item:last-child { margin-left: 0px; } .colors .item:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .colors .item:before { display: inline-block; vertical-align: middle; height: 100%; width: 100%; margin: 1px 0 0 1px; font-size: 11px; content: "\e61c"; visibility: hidden; } .colors .item.selected:before { visibility: visible; } .fc-event-vert .fc-event-bg { /* to avoid change the color of events in the weekly mode */ width: 0; height: 0; } .fc-event-readonly { border-width: 1px !important; border-style: dashed !important; border-color: #fff !important; opacity: 0.7; } .fc-event-repeat .fc-event-inner, .fc-event-appointment .fc-event-inner { padding-right: 23px; } .fc-event-repeat:after, .fc-event-appointment:after { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fc-event-repeat:after, .fc-event-appointment:after { display: block; width: 16px; height: 12px; position: absolute; right: 4px; top: 6px; opacity: 0.6; filter: alpha(opacity=60); font-size: 18px; margin-top: -2px; } .fc-event-repeat.fc-event-appointment .fc-event-inner { padding-right: 38px; } .fc-event-repeat:after { content: "\e643"; } .fc-event-appointment:after { content: "\e644"; } .fc-event-repeat.fc-event-appointment:after { content: "\e643\e644"; width: 32px; } .fc-agenda-slots td div { height: 30px; } .fc-agenda .fc-agenda-axis { background: #fff; color: #626262; text-align: center; } .fc-event-inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 6px 10px; overflow: hidden; } .fc-event-inner .fc-event-time { font-size: 9pt; overflow: hidden; display: block; } .fc-event-inner .fc-event-title { overflow: hidden; font-size: 9pt; display: block; } .fc-first .fc-widget-header { background: #f0f0f0; padding: 14px 0px 12px !important; color: #828282; border-top-width: 0 !important; } .fc div.fc-content { border-radius: 0px; } .fc-grid .fc-day-number { padding: 8px 8px 0px; color: #626262; } .fc-grid .fc-other-month .fc-day-number { color: #b6b6b6; opacity: 1; } .fc-agenda .fc-event { border: 0px; box-shadow: inset 0px 0px 1px #7A7A7A; } .fc-event-vert.fc-event-end { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .fc-event-vert.fc-event-start { border-top-left-radius: 4px; border-top-right-radius: 4px; } fc-view-month .fc-day-content div, .fc-agenda-slots .fc-day-content div { height: auto !important; } .more-events-link { z-index: 100; position: absolute; } .more-events-list { z-index: 100; position: absolute; background-color: white; border: solid 1px grey; border-radius: 4px; } .more-events-item { margin: 4px; border: solid 1px; border-radius: 3px; color: white; cursor: pointer; } .more-events-item { width: auto; max-width: 200px; } .calendar .fc-view-month .fc-day-header { padding: 0px !important; font-size: 0px; visibility: hidden; border-bottom: 0px; } .calendar .fc-view-agendaWeek .scroll-inner, .calendar .fc-view-agendaDay .scroll-inner { position: relative !important; } /*=== Calendar Popups CSS ===*/ .popup.calendar_popup .mask { background: #000; } .popup.calendar_popup.visible .mask { opacity: 0.2; } .popup.calendar_popup.visible .mask.clear { opacity: 0; z-index: 1; } .popup.calendar_popup .popup_panel { box-shadow: 0px 0px 11px #bbb; min-width: 440px; max-width: 440px; } .popup.calendar_popup .popup_panel .input:focus, .popup.calendar_popup .popup_panel .textarea:focus, .popup.calendar_popup .popup_panel input:focus, .popup.calendar_popup .popup_panel textarea:focus { outline: none; border-color: #93B5E3; box-shadow: 0 0 2px 0 #1D67CD; } .popup.calendar_popup .title { padding: 9px 20px 0px; width: 100%; height: 27px; border-radius: 4px 4px 0px 0px; color: #fff; margin: -20px 0px 16px -20px; } html.rtl .popup.calendar_popup .title { margin: -20px -20px 16px 0px; } .popup.calendar_popup .title > .text { margin-right: 15px; } html.rtl .popup.calendar_popup .title > .text { margin-right: 0px; margin-left: 15px; } .popup.calendar_popup .close { display: inline-block; height: 16px; width: 16px; margin: -10px -7px 0px 0px; } .popup.calendar_popup .close:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .popup.calendar_popup .close:before { display: inline-block; vertical-align: middle; height: 100%; width: 100%; font-size: 16px; content: "\e63e"; color: #fff; } .popup.calendar_popup .buttons { margin: 16px 0px 0px; padding-top: 20px; border-top: 1px solid #e2e2e2; } .popup.calendar_popup .buttons.without_border_top { border-top: 0; } .popup.calendar_popup .buttons .button { float: left; margin-right: 6px; } html.rtl .popup.calendar_popup .buttons .button { float: right; margin-right: 0px; margin-left: 6px; } .popup.calendar_popup .buttons .colors { display: inline-block; margin-top: 4px; } .popup.calendar_popup .buttons .colors .item { display: inline-block; } .popup.calendar_create .fieldset.main, .popup.calendar_event .fieldset.main { margin-left: -8px; } .popup.calendar_create .input, .popup.calendar_event .input { box-shadow: none; border-color: #fff; } .popup.calendar_create .input:hover, .popup.calendar_event .input:hover, .popup.calendar_create .input:focus, .popup.calendar_event .input:focus { border-color: #ccc; } .popup.calendar_create .row.name .placeholder, .popup.calendar_event .row.name .placeholder, .popup.calendar_create .row.name .input, .popup.calendar_event .row.name .input { line-height: 35px; font-size: 15pt; font-weight: bold; } .popup.calendar_create .row.name .placeholder, .popup.calendar_event .row.name .placeholder { position: relative; z-index: 1; left: 3px; top: 5px; } .popup.calendar_create .row.description .placeholder, .popup.calendar_event .row.description .placeholder, .popup.calendar_create .row.location .placeholder, .popup.calendar_event .row.location .placeholder, .popup.calendar_create .row.add_attender .placeholder, .popup.calendar_event .row.add_attender .placeholder, .popup.calendar_create .row.description .input, .popup.calendar_event .row.description .input, .popup.calendar_create .row.location .input, .popup.calendar_event .row.location .input, .popup.calendar_create .row.add_attender .input, .popup.calendar_event .row.add_attender .input { font-size: 10pt; } .popup.calendar_create .row.description .placeholder, .popup.calendar_event .row.description .placeholder, .popup.calendar_create .row.location .placeholder, .popup.calendar_event .row.location .placeholder, .popup.calendar_create .row.add_attender .placeholder, .popup.calendar_event .row.add_attender .placeholder { left: 3px; top: 5px; } html.rtl .popup.calendar_create .row.description .placeholder, html.rtl .popup.calendar_event .row.description .placeholder, html.rtl .popup.calendar_create .row.location .placeholder, html.rtl .popup.calendar_event .row.location .placeholder, html.rtl .popup.calendar_create .row.add_attender .placeholder, html.rtl .popup.calendar_event .row.add_attender .placeholder { left: auto; right: 3px; } .popup.calendar_getlink .dav_access, .popup.calendar_getlink .web_access { margin-bottom: 16px; } .popup.calendar_getlink .dav_access .input, .popup.calendar_getlink .web_access .input { width: 260px; margin-right: 0px; } .popup.calendar_getlink .dav_access { padding-bottom: 14px; border-bottom: 1px solid #e2e2e2; } .popup.calendar_getlink .dav_access .download { display: inline-block; width: 20px; height: 20px; float: right; color: #7b7b7b; } .popup.calendar_getlink .dav_access .download:hover { color: #626262; } .popup.calendar_getlink .dav_access .download:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .popup.calendar_getlink .dav_access .download:before { display: inline-block; vertical-align: middle; height: 100%; width: 100%; font-size: 20px; content: "\e610"; } .popup.calendar_getlink .web_access .row.web_access_switch { text-align: center; margin-bottom: 10px; } .popup.calendar_getlink .web_access label { vertical-align: middle; } .popup.calendar_share .fieldset.shares_all { border-top: 1px solid #e2e2e2; margin: 16px 0 0; padding-top: 20px; } .popup.calendar_share .input { margin-right: 7px; } html.rtl .popup.calendar_share .input { margin-right: 0px; margin-left: 7px; } .popup.calendar_share .checkbox { float: left; margin-top: 1px; margin-right: 8px; } .popup.calendar_share .checkbox .icon { border: 1px solid rgba(41, 44, 47, 0.35); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); } .popup.calendar_share .shares_list { max-height: 200px; } .popup.calendar_share .share_item { margin-bottom: 10px; } .popup.calendar_share .share_item .control { display: inline-block; margin: 3px 10px 0px 0px; float: right; width: 20px; height: 20px; cursor: pointer; color: #7b7b7b; } html.rtl .popup.calendar_share .share_item .control { float: left; margin: 3px 0px 0px 10px; } .popup.calendar_share .share_item .control:hover { color: #484848; } .popup.calendar_share .share_item .control:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .popup.calendar_share .share_item .control:before { display: inline-block; vertical-align: middle; height: 100%; width: 100%; margin: -4px 0 0 -4px; font-size: 28px; content: "\e641"; } .popup.calendar_share .share_item .control.disabled { cursor: default; color: #aeaeae; } .popup.calendar_share .share_item .control.remove:before { font-size: 22px; content: "\e645"; margin: 0; } .popup.calendar_share .row { display: inline-block; } .popup.calendar_share .input { width: 180px; } .popup.calendar_share select.input { width: 200px; } .popup.calendar_share .shares_personal select.input { vertical-align: top; } .popup.calendar_share .label { width: 200px; } .popup.calendar_share .placeholder { font-size: 11pt; top: 4px; } .popup.calendar_share .text { display: inline-block; border-radius: 0px; border: 0px; box-shadow: none; margin-right: 20px; } html.rtl .popup.calendar_share .text { margin-right: 0px; margin-left: 20px; } .popup.calendar_event .recivedAnim, .popup.calendar_share .recivedAnim { -webkit-animation: highlight 0.5s linear; -moz-animation: highlight 0.5s linear; animation: highlight 0.5s linear; } .popup.calendar_event .title { display: inline-block; border-radius: 2px; width: auto; float: right; margin: -22px 28px 0px 0px; max-width: 120px; } html.rtl .popup.calendar_event .title { float: left; margin: -22px 0px 0px 28px; } .popup.calendar_event .title.calendar_selector { cursor: pointer; position: relative; } .popup.calendar_event .title.calendar_selector .item { color: #fff; } .popup.calendar_event .title.calendar_selector .item:hover { box-shadow: inset 0px 0px 0px 30px rgba(255, 255, 255, 0.1); } .popup.calendar_event .title .current { display: block; white-space: nowrap; padding-right: 10px; overflow: hidden; } .popup.calendar_event .close:before { color: #aaa; } .popup.calendar_event .buttons { text-align: left; } html.rtl .popup.calendar_event .buttons { text-align: right; } .popup.calendar_event .buttons .button { float: none; } .popup.calendar_event .additional_buttons { margin-top: 4px; float: right; } html.rtl .popup.calendar_event .additional_buttons { float: left; } .popup.calendar_event .additional_buttons .item { color: #626262; cursor: pointer; display: inline-block; vertical-align: middle; font-size: 9pt; height: 22px; line-height: 140%; margin-right: 8px; position: relative; } .popup.calendar_event .additional_buttons .item:last-child { margin-right: 0px; } .popup.calendar_event .additional_buttons .item .text { display: none; } .popup.calendar_event .additional_buttons .item .icon { display: inline-block; width: 28px; height: 20px; } .popup.calendar_event .additional_buttons .item .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .popup.calendar_event .additional_buttons .item .icon:before { display: inline-block; vertical-align: middle; height: 100%; width: 100%; font-size: 28px; color: #c2c7cb; margin-top: -4px; } .popup.calendar_event .additional_buttons .item .icon:hover:before { color: #8f9295; } .popup.calendar_event .additional_buttons .item.readonly { cursor: default; } .popup.calendar_event .additional_buttons .item.repeat .icon { background: url("images/sprites.png?7.4.0.7") no-repeat 40px 40px; background-position: -280px -120px; } .popup.calendar_event .additional_buttons .item.repeat.selected .icon, .popup.calendar_event .additional_buttons .item.repeat:hover .icon { background-position: -280px -140px; } .popup.calendar_event .additional_buttons .item.alarm .icon:before { content: "\e646"; } .popup.calendar_event .additional_buttons .item.guests .icon:before { content: "\e644"; } .popup.calendar_event .additional_buttons .item.guests .arrow { width: 0px; height: 0px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #F7F7F7; background: none; position: absolute; right: -20px; top: 4px; visibility: hidden; display: inline-block; } .popup.calendar_event .additional_buttons .item.guests.selected .arrow { visibility: visible; } .popup.calendar_event .additional_buttons .alarm.selected .icon, .popup.calendar_event .editable .additional_buttons .alarm:hover .icon { background-position: -320px -140px; } .popup.calendar_event .additional_buttons .guests.selected .icon, .popup.calendar_event .editable .additional_buttons .guests:hover .icon { background-position: -360px -140px; } .popup.calendar_event .scrollable_field { border: 1px solid #fff; border-radius: 4px 4px 4px 4px; } .popup.calendar_event .editable .scrollable_field:hover { border-color: #ccc; } .popup.calendar_event .editable .focused .scrollable_field { border-color: #93B5E3; box-shadow: 0 0 2px 0 #1D67CD; } .popup.calendar_event .scrollable_field .input { border: 0px; border-radius: 0px; width: 100%; } .popup.calendar_event .scrollable_field span.input { display: block; max-width: 382px; } .popup.calendar_event .name .scrollable_field { max-height: 110px; } .popup.calendar_event .description .scrollable_field { max-height: 150px; } .popup.calendar_event .location .scrollable_field { max-height: 74px; } .popup.calendar_event .repeat { position: absolute; } .popup.calendar_event .repeat:after { content: "\e643"; font-family: 'afterlogic'; font-size: 16px; margin-top: -2px; margin-left: 4px; color: #c2c7cb; display: inline-block; } .popup.calendar_event .dates { margin-left: -1px; } .popup.calendar_event .subforms { height: 0px; position: relative; } .popup.calendar_event .subforms .alarm_form, .popup.calendar_event .subforms .dates_form { position: absolute; bottom: 0px; right: 0px; color: #828282; font-size: 9pt; } html.rtl .popup.calendar_event .subforms .alarm_form, html.rtl .popup.calendar_event .subforms .dates_form { right: auto; left: 0px; } .popup.calendar_event .subforms .alarm_form .form_content, .popup.calendar_event .subforms .dates_form .form_content { border-radius: 4px; min-width: 200px; padding: 12px; background: #f7f7f7; clear: both; } .popup.calendar_event .subforms .alarm_form .form_arrow, .popup.calendar_event .subforms .dates_form .form_arrow { border-top: 6px solid #f7f7f7; border-bottom: 0px solid #f7f7f7; border-left: 6px solid transparent; border-right: 6px solid transparent; display: block; font-size: 0; width: 0; height: 0; margin-right: 53px; float: right; } .popup.calendar_event .subforms .alarm_form .custom_selector, .popup.calendar_event .subforms .dates_form .custom_selector { display: inline-block; position: relative; vertical-align: middle; } .popup.calendar_event .subforms .alarm_form { z-index: 1; } .popup.calendar_event .subforms .dates_form { z-index: 2; bottom: 25px; right: auto; top: auto; left: -22px; } .popup.calendar_event .subforms .dates_form .form_content { min-width: 420px; background: #fff4cf; } .popup.calendar_event .subforms .dates_form .date { width: 100px; margin-right: 0px; border: 1px solid #CCCCCC; padding-right: 23px; position: relative; z-index: 3000; cursor: pointer; width: 145px; vertical-align: middle; } html.rtl .popup.calendar_event .subforms .dates_form .date { margin-left: 0px; padding-right: 6px; } .popup.calendar_event .subforms .dates_form .ampm_time .date { width: 130px; } .popup.calendar_event .subforms .dates_form .time { width: 50px; border: 1px solid #CCCCCC; vertical-align: middle; margin-right: 13px; } .popup.calendar_event .subforms .dates_form .ampm_time .time { width: 65px; } .popup.calendar_event .subforms .dates_form .ui-datepicker-trigger { display: inline-block; margin: 0 5px 0 -21px; vertical-align: middle; position: relative; z-index: 3001; cursor: pointer; } html.rtl .popup.calendar_event .subforms .dates_form .ui-datepicker-trigger { margin: 0 -21px 0 5px; } .popup.calendar_event .subforms .dates_form .allday { margin-top: 10px; } .popup.calendar_event .subforms .dates_form .form_arrow { float: none; margin: 0px 0px 0px 95px; border-top: 6px solid #fff4cf; } .popup.calendar_event .subforms .repeat_panel .input { border: 1px solid #ccc; } .popup.calendar_event .subforms .alarm_form .item { display: block; } .popup.calendar_event .subforms .alarm_form .remove { float: right; } .popup.calendar_event .popup_panel { padding: 0px; background: #f7f7f7; -webkit-transition: all 500ms ease 0s; -moz-transition: all 500ms ease 0s; transition: all 500ms ease 0s; } .popup.calendar_event .popup_panel.offset { /*margin-top: 150px;*/ } .popup.calendar_event .panel_wrap { background: #fff; border-radius: 4px; } .popup.calendar_event .main_panel { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 20px; width: 100%; float: left; } .popup.calendar_event .main_panel .icon.repeat { display: block; background: url("images/sprites.png?7.4.0.7") no-repeat -980px -240px; width: 16px; height: 12px; position: absolute; left: 6px; top: 5px; } .popup.calendar_event .show_side_panel { padding-right: 240px; margin-right: -240px; } .popup.calendar_event .side_panel { float: right; width: 200px; margin-right: -240px; color: #929292; padding: 20px; visibility: hidden; opacity: 0; } .popup.calendar_event .side_panel .button { font-size: 9pt; padding: 3px 5px 2px; margin: 0px; } .popup.calendar_event .side_panel .add_attender { margin-top: 20px; } .popup.calendar_event .side_panel .add_attender .input { border: 1px solid #CCCCCC; width: 170px; margin-right: 10px; } html.rtl .popup.calendar_event .side_panel .add_attender .input { margin-right: 0px; margin-left: 10px; } .popup.calendar_event .side_panel .add_attender .control { display: inline-block; width: 20px; height: 20px; margin-top: 3px; color: #7b7b7b; float: right; cursor: pointer; } html.rtl .popup.calendar_event .side_panel .add_attender .control { float: left; } .popup.calendar_event .side_panel .add_attender .control:hover { color: #626262; } .popup.calendar_event .side_panel .add_attender .control:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .popup.calendar_event .side_panel .add_attender .control:before { display: inline-block; vertical-align: middle; height: 100%; width: 100%; margin: -4px 0 0 -4px; font-size: 28px; content: "\e641"; } .popup.calendar_event .side_panel .attender { margin-bottom: 6px; } .popup.calendar_event .side_panel .attender .control { float: right; margin-left: 10px; display: inline-block; vertical-align: middle; width: 16px; height: 16px; color: #7b7b7b; cursor: pointer; } html.rtl .popup.calendar_event .side_panel .attender .control { float: left; margin-left: 0px; margin-right: 10px; } .popup.calendar_event .side_panel .attender .control:hover { color: #626262; } .popup.calendar_event .side_panel .attender .control:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .popup.calendar_event .side_panel .attender .control:before { display: inline-block; vertical-align: middle; height: 100%; width: 100%; margin: -4px 0 0 -4px; font-size: 22px; content: "\e645"; } .popup.calendar_event .side_panel .attender .name { display: block; overflow: hidden; white-space: nowrap; } .popup.calendar_event .side_panel .attender .name .text { display: inline-block; cursor: default; } .popup.calendar_event .side_panel .attender .icon { display: inline-block; vertical-align: middle; width: 16px; height: 12px; } .popup.calendar_event .side_panel .attender .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .popup.calendar_event .side_panel .attender .icon:before { display: inline-block; vertical-align: middle; height: 100%; width: 100%; margin: -8px 0 0; font-size: 14px; } .popup.calendar_event .side_panel .attender.pending .icon:before { color: #ef954f; content: "\e649"; } .popup.calendar_event .side_panel .attender.accepted .icon:before { color: #0faa30; content: "\e61c"; } .popup.calendar_event .side_panel .attender.declined { color: #d0d0d0; } .popup.calendar_event .side_panel .attender.declined .icon:before { content: "\e648"; } .popup.calendar_event .side_panel .attender.tentative .icon:before { color: #ef954f; content: "\e647"; font-size: 12px; } .popup.calendar_event .show_side_panel .side_panel { visibility: visible; opacity: 1; -webkit-transition: opacity 300ms ease 300ms; -moz-transition: opacity 300ms ease 300ms; -o-transition: opacity 300ms ease 300ms; transition: opacity 300ms ease 300ms; } .popup.calendar_event .alarms_helper div { height: 15px; } /*--- END Calendar Popups CSS ---*/ /*=== END Calendar CSS ===*/ .calendar_event .label { width: inherit; } .calendar_event .input { width: inherit; } .calendar_event .description span.input, .calendar_event .location span.input { white-space: pre-wrap; } .fc-show-weekends .fc-sat, .fc-show-weekends .fc-sun { background: #f0f0f0; } .fc-non-working-time { background: rgba(240, 240, 240, 0.5) !important; } .timeline { position: absolute; left: 59px; border: none; border-top: 1px solid #88cf50; width: 100%; margin: 0; padding: 0; z-index: 999; } .ui-draggable-dragging { z-index: 9 !important; } /*=== Base CSS ===*/ html { height: 100%; overflow: hidden; } body { background: url("images/background.jpg") repeat 0 0; font: normal 9pt Helvetica, Tahoma, Arial, sans-serif; height: 100%; overflow: auto; position: relative; } .pSevenMain { height: 100%; overflow: hidden; min-height: 480px; min-width: 640px; } html.non-adjustable .pSevenMain { height: auto; overflow: visible; min-height: inherit; min-width: inherit; } html.non-adjustable-valign .pSevenMain { overflow: visible; } #pSevenContent { height: 100%; } #pSevenContent .button_quote { position: absolute; top: 0; left: 0; display: none; z-index: 1; cursor: pointer; background-color: #fafafa; border: 1px solid #c5c5c5; border-radius: 4px; font-size: 9pt; text-decoration: none; padding: 4px 6px; color: #626262; font-weight: bold; } .autosize { overflow: hidden; resize: none; } textarea { resize: vertical; } label { cursor: pointer; } a, .link, a:link, .link:link, a:visited, .link:visited { color: #2b82d2; text-decoration: none; cursor: pointer; } a:hover, .link:hover { color: #1d90d7; text-decoration: underline; } *[contenteditable="true"], input:focus { outline: none; } .ui-autocomplete { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; overflow-y: auto; } .ui-autocomplete.ui-front { z-index: 2001; } .ui-menu .ui-menu-item a { overflow: hidden; white-space: nowrap; } /*=== Common CSS ===*/ .panel.folders, .panel.groups, .panel.storages, .UserArea .panel.threads, .panel.calendar_manager, .settings .panel.navigation { box-shadow: none; border-radius: 0px; } .panel.folders .toolbar, .panel.groups .toolbar, .panel.storages .toolbar, .UserArea .panel.threads .toolbar, .panel.calendar_manager .toolbar, .settings .panel.navigation .toolbar { background: none; border: 0px; border-radius: 0px; filter: none; } .panel.folders .toolbar .content, .panel.groups .toolbar .content, .panel.storages .toolbar .content, .UserArea .panel.threads .toolbar .content, .panel.calendar_manager .toolbar .content, .settings .panel.navigation .toolbar .content { display: block; text-align: center; padding-left: 16px; padding-right: 17px; } .panel.folders .toolbar .content .item, .panel.groups .toolbar .content .item, .panel.storages .toolbar .content .item, .UserArea .panel.threads .toolbar .content .item, .panel.calendar_manager .toolbar .content .item, .settings .panel.navigation .toolbar .content .item { display: block; border-radius: 5px; border-color: #7bbe45; color: #fff; font-size: 10pt; font-weight: bold; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3); box-shadow: none; padding-top: 5px; padding-bottom: 2px; overflow: hidden; } .panel.folders .toolbar .content, .panel.groups .toolbar .content, .panel.storages .toolbar .content, .UserArea .panel.threads .toolbar .content, .panel.calendar_manager .toolbar .content, .settings .panel.navigation .toolbar .content { padding-top: 10px; padding-bottom: 10px; } .panel.folders .toolbar .content .item, .panel.groups .toolbar .content .item, .panel.storages .toolbar .content .item, .UserArea .panel.threads .toolbar .content .item, .panel.calendar_manager .toolbar .content .item, .settings .panel.navigation .toolbar .content .item { padding-bottom: 2px; padding-top: 1px; font-size: 13pt; font-weight: normal; background: #e3b856; border: 1px solid #dca62a; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); -webkit-transition: background 200ms ease 0s; -moz-transition: background 200ms ease 0s; -o-transition: background 200ms ease 0s; transition: background 200ms ease 0s; } .panel.folders .toolbar .content .item:hover, .panel.groups .toolbar .content .item:hover, .panel.storages .toolbar .content .item:hover, .UserArea .panel.threads .toolbar .content .item:hover, .panel.calendar_manager .toolbar .content .item:hover, .settings .panel.navigation .toolbar .content .item:hover { background: #dca62a; border-color: #dca62a; } .panel.folders .panel_center, .panel.groups .panel_center, .panel.storages .panel_center, .UserArea .panel.threads .panel_center, .panel.calendar_manager .panel_center, .settings .panel.navigation .panel_center { border: 0px; background: none; } .panel.folders .customscroll-scrollbar-vertical, .panel.groups .customscroll-scrollbar-vertical, .panel.storages .customscroll-scrollbar-vertical, .UserArea .panel.threads .customscroll-scrollbar-vertical, .panel.calendar_manager .customscroll-scrollbar-vertical, .settings .panel.navigation .customscroll-scrollbar-vertical { right: 4px; } .panel.folders .items_list .item > .title, .panel.groups .items_list .item > .title, .panel.storages .items_list .item > .title, .UserArea .panel.threads .items_list .item > .title, .panel.calendar_manager .items_list .item > .title, .settings .panel.navigation .items_list .item > .title { text-shadow: 0 0 5px #000 !important; } .panel.folders .items_list .item.canSelect > .title, .panel.groups .items_list .item.canSelect > .title, .panel.storages .items_list .item.canSelect > .title, .UserArea .panel.threads .items_list .item.canSelect > .title, .panel.calendar_manager .items_list .item.canSelect > .title, .settings .panel.navigation .items_list .item.canSelect > .title { color: #fff !important; } .panel.folders .items_list .item.selected > .title, .panel.groups .items_list .item.selected > .title, .panel.storages .items_list .item.selected > .title, .UserArea .panel.threads .items_list .item.selected > .title, .panel.calendar_manager .items_list .item.selected > .title, .settings .panel.navigation .items_list .item.selected > .title { text-shadow: 0 0 2px #777 !important; } .panel.folders .items_list .section_title, .panel.groups .items_list .section_title, .panel.storages .items_list .section_title, .panel.calendar_manager .items_list .section_title, .settings .folders .items_list .section_title, .settings .panel.navigation .items_list .section_title { color: #fff; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4); } .panel.folders .items_list .item, .panel.groups .items_list .item, .panel.storages .items_list .item, .panel.calendar_manager .items_list .item, .settings .folders .items_list .item, .settings .panel.navigation .items_list .item { font-size: 10pt; background: none; max-height: inherit; } .panel.folders .items_list .item > .title, .panel.groups .items_list .item > .title, .panel.storages .items_list .item > .title, .panel.calendar_manager .items_list .item > .title, .settings .folders .items_list .item > .title, .settings .panel.navigation .items_list .item > .title { color: #aaaaaa; text-decoration: none; font-size: 11pt; font-weight: normal; line-height: normal; padding-top: 4px; padding-bottom: 7px; padding-left: 16px; cursor: default; display: block; white-space: nowrap; outline: none; margin-bottom: 0px; } .panel.folders .items_list .item > .title .name, .panel.groups .items_list .item > .title .name, .panel.storages .items_list .item > .title .name, .panel.calendar_manager .items_list .item > .title .name, .settings .folders .items_list .item > .title .name, .settings .panel.navigation .items_list .item > .title .name { display: block; overflow: hidden; margin-right: 10px; } html.rtl .panel.folders .items_list .item > .title .name, html.rtl .panel.groups .items_list .item > .title .name, html.rtl .panel.storages .items_list .item > .title .name, html.rtl .panel.calendar_manager .items_list .item > .title .name, html.rtl .settings .folders .items_list .item > .title .name, html.rtl .settings .panel.navigation .items_list .item > .title .name { margin-right: 0px; margin-left: 10px; } .panel.folders .items_list .item > .title.droppableHover .name, .panel.groups .items_list .item > .title.droppableHover .name, .panel.storages .items_list .item > .title.droppableHover .name, .panel.calendar_manager .items_list .item > .title.droppableHover .name, .settings .folders .items_list .item > .title.droppableHover .name, .settings .panel.navigation .items_list .item > .title.droppableHover .name { mask: url(images/filters.svg#masking); -webkit-mask: url(images/mask.png?7.4.0.7) repeat-y top right; -o-mask: url(images/mask.png?7.4.0.7) repeat-y top right; -ms-mask: url(images/mask.png%VERSION%) repeat-y top right; } html.rtl .panel.folders .items_list .item > .title.droppableHover .name, html.rtl .panel.groups .items_list .item > .title.droppableHover .name, html.rtl .panel.storages .items_list .item > .title.droppableHover .name, html.rtl .panel.calendar_manager .items_list .item > .title.droppableHover .name, html.rtl .settings .folders .items_list .item > .title.droppableHover .name, html.rtl .settings .panel.navigation .items_list .item > .title.droppableHover .name { mask: url(images/filters.svg#masking_rtl); -webkit-mask: url(images/mask_rtl.png?7.4.0.7) repeat-y top left; -o-mask: url(images/mask_rtl.png?7.4.0.7) repeat-y top left; -ms-mask: url(images/mask_rtl.png%VERSION%) repeat-y top left; } .panel.folders .items_list .item > .title .text, .panel.groups .items_list .item > .title .text, .panel.storages .items_list .item > .title .text, .panel.calendar_manager .items_list .item > .title .text, .settings .folders .items_list .item > .title .text, .settings .panel.navigation .items_list .item > .title .text { display: inline-block; vertical-align: middle; } .panel.folders .items_list .item > .title .icon, .panel.groups .items_list .item > .title .icon, .panel.storages .items_list .item > .title .icon, .panel.calendar_manager .items_list .item > .title .icon, .settings .folders .items_list .item > .title .icon, .settings .panel.navigation .items_list .item > .title .icon { display: inline-block; vertical-align: middle; width: 20px; height: 20px; } .panel.folders .items_list .item > .title .icon:before, .panel.groups .items_list .item > .title .icon:before, .panel.storages .items_list .item > .title .icon:before, .panel.calendar_manager .items_list .item > .title .icon:before, .settings .folders .items_list .item > .title .icon:before, .settings .panel.navigation .items_list .item > .title .icon:before { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-family: 'afterlogic'; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panel.folders .items_list .item > .title .icon:before, .panel.groups .items_list .item > .title .icon:before, .panel.storages .items_list .item > .title .icon:before, .panel.calendar_manager .items_list .item > .title .icon:before, .settings .folders .items_list .item > .title .icon:before, .settings .panel.navigation .items_list .item > .title .icon:before { font-size: 20px; display: inline-block; width: 100%; height: 100%; } .panel.folders .items_list .item.canSelect > .title, .panel.groups .items_list .item.canSelect > .title, .panel.storages .items_list .item.canSelect > .title, .panel.calendar_manager .items_list .item.canSelect > .title, .settings .folders .items_list .item.canSelect > .title, .settings .panel.navigation .items_list .item.canSelect > .title { cursor: pointer; color: #777777; text-shadow: none; } .panel.folders .items_list .item.canSelect > .title:hover, .panel.groups .items_list .item.canSelect > .title:hover, .panel.storages .items_list .item.canSelect > .title:hover, .panel.calendar_manager .items_list .item.canSelect > .title:hover, .settings .folders .items_list .item.canSelect > .title:hover, .settings .panel.navigation .items_list .item.canSelect > .title:hover { color: #444444; color: #FFFCB8; } .panel.folders .items_list .item.canSelect > .title:hover .icon, .panel.groups .items_list .item.canSelect > .title:hover .icon, .panel.storages .items_list .item.canSelect > .title:hover .icon, .panel.calendar_manager .items_list .item.canSelect > .title:hover .icon, .settings .folders .items_list .item.canSelect > .title:hover .icon, .settings .panel.navigation .items_list .item.canSelect > .title:hover .icon { color: inherit; } .panel.folders .items_list .item.canSelect > .title.virtualEmpty .title, .panel.groups .items_list .item.canSelect > .title.virtualEmpty .title, .panel.storages .items_list .item.canSelect > .title.virtualEmpty .title, .panel.calendar_manager .items_list .item.canSelect > .title.virtualEmpty .title, .settings .folders .items_list .item.canSelect > .title.virtualEmpty .title, .settings .panel.navigation .items_list .item.canSelect > .title.virtualEmpty .title, .panel.folders .items_list .item.canSelect > .title.virtualEmpty .title:hover, .panel.groups .items_list .item.canSelect > .title.virtualEmpty .title:hover, .panel.storages .items_list .item.canSelect > .title.virtualEmpty .title:hover, .panel.calendar_manager .items_list .item.canSelect > .title.virtualEmpty .title:hover, .settings .folders .items_list .item.canSelect > .title.virtualEmpty .title:hover, .settings .panel.navigation .items_list .item.canSelect > .title.virtualEmpty .title:hover { color: #AAAAAA; } .panel.folders .items_list .item.canSelect > .title.ui-state-disabled, .panel.groups .items_list .item.canSelect > .title.ui-state-disabled, .panel.storages .items_list .item.canSelect > .title.ui-state-disabled, .panel.calendar_manager .items_list .item.canSelect > .title.ui-state-disabled, .settings .folders .items_list .item.canSelect > .title.ui-state-disabled, .settings .panel.navigation .items_list .item.canSelect > .title.ui-state-disabled { cursor: pointer !important; } .panel.folders .items_list .item.selected > .title, .panel.groups .items_list .item.selected > .title, .panel.storages .items_list .item.selected > .title, .panel.calendar_manager .items_list .item.selected > .title, .settings .folders .items_list .item.selected > .title, .settings .panel.navigation .items_list .item.selected > .title { color: #fff !important; background: #2d90d6; background: rgba(0, 0, 0, 0.3); text-shadow: none; } .panel.folders .items_list .item.selected > .title .name, .panel.groups .items_list .item.selected > .title .name, .panel.storages .items_list .item.selected > .title .name, .panel.calendar_manager .items_list .item.selected > .title .name, .settings .folders .items_list .item.selected > .title .name, .settings .panel.navigation .items_list .item.selected > .title .name { mask: url(images/filters.svg#masking); -webkit-mask: url(images/mask.png?7.4.0.7) repeat-y top right; -o-mask: url(images/mask.png?7.4.0.7) repeat-y top right; -ms-mask: url(images/mask.png%VERSION%) repeat-y top right; } html.rtl .panel.folders .items_list .item.selected > .title .name, html.rtl .panel.groups .items_list .item.selected > .title .name, html.rtl .panel.storages .items_list .item.selected > .title .name, html.rtl .panel.calendar_manager .items_list .item.selected > .title .name, html.rtl .settings .folders .items_list .item.selected > .title .name, html.rtl .settings .panel.navigation .items_list .item.selected > .title .name { mask: url(images/filters.svg#masking_rtl); -webkit-mask: url(images/mask_rtl.png?7.4.0.7) repeat-y top left; -o-mask: url(images/mask_rtl.png?7.4.0.7) repeat-y top left; -ms-mask: url(images/mask_rtl.png%VERSION%) repeat-y top left; } .panel.folders .items_list .item.selected > .title.droppableHover .name, .panel.groups .items_list .item.selected > .title.droppableHover .name, .panel.storages .items_list .item.selected > .title.droppableHover .name, .panel.calendar_manager .items_list .item.selected > .title.droppableHover .name, .settings .folders .items_list .item.selected > .title.droppableHover .name, .settings .panel.navigation .items_list .item.selected > .title.droppableHover .name { mask: url(images/filters.svg#masking); -webkit-mask: url(images/mask.png?7.4.0.7) repeat-y top right; -o-mask: url(images/mask.png?7.4.0.7) repeat-y top right; -ms-mask: url(images/mask.png%VERSION%) repeat-y top right; } html.rtl .panel.folders .items_list .item.selected > .title.droppableHover .name, html.rtl .panel.groups .items_list .item.selected > .title.droppableHover .name, html.rtl .panel.storages .items_list .item.selected > .title.droppableHover .name, html.rtl .panel.calendar_manager .items_list .item.selected > .title.droppableHover .name, html.rtl .settings .folders .items_list .item.selected > .title.droppableHover .name, html.rtl .settings .panel.navigation .items_list .item.selected > .title.droppableHover .name { mask: url(images/filters.svg#masking_rtl); -webkit-mask: url(images/mask_rtl.png?7.4.0.7) repeat-y top left; -o-mask: url(images/mask_rtl.png?7.4.0.7) repeat-y top left; -ms-mask: url(images/mask_rtl.png%VERSION%) repeat-y top left; } .panel.folders .items_list .item .count, .panel.groups .items_list .item .count, .panel.storages .items_list .item .count, .panel.calendar_manager .items_list .item .count, .settings .folders .items_list .item .count, .settings .panel.navigation .items_list .item .count { display: inline-block; float: right; margin-right: 10px; padding: 2px 10px; } html.rtl .panel.folders .items_list .item .count, html.rtl .panel.groups .items_list .item .count, html.rtl .panel.storages .items_list .item .count, html.rtl .panel.calendar_manager .items_list .item .count, html.rtl .settings .folders .items_list .item .count, html.rtl .settings .panel.navigation .items_list .item .count { margin-right: 0px; margin-left: 10px; float: left; } .panel.folders .items_list .item .count.unseen:hover, .panel.groups .items_list .item .count.unseen:hover, .panel.storages .items_list .item .count.unseen:hover, .panel.calendar_manager .items_list .item .count.unseen:hover, .settings .folders .items_list .item .count.unseen:hover, .settings .panel.navigation .items_list .item .count.unseen:hover { border-radius: 11px/10px; background: rgba(0, 0, 0, 0.3); } .panel.folders .items_list .item.selected > .title .count, .panel.groups .items_list .item.selected > .title .count, .panel.storages .items_list .item.selected > .title .count, .panel.calendar_manager .items_list .item.selected > .title .count, .settings .folders .items_list .item.selected > .title .count, .settings .panel.navigation .items_list .item.selected > .title .count { border-radius: 11px/10px; background: transparent; box-shadow: none; } .panel.folders .items_list .item.selected > .title .count.unseen:hover, .panel.groups .items_list .item.selected > .title .count.unseen:hover, .panel.storages .items_list .item.selected > .title .count.unseen:hover, .panel.calendar_manager .items_list .item.selected > .title .count.unseen:hover, .settings .folders .items_list .item.selected > .title .count.unseen:hover, .settings .panel.navigation .items_list .item.selected > .title .count.unseen:hover { background: rgba(0, 0, 0, 0.3); } .cssanimations .panel.folders .item .title.recivedAnim, .cssanimations .panel.groups .item .title.recivedAnim, .cssanimations .panel.storages .item .title.recivedAnim, .cssanimations .panel.calendar_manager .item .title.recivedAnim, .cssanimations .settings .folders .item .title.recivedAnim, .cssanimations .settings .panel.navigation .item .title.recivedAnim { -webkit-animation: highlight 0.5s linear; -moz-animation: highlight 0.5s linear; animation: highlight 0.5s linear; } .panel.folders .item .title.droppableHover, .panel.groups .item .title.droppableHover, .panel.storages .item .title.droppableHover, .panel.calendar_manager .item .title.droppableHover, .settings .folders .item .title.droppableHover, .settings .panel.navigation .item .title.droppableHover { background: #e5e5e5 !important; color: #626262 !important; text-shadow: 0px 1px 0px #fff !important; } .panel.folders .item.selected .title.droppableHover, .panel.groups .item.selected .title.droppableHover, .panel.storages .item.selected .title.droppableHover, .panel.calendar_manager .item.selected .title.droppableHover, .settings .folders .item.selected .title.droppableHover, .settings .panel.navigation .item.selected .title.droppableHover { background: #3280b8 !important; color: #fff !important; text-shadow: 0px 1px 0px #678197 !important; } .panel.folders .items_list .item .title .name, .panel.groups .items_list .item .title .name, .panel.storages .items_list .item .title .name { mask: url(images/filters.svg#masking); -webkit-mask: url(images/mask.png?7.4.0.7) repeat-y top right; -o-mask: url(images/mask.png?7.4.0.7) repeat-y top right; -ms-mask: url(images/mask.png%VERSION%) repeat-y top right; } html.rtl .panel.folders .items_list .item .title .name, html.rtl .panel.groups .items_list .item .title .name, html.rtl .panel.storages .items_list .item .title .name { mask: url(images/filters.svg#masking_rtl); -webkit-mask: url(images/mask_rtl.png?7.4.0.7) repeat-y top left; -o-mask: url(images/mask_rtl.png?7.4.0.7) repeat-y top left; -ms-mask: url(images/mask_rtl.png%VERSION%) repeat-y top left; } .panels.settings .folders .items_list .item .title .name { mask: url(images/filters.svg#masking); -webkit-mask: url(images/mask.png?7.4.0.7) repeat-y top right; -o-mask: url(images/mask.png?7.4.0.7) repeat-y top right; -ms-mask: url(images/mask.png%VERSION%) repeat-y top right; } html.rtl .panels.settings .folders .items_list .item .title .name { mask: url(images/filters.svg#masking_rtl); -webkit-mask: url(images/mask_rtl.png?7.4.0.7) repeat-y top left; -o-mask: url(images/mask_rtl.png?7.4.0.7) repeat-y top left; -ms-mask: url(images/mask_rtl.png%VERSION%) repeat-y top left; } .panels.settings .folders .items_list .item.canDrag .title:hover .name { mask: url(images/filters.svg#masking); -webkit-mask: url(images/mask.png?7.4.0.7) repeat-y top right; -o-mask: url(images/mask.png?7.4.0.7) repeat-y top right; -ms-mask: url(images/mask.png%VERSION%) repeat-y top right; } html.rtl .panels.settings .folders .items_list .item.canDrag .title:hover .name { mask: url(images/filters.svg#masking_rtl); -webkit-mask: url(images/mask_rtl.png?7.4.0.7) repeat-y top left; -o-mask: url(images/mask_rtl.png?7.4.0.7) repeat-y top left; -ms-mask: url(images/mask_rtl.png%VERSION%) repeat-y top left; } .folders .title .icon.type1:before { content: "\e616"; } .folders .title .icon.type2:before { content: "\e615"; } .folders .title .icon.type3:before { content: "\e617"; } .folders .title .icon.type4:before { content: "\e614"; } .folders .title .icon.type5:before { content: "\e612"; } .folders .title .icon.type7:before, .folders .selected .title .icon.type7:before { color: #ffb736; content: "\e613"; margin-top: -0.1ex; } .folders .item:not(.virtualEmpty) .title .icon.type7 { text-shadow: none; } .folders .virtualEmpty .title .icon.type7:before { color: #727272 !important; } .folders .virtualEmpty.selected .title .icon.type7:before { color: #fff !important; } .groups .title .icon:before { content: "\e618"; } .groups .title .icon.type1:before { content: "\e618"; } .groups .title .icon.type2:before { content: "\e619"; } .groups .title .icon.type3:before { content: "\e629"; } .groups .title .icon.type4:before { content: "\e64f"; } .storages .title .icon.type1:before { content: "\e618"; } .storages .title .icon.type2:before { content: "\e629"; } /*=== END Folders CSS ===*/ .panel.messages .customscroll-scrollbar-vertical, .panel.contacts .customscroll-scrollbar-vertical, .panel.threads .customscroll-scrollbar-vertical { margin-right: 2px; text-align: center; } html.rtl .panel.messages .customscroll-scrollbar-vertical, html.rtl .panel.contacts .customscroll-scrollbar-vertical, html.rtl .panel.threads .customscroll-scrollbar-vertical { margin-right: 0px; margin-left: 6px; } .panel.messages .customscroll-scrollbar-vertical div, .panel.contacts .customscroll-scrollbar-vertical div, .panel.threads .customscroll-scrollbar-vertical div { display: inline-block !important; margin: 0px !important; } .add_account .popup_panel, .add_fetcher .popup_panel, .add_folder .popup_panel, .folders_setup .popup_panel { background: #f1f1f1 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACtJREFUeNo0iIEJACAAwlT8/1GPMAsaKGNMYpskAOPRdq9tWbrifpaOAAMAMvEO3ANCJPYAAAAASUVORK5CYII=") repeat 0 0; } /*=== END Popup CSS ===*/ /*=== IE hacks ===*/ .no-boxshadow .panel.messages, .no-boxshadow .panel.contacts, .no-boxshadow .panel.compose, .no-boxshadow .panel.calendar, .no-boxshadow .panel.files, .no-boxshadow .panel.threads, .no-boxshadow .panel.message_viewer, .no-boxshadow .panel.contact_viewer, .no-boxshadow .panel.thread_viewer, .no-boxshadow .panels.settings .panel, .no-boxshadow .popup.calendar_popup .popup_panel { behavior: url(skins/Default/PIE/PIE.htc); } /*=== retina displays ===*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 1.3dppx), only screen and (min-resolution: 125dpi) { .spritesX2 { background-image: url("images/sprites2x.png?7.4.0.7"); background-size: 1440px 560px; } } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-moz-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 1.3dppx), only screen and (min-resolution: 125dpi) { .file .icon, .messages .items_list .item .marker, .panel.files .items_list .folder .icon, .html_editor .toolbar .item .icon { background-image: url("images/sprites2x.png?7.4.0.7"); background-size: 1440px 560px; } } /*=== END IE hacks ===*//*=== Develop part ===*/ /*=== TEMP ===*/ #WebRtc4npapi { position: absolute; top: -1px; left: -1px; width: 0; height: 0; } textarea.scroll-inner { width: 100% !important; } .fetcher .info { float: right; } /*.flash_wrapper { position: absolute; top: 5px; right: 3px; z-index: 2001; }*/ #flash { visibility: hidden; position: absolute; top: -200px; left: 0px; z-index: 2001; } #fake_flash { width: auto; height: 137px; } .phone_popup .popup_panel { min-width: 0px; } .phone_popup .popup_panel .flash { width: 250px; height: 120px; }
© 2017 -
ZeroByte.ID
.