:root {
	/* Dimensions */
	--side-lefty-width     :35rem;
	--side-right-width     :40rem;
	--side-right-width-sm  :35rem;
	/* Colors */
	--cs-background       :#333333;
	--cs-page-bkg         :#e8e8e8;
	--cs-page-border      :#cccccc;
	--cs-color-disabled   :#aaaaaa;
	--cs-header-bkg       :#003247;
	--cs-color            :#00587a;
	--cs-color-hover      :#0083b5;
	--cs-side-color       :#8197a6;
	--cs-side-color-hover :#b0c8d4;
	--cs-widget-bkg       :#5a5a5a;
	--cs-footer-color     :#1b95e0;
	--cs-panel-bkg        :#f8f8f8;
	--cs-panel-info-bkg   :#cadbe2;
	--cs-panel-info-border:#bdd2db;
	--cs-table-bkg        :#e8eff3;
	--cs-table-bkg-odd    :#dbe6eb;
	--cs-folder-color     :#ffb85d;
	--cs-loading-border1  :#f3f3f3;
	--cs-loading-border2  :#2ca1e6;
	--cs-notif-popup      :#e15151;
	--cs-notif-bullet     :#d98e26;
	--cs-notif-color      :#5a5a5a;
	--cs-notif-bkg        :#fff1de;
	--cs-notif-border     :#eecda0;
}

/* Keyframes */
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
@keyframes cta-arrow {
      0% { transform: translateX(  0) }
     50% { transform: translateX(50%) }
    100% { transform: translateX(  0) }
}