.visualize
{
    margin-bottom: 4em;
}

/* -------------------------------------------------------------- 
   Tickets
-------------------------------------------------------------- */
.ticket
{
    padding: 3px 4px;
    text-align: right;
    color: #fff;
    font-size: 10px;
    display: inline;
    white-space: nowrap;
    width: 60px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.ticket.open
{
    background-color: #F90;
}
.ticket.closed
{
    background-color: #666;
}
.ticket.responded
{
    background-color: #263849;
}


/* -------------------------------------------------------------- 
   Dashboard Tables
-------------------------------------------------------------- */
.support_table .full
{
    width: 70%;
    font-size: 0.9em;
}
.support_table .who
{
    width: 30%;
    text-align: right;
    font-size: 10px;
    color: #999;
}

.info_table .value, .info_table .value_text
{
    width: 25%;
    font-size: 18px;
    font-weight: bold;
    color: #263849;
    text-align: left;
}
.info_table .value_text
{
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
}

table.info_table td
{
    padding: 5px;
    font-size: 0.9em;
}

.inbox_table .avatar
{
    width: 60px;
}
.inbox_table .full
{
    width: 80%;
    font-size: 11px;
}
.inbox_table .who
{
    width: 20%;
    text-align: right;
    font-size: 10px;
    color: #999;
}

img.avatar_img
{
    width: 60px;
    padding: 1px;
    border: 1px solid #CCC;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}




/* -------------------------------------------------------------- 
   Support Request Page
-------------------------------------------------------------- */
#support-details h1
{
    margin-bottom: 1.15em;
}

#support-details .request-info
{
    background: none repeat scroll 0 0 #F1F1F1;
    color: #333;
    float: left;
    font-size: 11px;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
    width: 180px;
    padding: 15px 0 10px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #DDD;
}

#support-details .request-info ul
{
    margin-left: 16px;
}

#support-details .request-info img
{
    width: 35px;
    padding: 1px;
    margin: 0 2px;
    border: 1px solid #AAA;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#support-details .request-info strong
{
    color: #111;
    padding-right: .5em;
}





/* -------------------------------------------------------------- 
   FAQ Page
-------------------------------------------------------------- */
#search-bar
{
    background: #EEE;
    padding: 25px 25px 10px;
    margin: 0 auto;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #CCC;
}

#search-bar form
{
    width: 550px;
    position: relative;
    margin: 0 auto;
}

#search-bar h2
{
    margin-bottom: .5em;
}

#search-bar input
{
    width: 430px;
    padding: 7px;
    border: 1px solid #999;
    margin-right: .5em;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

* + html #search-bar input
{
    width: 415px;
}

#search-bar p
{
    font-size: 11px;
    color: #555;
    margin-top: 1em;
}

#search-bar .loader
{
    background: url(./images/loader.gif) no-repeat 0 0;
    width: 16px;
    height: 16px;
    line-height: 500px;
    overflow: hidden;
    position: absolute;
    right: 115px;
    top: 40px;
}

.faq
{
    margin-bottom: 3em;
}
.faq li
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.faq .answer
{
    border-bottom: 1px dotted #CCC;
    margin: 2.5em 0 2.5em 2em;
}

.faq .plus_icon
{
    color: #F90;
    font-weight: bold;
    font-size: 18px;
    display: inline;
    padding-right: 1em;
}

#no_results
{
    color: #C00;
    display: none;
}





/* -------------------------------------------------------------- 
   Reports Page
-------------------------------------------------------------- */
#big_stats
{
    /* background: #f3f3f3;  */
    width: 100%;
    padding: 0;
    float: left;
    margin-bottom: 10px;
    margin-top: -10px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}



* + html #big_stats
{
    padding-bottom: 2em;
}

.stat
{
    width: 45%;
    height: 90px;
    padding: 0 2%;
    float: left;
    position: relative;
    border-left: 1px dotted #CCC;
}

.clubStat
{
    padding: 0 2%;
    float: left;
    position: relative;
    border-left: 1px dotted #CCC;
}


.clubStatNoBorder
{
    margin: 0 2%;
    float: left;
    position: relative;
}

.clubInfoHalfWidth {
    width: 46%;
}

#notifications .stat
{
    width: 90%;
}

* + html .stat
{
    height: 100px;
}

.stat:first-child
{
    border: none;
}

.stat h4
{
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #999;
    margin-bottom: 1.5em;
}

.stat .value
{
    font-size: 50px;
    font-weight: bold;
    color: #263849;
    line-height: 1em;
}

.stat .moneyGreen, .moneyGreen, .info_table .moneyGreen
{
    color: green;
}

.stat .view_all
{
    font-size: 11px;
    position: absolute;
    right: 20px;
    bottom: 12px;
}


.reports_table .value
{
    width: 100px;
    text-align: right;
}
.reports_table .value span
{
    background: #F90;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
    width: 40px;
    text-align: center;
    padding: 3px 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.reports_table td
{
    padding: 5px;
}





/* -------------------------------------------------------------- 
   Invoice Page
-------------------------------------------------------------- */
#invoice
{
    border-top: 5px solid #999;
}

#invoice h1
{
    margin-bottom: 1.25em;
}
#invoice .total, #invoice .price
{
    text-align: right;
}

#invoice .sub_total, #invoice .grand_total
{
    text-align: right;
    border-bottom: none;
}

#invoice .sub_total
{
    border-top: 2px solid #666;
}
#invoice .grand_total
{
    font-size: 14px;
    font-weight: bold;
}

#invoice .client_details, #invoice .invoice_details
{
    font-size: 11px;
    padding: 0;
    margin: 0 0 3em;
    float: left;
}

#invoice .invoice_details
{
    float: right;
}
#invoice .client_details li, #invoice .invoice_details li
{
    list-style-type: none;
}

#invoice .name
{
    font-size: 14px;
}

#invoice_actions
{
    padding: 0;
    margin: 0;
}
#invoice_actions li
{
    list-style-type: none;
    margin-bottom: 1.25em;
}
#invoice_actions li a
{
    padding-left: 26px;
}

#invoice_actions .send
{
    background: url(../images/email.png) no-repeat 0 center;
}
#invoice_actions .edit
{
    background: url(../images/pencil.png) no-repeat 0 center;
}
#invoice_actions .print
{
    background: url(../images/printer.png) no-repeat 0 center;
}
#invoice_actions .duplicate
{
    background: url(../images/page_white_copy.png) no-repeat 0 center;
}
#invoice_actions .delete
{
    background: url(../images/cross.png) no-repeat 0 center;
}
#invoice_actions .change
{
    background: url(../images/page_white_go.png) no-repeat 0 center;
}

#invoice_total
{
    background: #AAA;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    color: #FFF;
    padding: 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 1.25em;
}



/* -------------------------------------------------------------- 
   Profile Page
-------------------------------------------------------------- */
/*#profile { border-top: 5px solid #999; }
	
#profile h1 { margin-bottom: 1.25em; }*/
#profile .total, #profile .price
{
    text-align: right;
}

#profile .sub_total, #profile .grand_total
{
    text-align: right;
    border-bottom: none;
}

#profile .sub_total
{
    border-top: 2px solid #666;
}
#profile .grand_total
{
    font-size: 14px;
    font-weight: bold;
}

#profile .client_details, #profile .club_details
{
    font-size: 1.2em;
   /* margin: 0 0 3em;
    float: left;
   */
}

#profile .club_details
{
    /*float: right;*/
}
#profile .client_details li, #profile .club_details li
{
    list-style-type: none;
}

#profile .name
{
    font-size: 1.2em;
}

#profile_actions
{
    padding: 0;
    margin: 0;
}
#profile_actions li
{
    list-style-type: none;
    margin-bottom: 1.25em;
}
#profile_actions li a
{
    padding-left: 26px;
}

#profile_actions .send
{
    background: url(../images/email.png) no-repeat 0 center;    
}
#profile_actions .edit
{
    background: url(../images/pencil.png) no-repeat 0 center;
}
#profile_actions .print
{
    background: url(../images/printer.png) no-repeat 0 center;
}
#profile_actions .duplicate
{
    background: url(../images/page_white_copy.png) no-repeat 0 center;
}
#profile_actions .delete
{
    background: url(../images/cross.png) no-repeat 0 center;
}
#profile_actions .change
{
    background: url(../images/page_white_go.png) no-repeat 0 center;
}

#profile_total
{
    background: #AAA;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    color: #FFF;
    padding: 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 1.25em;
}

.listSpace
{
    display: block;
    height: 12px;
}


/* -------------------------------------------------------------- 
   Gallery Page
-------------------------------------------------------------- */
ul.gallery
{
    padding: 0;
    margin: 0;
}

.gallery li
{
    padding: 3px;
    margin: 0;
    background: 0;
    width: 100px;
    height: 100px;
    list-style-type: none; /*	display: -moz-inline-stack;     display: inline-block;     vertical-align: top;     zoom: 1;     *display: inline; */
    float: left;
    position: relative;
    margin: 13px 17px 10px 10px;
    border: 1px solid #ccc;
    box-shadow: 0 0 3px rgba(0,0,0,.20);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.20);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.20);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}


.gallery li:hover
{
    border-color: #888;
}

.gallery li .actions
{
    width: 100px;
    height: 100px;
    display: block;
    z-index: 10;
    position: absolute;
    text-align: center;
    left: 0;
    top: 0;
    display: none;
    padding: 3px;
    line-height: 100px;
}

.gallery .actions .btn
{
    padding: 0 5px 2px;
}

.gallery .actions .btn, .gallery .actions .btn:hover
{
    color: #FFF !important;
}

.gallery .actions .btn:first-child
{
    margin-top: 20px;
    margin-bottom: 1em;
}

.gallery li:hover .actions
{
    display: block;
}

* + html .gallery .actions .delete
{
    top: -12px;
    position: relative;
}




#gallery_wrapper
{
    text-align: center;
}








/* -------------------------------------------------------------- 
   Calendar Page
-------------------------------------------------------------- */
table.calendar
{
    margin: 18px 0 12px;
    clear: both;
    font-size: 12px;
    border-collapse: collapse;
}

table.calendar, .calendar td
{
    border: 1px solid #bbb;
}

table.calendar .day_number
{
    color: #333;
    font-size: 12px;
    padding: 3px 9px;
    font-weight: bold;
}

table.calendar td .daynum
{
    color: #555;
}

table.calendar th
{
    width: 250px;
    height: 10px;
    background: #263849 !important;
    color: #FFF;
    text-shadow: 0 0 1px rgba(0,0,0,.3);
    padding: 12px 0;
    text-align: center;
}

table.calendar td
{
    height: 110px;
    width: 14.28%;
    color: #114B7D;
    text-align: left;
    vertical-align: top;
    padding: 0;
    font-size: 12px;
}



table.calendar .event
{
    width: 92%;
    margin: 0 auto;
    height: 2em;
    overflow: hidden;
    display: block;
    position: relative;
}

table.calendar .event_title
{
    display: inline;
    color: #222;
    font-size: 11px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    text-decoration: none;
    z-index: 20;
}

table.calendar .event_title:hover
{
    color: #222;
    text-decoration: underline;
}

table.calendar .event_time
{
    display: inline;
    font-size: 11px;
    font-weight: bold;
    color: #F90;
    padding-right: .25em;
}



table.calendar .not_current_month
{
    background: #F1F1F1;
}

table.calendar .not_current_month .day_number
{
    color: #888;
}


h2.calendar_header
{
    font-size: 56px;
    text-align: center;
    line-height: 48px;
    margin-bottom: .5em;
    margin-top: .25em;
}
h2.calendar_header button
{
    top: -10px;
    margin: 0 1em;
    position: relative;
}
h2.calendar_header button:hover
{
    color: #FFF !important;
}

h2.calendar_header button.previous
{
    right: 25px;
}
h2.calendar_header button.next
{
    left: 25px;
}



/* -------------------------------------------------------------- 
   People Page
-------------------------------------------------------------- */
.department
{
    margin-bottom: 17px;
}
.department h2
{
    font-size: 18px;
    color: #F90;
    border-bottom: 1px dotted #CCC;
    padding-bottom: 4px;
    margin-bottom: 10px;
}
.user-card
{
    width: 200px;
    font-size: 11px;
    margin: 0 1em 1.5em 0;
    float: left;
}
.user-card img
{
    border: 1px solid #CCC;
    padding: 1px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.user-card .avatar
{
    width: 75px;
    float: left;
}
.user-card .details
{
    width: 115px;
    float: right;
}

#add-user-form
{
    width: 270px;
    margin: 0 auto;
}

#rightSidebar, .rightAlign
{
    float: right; /*padding-right:1px; */
}

.ico_user
{
    background: url("../images/ico_user.jpg") no-repeat scroll 5px center transparent;
    padding-left: 30px;
}


/* -------------------------------------------------------------- 
   Notifications widget
-------------------------------------------------------------- */

#notifications
{
    /* background: #f3f3f3;  */
    width: 100%;
    padding: 0; /* float: left; */
    margin: 0px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

#notifications
{
    color: #CCCCCC;
    overflow: hidden;
    padding-top: 11px;
}



#notifications p
{
    margin: 0;
    padding: 0;
}


.notifycount
{
    background: url("../images/bg_notify_count.png") no-repeat scroll center top transparent;
}

.notifycount
{
    display: block;
    float: left;
    font-size: 18px;
    height: 35px;
    letter-spacing: -1px;
    line-height: 1.6em;
    margin-right: 10px;
    text-align: center;
    width: 35px;
}

#notifications a
{
    color: #113F7D;
    font-weight: 700;
    text-decoration: none;
}


/*#notifications p.notifycount {
display:block;
float:left;
font-size:18px;
height:35px;
letter-spacing:-1px;
line-height:1.6em;
margin-right:10px;
text-align:center;
width:35px;
}
*/

/*.smltxt {
font-size:11px;
color:#A8A8A8;
}*/

.headerFlags
{
    float: right;
}

#userName
{
    float: left;
}

/*********FONT RESIZE STYLES************************************/

/*html {
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
}*/
body
{
    background-color: #111111;
}
.pixels
{
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 20px;
    padding: 20px;
    background-color: #222222;
}
.point
{
    font-size: 12pt;
    line-height: 30px;
    margin-bottom: 20px;
    padding: 20px;
    background-color: #222222;
}
.em
{
    font-size: 1em;
    margin-bottom: 20px;
    padding: 20px;
    background-color: #222222;
}
.percentage
{
    font-size: 100%;
    margin-bottom: 20px;
    padding: 20px;
    background-color: #222222;
}
.undefined
{
    margin-bottom: 20px;
    padding: 20px;
    background-color: #222222;
}
.FontSize
{
    display: none; /* hide from non-Javascript browsers */
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #333333;
    padding: 5px;
}



/*********END FONT RESIZE STYLES************************************/
/*********Update css************************************/
html
{
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
}
#notifications p.notifycount
{
    display: block;
    float: left;
    font-size: 18px;
    height: 47px;
    letter-spacing: -1px;
    line-height: 1.6em;
    margin-right: 10px;
    text-align: center;
    width: 51px;
    padding-top: 7px;
}
.smltxt
{
    font-size: 11px;
    color: #fff;
}
div.portlet
{
    background: url(../images/box_bg.jpg) center bottom repeat-x;
    /*background: -moz-linear-gradient(center top , white, #CFCFCF 6%, white 92%, #DADADA) repeat scroll 0 0 transparent*/
   /* width: 558px;*/
}

div.portlet-header-login h1 {
    background: url("../images/box_head.jpg") no-repeat scroll left top transparent;
    color: #FFFFFF;
    font: bold 18px Arial,Helvetica,sans-serif;
    margin-bottom: 15px;
    padding: 9px;
}

#rightSidebar div.portlet
{
    background: none;
}


.omnia {
     background-color:#1d458d;
 }
 .portlet img {
    border-radius: 8px;
    display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display:-ms-grid;
  display:grid;
 }
.omnia a:link, .omnia a:visited {
    color:#fff;text-decoration:none;
    font-size: 26px;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
}
.omnia div {
    vertical-align: top;
    display: table-cell;
}
.omnia img {
    width: 280px;
}
.omnia span {
    display: block;
    padding-bottom: .5em;
}
.omnia .omnia-btn {
    text-align: center;
    font-size: 18px;
    padding: .5em;
    border:1px solid #fff;
    border-radius: 4px;
    display: block;
    width: 170px;
    margin: 0 auto;
}
.omnia-text {
    text-align: center;
    padding-top: 20px;
}