body {background-image:url(../images/background.jpg);}


.nomargin{margin:0px;}
.nopadding{padding:0px;}
.mleft{margin-left:10px;}


/**************************************************************************
CUSTOM ROW STYLES
**************************************************************************/

.row .even {padding-top:8px;background:#F5F5F5;}
.row .odd {padding-top:8px;}


/**************************************************************************
CUSTOM TABLE STYLES
**************************************************************************/

table tr th.actionColumn{background:#E4E4E4;text-align:center;}
table tr td.actionColumn{background:#EFEFEF;text-align:center;}

table tr th.sortDESC {background-image: url(../images/up-arrow.png);background-repeat: no-repeat;background-position: right center;padding-right:30px;}
table tr th.sortASC {background-image: url(../images/down-arrow.png);background-repeat: no-repeat;background-position: right center;padding-right:30px;}


.paginationBox {
    position: relative;
    text-align: center;
    z-index: 1; 
}

.paginationBox:before {
    border-top: 1px solid #bbbbbb;
    content:"";
    margin: 0 auto;
    position: absolute;
    top: 15px; left: 0; right: 0; bottom: 0;
    width: 100%;
    z-index: -1;
}


.paginationBox div { background: #fff; padding: 0px; display:table-cell;}
.paginationBox div a{text-decoration:none; line-height:19px; padding: 4px 20px;color:#444444}
.paginationBox div select{display:inline;padding:4px;width:auto !important;}
	
/**************************************************************************
CUSTOM BUTTON STYLING
**************************************************************************/
.buttonJoy{padding: 10px !important;font-family: poppins,sans-serif;font-size: 14px;font-weight: 400 !important;}
.buttonJoy .icons{opacity: .5;filter: alpha(opacity=50);padding:15px !important;background-size:70% !important;}

/**************************************************************************
CUSTOM ICONS STYLES
**************************************************************************/

.icons.iconsButton{background-position:5px center;padding-left:40px;margin-bottom:8px;}
.icons.iconsInnerButton{background-position:0px center;width:40px;padding:20px;}
.icons.iconsSingleButton{background-position:5px center;margin-bottom:8px;width:40px;padding:18px 8px;}
.icons.iconsDashboard{background-position:center 10px;padding-top:40px;min-height:70px;}


/**************************************************************************
CUSTOM FORM STYLES
**************************************************************************/
.button.dropdown ul.no-hover.show-dropdown { max-height:200px;overflow-y:scroll;} 
.satisfied {color: rgba(0,0,0,.5);  text-decoration: line-through;}
.alertHighlight{background:#FFFDED !important;box-shadow:0px 0px 4px #FFB900 !important;}


/**************************************************************************
TOOLTIPS & INSTRUCTIONS
**************************************************************************/
.adminTooltip {
    position: relative;
    display: inline-block;
    margin-right:10px;
    border-radius:16px;
    width:20px;
    height:20px;
    border:1px solid #FFD11B;
    background:#FFFFDE;
    color:#FFA337;
    font-weight:normal;
    font-size:12px;
    text-align:center;
    line-height:20px;   
    cursor:help !important;
}

.adminTooltip.alert{
    background: #EB3D29;
    color: white;
    font-weight: bold;
    border-color: #AC2D1E;    
}

.adminTooltip .adminTooltiptext {
    visibility: hidden;
    width: 240px;
    background-color:#FFF9C2;
    color:black;
    text-align: left;
    padding: 12px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    border: 1px solid #FFD11B;
    margin-top: 10px;
    box-shadow: 4px 4px 0px -1px rgba(0,0,0,.1);
    font-weight:normal;
}

.adminTooltip:hover .adminTooltiptext { visibility: visible; }

.panel{
    background-color:#FFF9C2;
    border: 1px solid #FFD11B;
    margin: 9px 0px 0px 9px;
    padding: 16px !important;
    border-radius: 7px !important;
}

.quickStartText{padding: 15px;font-size: 18px;color:rgba(0,0,0,.7);font-family: 'Poppins', sans-serif;line-height: 24px;}
#greetingText {width:99%;padding:16px !important;display: block;box-shadow:rgba(0, 0, 0, 0.1) 4px 10px 2px;}
#greetingText.fixedText {width:99%;float:left !important;position: absolute;z-index: 1000000;margin: 0px !important;}
#greetingButton{cursor:pointer;margin-bottom:20px !important;border-top: 6px solid #FFD11B;box-shadow: 2px 4px 0px rgba(0,0,0,.05);background-image: url(../images/down-arrow.png);background-repeat: no-repeat;background-position: 96%;padding-right: 40px !important;}
.helpResources{
    margin: -16px !important;
    padding: 20px;
    background:#FFFCE3;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.helpTinyText {color:#AC9568;font-size: 14px;font-family:'Poppins', sans-serif;font-weight: normal;line-height: 20px;display:inline;margin-left:15px;}

@media (max-width: 700px) {
    #greetingButton {padding: 9px !important;background-image:none !important;}
    .helpTinyText {margin-left:40px !important;display:block !important;margin-top:4px !important;}

} 

.helpResourceItem {padding-bottom:30px;}
.helpResourceItem a {border-radius:8px;display:block;}
.helpResourceItem a h3 {margin: 10px 0px 10px 40px;font-size: 13px !important;border-top: 1px solid rgba(0,0,0,.1);padding: 6px 0px;}

.helpResourceItem a:hover {background:#FFF5D1;}
.helpResourceItem .icons{display:inline;width:39px;height:27px;float:left;margin-top: -5px;}
.helpResourceItem h3 {font-size: 14px !important;margin-bottom: -10px;padding-bottom: 20px;}
.helpResourceItem p{margin-left:40px;line-height: 24px;margin-bottom:15px;font-family:'Poppins', sans-serif;font-size:16px;}