allo/public/css/main.css

body{ background: url(../assets/img/bg/patterns/pattern3.png) !important; }

/* === List styles === */
.liTip li { background: url(../assets/img/elements/other/updateDone.png) no-repeat 0 5px; padding: 0 0 0 20px; }
.liArrow li { background: url(../assets/img/elements/control/subnav_arrow.png) no-repeat 0 8px; padding: 0 0 0 12px; }
.liInfo li { background: url(../assets/img/elements/other/updateNotice.png) no-repeat 0 5px; padding: 0 0 0 20px; }
.liWarning li { background: url(../assets/img/elements/other/updateWarning.png) no-repeat 0 5px; padding: 0 0 0 20px; }
.liInfinite li { background: url(../assets/img/elements/other/taskPending.png) no-repeat 0 8px; padding: 0 0 0 20px; }
.liDone li { background: url(../assets/img/elements/other/taskDone.png) no-repeat 0 6px; padding: 0 0 0 20px; }


#top { background: url(../assets/img/top/top-purple.jpg) repeat-x 0 0 !important; }

ul.userNav li { background: #262626 !important; box-shadow: 0 1px 0 #4e4e4e; -webkit-box-shadow: 0 1px 0 #4e4e4e; -moz-box-shadow: 0 1px 0 #4e4e4e; }
ul.userNav li a.screen { background: url(../assets/img/icons/usernav/screen.png) no-repeat 9px 9px; }
ul.userNav li a.settings { background: url(../assets/img/icons/usernav/settings.png) no-repeat 9px 9px; }
ul.userNav li a.logout { background: url(../assets/img/icons/usernav/logout.png) no-repeat 9px 9px; }

/* # Sidebar stuff
================================================== */
#sidebar { background: url(../assets/img/bg/side-purple.jpg) repeat-y; border-top: 1px solid #5d404f;}
#sidebar .divider > span { background: #e6e6e6 url(../assets/img/div.png) no-repeat 50%; }

.mainNav { background: url(../assets/img/bg/sidebar-purple.jpg); }
.nav li a { background: rgba(93, 16, 73, 0.1)!important; color: #fff !important; font-size: 12px !important;}

.nav li a.active { background: url(../assets/img/bg/sidebar1.jpg) repeat-y !important; color: #fff !important; }
.nav li ul { background: url(../assets/img/elements/other/userArrow1.png) 5px 11px no-repeat; }
.nav li ul li { background: url(../assets/img/bg/sidebar-purple.jpg); }
.nav li ul li:hover { background: url(../assets/img/bg/sidebar1.jpg); }
.nav li ul li ul li a  { background: url(../assets/img/elements/control/subnav_arrow.png) no-repeat 14px 16px; }

/* === User nav dropdown === */
.leftUser {  background: url(../assets/img/elements/other/userArrow1.png) 0 11px no-repeat; }
.leftUser li { background: url(../assets/img/bg/sidebar-purple.jpg); }
.leftUser li a.sProfile { background: url(../assets/img/icons/usernav/profile.png) no-repeat 12px 12px; }
.leftUser li a.sMessages { background: url(../assets/img/icons/usernav/messages.png) no-repeat 12px 13px; }
.leftUser li a.sSettings { background: url(../assets/img/icons/usernav/settings.png) no-repeat 12px 12px; }
.leftUser li a.sLogout { background: url(../assets/img/icons/usernav/logout.png) no-repeat 12px 12px; }
.leftUser li:first-child:hover { background: url(../assets/img/bg/sidebar1.jpg);  -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px;}
.leftUser li:hover { background: url(../assets/img/bg/sidebar1.jpg); }
.leftUser li a:hover { color: #fff !important; }
.leftUser li:last-child { -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }

/* === Search === */
.topSearch { background: url(../assets/img/backgrounds/sidebar-purple.jpg); }
.topDropArrow { background: url(../assets/img/elements/other/dropTopArrow.png) no-repeat; }

/* === User === */
.user { border-top: none !important;}
.user a > img { width: 70px; height: auto; border-radius: 7px;}
.user > span { background: url(../assets/img/bg/sidebar-purple.jpg); color: #fff !important; font-size: 12px !important;}

/* === Sub sidebar top part === */
.secTop { background: url(../assets/img/bg/contentTop.png) repeat-x; height: 63px !important; }
.secTop [class^="triangle-"], .secTop [class*=" triangle-"]  { background: url(../assets/img/elements/ui/triangles.png) no-repeat; }

/* === Icons line === */
.iconsLine li { background: url(../assets/img/bg/breadcrumbs.png) repeat-x; }
.iconsLine li.clicked a { background: url(../assets/img/bg/subnav.jpg); }

/* Contact list */
.userList li.this a { background: url(../assets/img/bg/body.jpg); }
.status_available, .status_away, .status_off { background: url(../assets/img/elements/other/contact_status.png) no-repeat; }

/* Upload files */
.filesDown .remove { background: url(../assets/img/elements/other/removeLi.png) no-repeat; }
.fileSuccess { background: url(../assets/img/elements/other/fileSuccess.png) no-repeat; }
.fileError { background: url(../assets/img/elements/other/fileError.png) no-repeat; }
.fileQueue { width: 12px; height: 6px; background: url(../assets/img/elements/other/taskPending.png) no-repeat; }
.dropFiles { background: url(../assets/img/dropFiles.png) no-repeat; }

/* Full width grey buttons */
.sideFullWidth li a span.users { background: url(../assets/img/icons/sidebarButtons/users.png) no-repeat 50%; }

/* Full width dropdown */
.fulldd { background: url(../assets/img/bg/breadcrumbs.png) repeat-x; }

/* # Content stuff
================================================== */

/* === Dividers === */
.divider > span { background: #eeeeee url(../assets/img/div.png) no-repeat 50%; }
.widget .divider > span { background: #eeeeee url(../assets/img/div.png) no-repeat 50%; }
.dialog .divider > span { background: #f5f5f5 url(../assets/img/div.png) no-repeat 50%; }

/* === Content top part === */

.contentTop { height: 64px; padding: 0 22px; background: url(../assets/img/bg/contentTop.png) repeat-x; }

/* === Breadcrumbs line === */

.breadLine { background: url(../assets/img/bg/breadcrumbs.png) repeat-x; }
.breadLine .hideArrow { background: url(../img/hideArrow.png) no-repeat; }

/* Breadcrumbs */
ul.breadcrumbs li a { background: url(../assets/img/icons/breadsArrow.png) no-repeat 100% 10px; }
ul.breadcrumbs > li:first-child { background: url(../assets/img/icons/breadsHome.png) no-repeat 2px 10px; }
ul.breadcrumbs li ul { background: url(../assets/img/subArrow.png) no-repeat 10px 5px; }
ul.breadcrumbs li ul li { background: url(../assets/img/bg/sidebar-purple.jpg); }
ul.breadcrumbs li ul li a {  background: url(../assets/img/elements/control/subnav_arrow.png) no-repeat 12px 13px; }
ul.breadcrumbs li ul li a:hover { background: url(../assets/img/bg/sidebar1.jpg) !important; }

/* Breadlinks */
.breadLinks ul li a.hasdd { background: url(../assets/img/elements/control/hasddArrow.png) no-repeat 100%; }

/* === Middle navigation buttons === */
.middleFree li > strong { background: url(../assets/img/bg/sidebar-purple.jpg); }

/* Input fields */
.sbmt { background: url(../assets/img/elements/control/headSubmit.png) no-repeat; }


/* New updates widget */
.uDone { background: url(../assets/img/elements/other/updateDone.png) no-repeat 0 4px; }
.uAlert { background: url(../assets/img/elements/other/updateWarning.png) no-repeat 0 4px; }
.uNotice { background: url(../assets/img/elements/other/updateNotice.png) no-repeat 0 4px; }

/* ===== Wizard ===== */
.wizButtons .status span { background: url(../assets/img/icons/updateDone.png) no-repeat 14px; }

/* ===== Content progress bars ===== */
.barG, .barB, .barO, .barBl, .barGr, .barR { background: url(../assets/img/elements/ui/progress.png) repeat-x; }

/* ===== Task widget  ===== */
.taskDone { background: url(../assets/img/elements/other/taskDone.png) no-repeat; display: block; width: 10px; height: 10px; }
.taskPending { background: url(../assets/img/elements/other/taskPending.png) no-repeat; display: block; width: 12px; height: 6px; }
.taskProgress { background: url(../assets/img/elements/other/taskProgress.png) no-repeat; display: block; width: 10px; height: 10px; }

/* ===== Website statistics widget  ===== */
.statsPlus { background: url(../assets/img/elements/other/grown.png) no-repeat 0 1px; color: #599414; }
.statsMinus { background: url(../assets/img/elements/other/dropped.png) no-repeat 0 1px; color: #a73939; }

/* ===== Search widget  ===== */
.sResults > .arrow { background: url(../assets/img/elements/control/resultsarrow.png) no-repeat; }

/* === Message to widget === */
.sendBtn .attachLink { width: 12px; height: 12px; background: url(../assets/img/elements/other/link.png) no-repeat; }
.sendBtn .attachPhoto { width: 14px; height: 11px; background: url(../assets/img/elements/other/photo.png) no-repeat; }

/* ===== Form styling  ===== */

/* Checkboxes */
div.checker span { background: url(../assets/img/elements/forms/checkboxes.png) no-repeat 0 0; }

/* Radio buttons */
div.radio span { background: url(../assets/img/elements/forms/radios.png) no-repeat 0 0; }

/* File uploader */
div.uploader span.action { background: #fff url(../assets/img/elements/forms/addFiles.png) no-repeat 0 0; }

/* Selector */
div.selector span { background: url(../assets/img/elements/forms/selectArrow.png) no-repeat 100%; }


/* # Tables
================================================== */
table thead td span { background: url(../assets/img/tables/sort.png) no-repeat 0; display: block; /*position: absolute; right: 3px; top: 3px; width: 16px*/width: 7px; float: right; margin: 2px 2px 0 5px; height: 16px; }
table thead td.headerSortUp span { background: url(../assets/img/tables/sortUp.png) no-repeat 0; }
table thead td.headerSortDown span { background: url(../assets/img/tables/sortDown.png) no-repeat 0; }

/* ===== Dark table ===== */
.tDark thead td { background: url(../assets/img/bg/sidebar-purple.jpg); }

/* # Invoice page
================================================== */
.inFrom span, .inTo span { display: block; background: url(../assets/img/elements/control/subnav_arrow.png) no-repeat 0 8px; padding-left: 12px; }
.cards li { display: inline-block; text-align: right; background: url(../assets/img/sprites/paymentIcons.png) no-repeat; width: 51px; height: 32px; padding: 0; margin-left: 8px; }

/* Messages page
================================================== */
.messagesOne .by_user .aro { background: url(../assets/img/elements/other/messageArrow_left.png) no-repeat; }
.messagesOne .by_me .aro { background: url(../assets/img/elements/other/messageArrow_right.png) no-repeat; }

/* Gallery page
================================================== */
.gallery .actions { background: url(../assets/img/elements/other/overlay.png); }

/* # Special classes for responsive layout
================================================== */

.showTabletP { display: none!important; }
.showTabletL { display: none; }

.iButton { float: right; display: none; width: 44px; height: 27px; background: url(../img/elements/other/iButton.png) no-repeat; margin-top: 11px; }
.iTop { float: right; display: none; width: 44px; height: 27px; background: url(../img/elements/other/iTop.png) no-repeat; margin-top: 11px; margin-right: 10px; }


/* ===== Responsive navigation ===== */
.altMenu { background: url(../assets/img/elements/other/dropTopArrow.png) 50% 0 no-repeat; }
.altMenu > li { background: url(../assets/img/bg/sidebar-purple.jpg); }
.altMenu > li a { background: url(../assets/img/elements/control/rightArrow.png) no-repeat 14px 16px; }

.isDisabled { cursor: default; }
.isDisabled:hover {  }
.balBars { display: none !important; }
.balance .balAmount > span { margin-top: 0px !important; }

.yellowImg, .orangeImg { width: 35px; height: 35px; }
.redImg { background: #DE006E !important; }
.blueImg { background: #2962FF !important; } 
.orangeImg { background: #FF6D00; } 
.yellowImg { background: #FFD600; }
.greenImg { background: #00C853 !important; }
.yellowImg img { padding: 10px 11px;  }
.greenImg img { padding: 10px 11px !important; }
.orangeImg img { padding: 10px 11px !important; }

.listC { font-size: 11px; padding: 2px 4px; color: #fff; margin: 2px auto !important; text-align: center; }
.widgetH { background: transparent; border: 0; box-shadow: 0 2px 2px -2px transparent; }
.formRowL { margin-top: 0px !important; }

/* ===== Calender Modify ===== */
.fc-day-header span { background: transparent !important; width: 100% !important; margin-bottom: .5em;}
hr.fc-divider { display: none !important; }
.fc-time-grid-container, .fc-day-grid-event { margin-left: 0px !important; }
.fc-agenda-view .fc-day-grid { border-bottom: 2px solid #532144; }

.fc-toolbar h2 { font-size: 12px; }
.fc-toolbar.fc-header-toolbar { margin-bottom: 0px !important; }
.fc-state-default.fc-corner-left { border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; }
.fc-state-default.fc-corner-right { border-top-right-radius: 0px !important;  border-bottom-right-radius: 0px !important; }
.fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number { padding: 4px 8px !important; }
.fc-right button, .fc-left button  { border-bottom: 0px !important; border-top: 0px !important; background: #F2F2F2 !important; border-color: #cdcdcd !important; }
.fc-right button:hover, .fc-left button:hover, .fc-right button:active, .fc-left button:active { background: #fff !important; }
.fc-view-container { margin: 0px -2px -1px -1px !important; }
.fc-right button:last-child { border-right: 0px !important; }
.fc-left button:first-child { border-left: 0px !important; }

.fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td { padding: 0px 5px; }
.fc-event-container .fc-content { font-size: 12px !important; padding: 1px 2px; }
.fc-event-container .fc-event { border-radius: 0px !important; }
.fc-content-col .fc-event-container .fc-time-grid-event { position: absolute !important; width: auto !important; margin-left: 2.127659574% !important; }

.cuss .dataTable { font-size: 13px !important; }
.cuss .dataTable thead th { font-weight: 600; color: #333 !important; font-size: 12px !important;}
.cuss .sorting_asc { background: #fff url(../assets/img/tables/sort_asc.png) no-repeat center right;!important; }
.cuss .sorting { background: #fff url(../assets/img/tables/sort_both.png) no-repeat center right;!important; }
.cuss .sorting_disabled { background: #fff !important; }
.cuss .dataTable tr.odd { background: #F9F9F9 !important; }
.cuss .dataTable tr.even { background: #FFF !important; }
.filterColumn .formRow { padding: 0 !important; }
.filterColumn .formRow input[type=text] { font-size: 12px !important; background: #fff !important;}
.textW, .textW:hover {
    border: 1px solid #522043;
    box-shadow: 0 1px 2px 0 #7a5870 inset;
    -webkit-box-shadow: 0 1px 2px 0 #7a5870 inset;
    -moz-box-shadow: 0 1px 2px 0 #7a5870 inset;
    background: #703d61;
    background: -moz-linear-gradient(top, #703d61 0%, #542f49 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#703d61), color-stop(100%,#542f49));
    background: -webkit-linear-gradient(top, #703d61 0%,#542f49 100%);
    background: -o-linear-gradient(top, #703d61 0%,#542f49 100%);
    background: -ms-linear-gradient(top, #703d61 0%,#542f49 100%);
    background: linear-gradient(top, #703d61 0%,#542f49 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#703d61', endColorstr='#542f49',GradientType=0 );
	color: #fff;
}
.textW:active { opacity: 0.85; filter: alpha(opacity=85); -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.link-disabled { cursor: default; opacity: 0.7 !important; }

.cussPayment div.selector, .cussPayment div.uploader { width: 100% !important; max-width: 100% !important; }{ width: 100% !important; max-width: 100% !important; }
.cussPayment .formRow , .widgetBg { background: #fff !important; }
.calenderW button { width: 100% !important; }
.bCalender, .bPurple { 
	border: 1px solid #7e599c;
    box-shadow: 0 1px 2px 0 #563373 inset;
    -webkit-box-shadow: 0 1px 2px 0 #563373 inset;
    -moz-box-shadow: 0 1px 2px 0 #563373 inset;
    background: #563373;
    background: -moz-linear-gradient(top, #563373 0%, #7e599c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#563373), color-stop(100%,#7e599c));
    background: -webkit-linear-gradient(top, ##563373 0%,#7e599c 100%);
    background: -o-linear-gradient(top, #563373 0%,#7e599c 100%);
    background: -ms-linear-gradient(top, #563373 0%,#7e599c 100%);
    background: linear-gradient(top, #563373 0%,#7e599c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#563373', endColorstr='#7e599c',GradientType=0 );
	
}

.formRow input[disabled], .formRow input:read-only { background-color: #ebebe4 !important; cursor: default; }

.widget { background: #fff !important; }

.formRow input[type=text], .formRow input[type=password], textarea, input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
	font-size: 12px !important;
    color: #333 !important;
}

.formRow div.selector select, .formRow div.selector span { font-size : 13px !important; }

.label-orange {
    background-color: #E07027;
}
.label-purple{
	background-color: #652D90;
}
/* # Media queries
================================================== */

@media only screen and (max-width: 1024px) {
	.quickStats { position: absolute; right: 22px; background: url(../assets/img/bg/contentTop.png) repeat-x; } 
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
	#sidebar { width: 100px; }
	.secNav { dbackground: url(../assets/img/backgrounds/subnav.jpg); }
}

a.paginate_button .current{
    background: #f9f9f9;
    background: -moz-linear-gradient(top, #f9f9f9 0%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee));
    background: -webkit-linear-gradient(top, #f9f9f9 0%,#eeeeee 100%);
    background: -o-linear-gradient(top, #f9f9f9 0%,#eeeeee 100%);
    background: -ms-linear-gradient(top, #f9f9f9 0%,#eeeeee 100%);
    background: linear-gradient(top, #f9f9f9 0%,#eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 );
}

.dataTables_filter {
    margin: 0px !important;
}