/* BEGIN Clearfix micro*/
.cf:before,.cf:after {content: " "; display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}
/* END Clearfix micro*/
html, body, #wrapper {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    font-size: 15px;
}

/* BEGIN Top menu */
#top-menu {
    position: fixed;
    top: 0;
    width: 100%;
    height: 46px;
    z-index: 101;
    /* border-bottom: 1px solid #BFBFBF; */
    font-size: 16px;
	line-height: 24px;
}
#top-menu.panel-hidden {
    border-bottom: 1px solid #FFFFFF;
}
#top-menu li {
    box-sizing: border-box;
    float: left;
    margin: 4px 0 4px 5px;
    padding: 0;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid transparent;
}
#top-menu li.active {
    -webkit-box-shadow: 0 0 6px #ccc inset;
    -moz-box-shadow: 0 0 6px #ccc inset;
    box-shadow: 0 0 6px #ccc inset;
    background: #efefef;
}
#top-menu li.active { border-color: #c4c4c4; }
#top-menu li:hover { border-color: #d0d0d0; }
#top-menu li a {
	padding: 6px 10px 6px 10px;
    padding-left: 34px;
    color: #2F3B48;
    text-shadow: 0 1px 0 #FFFFFF;
}
#top-menu li a:hover, #top-menu li.active a {
    color: #0f1b28;
    text-decoration: none;
}

#top-menu .glyphicons {
    padding-left: 34px;
}
#top-menu .glyphicons .icon::before {
	font-size: 120%;
	line-height: 34px;
	margin-left: 8px;
}
/* END Top menu */

/* BEGIN Top menu bar */
.userActions .panelButton.menuToggle {
	display: block;
	margin: 4px 5px 5px 0;
}
#top-menu .userPrefsToggle {
	font-size: 24px;
	margin: 0 25px 0 0;
	top: 10px;
	position: relative;
	cursor: pointer;
}

#top-menu .panelButton.menuToggle {
	width: 36px;
	height: 37px;
	line-height: 34px;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 2px;
	padding: 0;
	cursor: pointer;
}
#top-menu .panelButton.menuToggle:hover {
	border-color: #2F3B48;
	transition: 200ms all;
}
#top-menu .panelButton.menuToggle.expanded {
	background: #2F3B48;
}
.panelButton.menuToggle.expanded .menu-bars > span,
.panelButton.menuToggle.expanded .menu-bars > span::before,
.panelButton.menuToggle.expanded .menu-bars > span::after {
	background: #fff;
}

.menu-bars {
	display: block;
	position: relative;
	width: 34px;
	height: 34px;
}
.menu-bars > span,
.menu-bars > span::before,
.menu-bars > span::after {
	content: "";
	display: block;
	height: 3px;
	background: #2F3B48;
	position: absolute;
	bottom: auto;
	transition: 200ms all;
}
.menu-bars > span {
	left: 7px;
	right: 7px;
	top: 8px;
	transform-origin: top center;
}
.menu-bars > span::before,
.menu-bars > span::after {
	left: 0;
	right: 0;
}
.menu-bars > span::before {
	top: 8px;
}
.menu-bars > span::after {
	top: 16px;
}
.panelButton.menuToggle.expanded .menu-bars > span::before {
	opacity: 0;
	transform: rotate(-45deg);
}
.panelButton.menuToggle.expanded .menu-bars > span {
	top: 17px;
	transform: rotate(45deg);
	right: 5px;
}
.panelButton.menuToggle.expanded .menu-bars > span::before {
	top: 0px;
}
.panelButton.menuToggle.expanded .menu-bars > span::after {
	top: 0px;
	transform: rotate(-90deg);
}
.panelButton.menuToggle.expanded .menu-bars > span,
.panelButton.menuToggle.expanded .menu-bars > span::after {
	background: #ffffff;
}
.panelButton.menuToggle.expanded {
	border-color: #d71921;
	background: #c2040c;
}
/* END Top menu bar */

textarea[readonly='readonly']{
    background-image: none!important;
    background-color: #BDBDBD!important;
}
#save_button{
    text-align: right;
}
body {
    background: url("../images/background.jpg") repeat; /* http://subtlepatterns.com/vertical-cloth/ */
    color:#666 !important;
    font-family: Arial, sans-serif !important;
    overflow-x: hidden;
}
ul.menu {
    margin-bottom: 0px !important;
}
html {
    /*font-family: Arial, sans-serif !important;*/
    font-weight: inherit;
}

label {
    font-weight: inherit !important;
}
.not-active {
    pointer-events: none;
    cursor: default;
}
.disable_adding_new_partners{
    pointer-events: none!important;
    background: #ececec none repeat scroll 0 0!important;
    border-color: #ddd!important;
    color: #ccc!important;
    cursor: default!important;
}
.fiscal_menus {
	margin-top: 15px;
}
#congrats{
    margin:100px 0;
    display: none;
}
.congrats{
    text-align:center;
    color:#029EFF;
    text-shadow: 4px 4px 2px rgba(150, 150, 150, 1);
}
.demo_cert{
    display:inline-block;
    padding:10px;
    background-color: #f0f0f0;
    color:#1E3B53;
    border-radius: 5px;
    text-align: center;
    border:1px solid #1E3B53;
	font-size: 30px;
	font-weight: bold;
}
.smallButtons{
    margin-top:18px!important;
    padding:5px 0!important;
    background-image:none!important;
    background-color:#fff!important;
    min-width: 40px!important;
    border-radius: 0!important;
}
.nexttab, .finish{
    display:inline-block;
    width:100px;
    text-align:center;
    background-color: #1E3B53;
    border-radius: 5px;
    color: #ffffff !important;
    font-weight: 700;
    padding: 10px 16px;
    text-decoration: none;
    /*float:right;*/
}
.previoustab{
    display:inline-block;
    width:100px;
    background-color: #1E3B53;
    border-radius: 5px;
    color: #ffffff !important;
    font-weight: 700;
    padding: 10px 16px;
    text-decoration: none;
    /*float:right;*/
    margin-right:15px;
}
.home_margin_top{
    /*    margin-top:10px;*/
    text-align:center;
}
#error1,
#error2,
#error3,
#error4,
#error5,
#error6,
#error7
{
    color:#FF0000;
    font-weight: bold;
}
#ura_ira_book_search{
    border-radius:0;
    padding: 8px 16px;
    background-color: #1E3B53;
    color:#fff;
}

.msg{
    color:#ff0000;
    padding-right:7px;
}
#simple_print{
    margin-left:15px;
}
.preview{
    margin-right:0!important;
}
.buttons_sob{
    padding:20px 10px;
    border:1px solid #f0f0f0;
    font-weight:bold;
    color:#1E3B53;
    background-color:#ffffff;
    text-decoration: none;
    width:160px;
    display:inline-block;
    text-align: center;
    margin-bottom:20px;
    /*height:65px;*/
    /*vertical-align: middle;*/
}

.buttons_sob:hover{
    color:#ffffff;
    background-color: #1E3B53;
    text-decoration:none;
    border: 1px solid #ffffff;
}
.buttons_lock{
    padding:20px 10px;
    border:1px solid #f0f0f0;
    font-weight:bold;
    color:#ffffff;
    background-color:#832826;
    text-decoration: none;
    width:160px;
    display:inline-block;
    text-align: center;
    margin-bottom:20px;
}

.buttons_lock:hover{
    opacity: 0.75;
    text-decoration:none;
 
}

.importers a{
    margin: 0 15px 15px 0;
}

.mediumButtons{
    margin-top:16px !important;
    background-color: #fff!important;
    background-image: none!important;
    padding:6px 0!important;
}
[id^="btn_codlists_1_set_def"] {
    display: none;
}

.gant{
    color:#ffffff;
    text-decoration: none;
    padding: 10px 12px;
    background-color:#1E3B53;
    border-radius:0;
    font-weight:bold;
    border: 1px solid #1E3B53;
}
.gant:hover{
    color:#1E3B53;
    background-color: #F0F0F0;
    text-decoration:none;
    border: 1px solid #1E3B53;
}
.active_days{
    width:100%;
    height:23px;
    margin-top:6px;
}
.risk_days{
    width:100%;
    height:23px;
    margin-top:6px;
}
.danger_days{
    width:100%;
    height:23px;
    margin-top:6px;
}
.margin_days{
    width:100%;
    height:23px;
    margin-top:6px;
}

#loadProgress {
    background: #5bbdff;
    -webkit-box-shadow: 0 0 3px #5bbdff;
    -moz-box-shadow: 0 0 3px #5bbdff;
    box-shadow: 0 0 3px #5bbdff;
    transition: width 3000ms, opacity 300ms;
    display: block;
    height: 3px;
    left: 0;
    position: fixed;
    top: 47px;
    width: 0%;
    z-index: 200;
}
.navbar-hidden #loadProgress {
	top: 0;
}
#preLoader {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    z-index: 110;
    /* top: 47px; */
    /* background: url("/images/loader.gif?2.35.1") no-repeat scroll 50% 50% #e0e0e0; */
    top: 0;
    background: url("/images/loader.gif?2.35.1") no-repeat scroll 50% 50% rgba(0, 0, 0, 0.7);
    display: none;
}
ul {
    padding: 0;
    margin: 0;
}
fieldset {
    margin: 0;
    padding: 0;
    border: 0 none transparent;
}
fieldset label[for]{
    /*float: none;*/
}
fieldset.uniformjs {
    /* /
    min-height: 24px;
    padding-top: 30px;
    /* */
}
.checkboxGroup fieldset.uniformjs {
    margin-left: 20px;
    margin-top: 0;
    padding-top: 10px;
}
fieldset legend {
    font-weight: bold;
}
textarea[rows="3"] {
    height: 102px;
}
a:focus, a:active {
    outline:0;
}
.no-scroll {
    height: 100%;
    overflow: hidden;
}
hr.separator,
hr.separatorS,
hr.separatorXS {
    margin: 20px 0;
    border: 0 none transparent;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #9C9C9C;
}
hr.separator {
    -webkit-box-shadow: 0 3px 5px #9C9C9C;
    -moz-box-shadow: 0 3px 5px #9C9C9C;
    box-shadow: 0 3px 5px #9C9C9C;
}
hr.separatorS {
    margin: 10px 0;
}
hr.separatorXS {
    margin: 5px 0;
}
.hidden {
    visibility: hidden;
}
.login #wrapper {
    padding: 0;
}
#wrapper {
    position: relative;
    /* padding-top: 72px; */
}
.btn-register .glyphicons .icon:before {
    top: -2px;
}
/* LOGIN */
.animateAll300, .animateAll300 > li {
    -webkit-transition: all 175ms;
    -moz-transition: all 175ms;
    -o-transition: all 175ms;
    transition: all 175ms;
}
#top-menu li a {
    -webkit-transition: background 175ms;
    -moz-transition: background 175ms;
    -o-transition: background 175ms;
    transition: background 175ms;
}
#login {
    position: fixed;
    left: 50%;
    top: 18%;
    font-size: 12px;
}
#login a, #login a:hover {
    text-decoration: none;
}
#login .login-inner, #login .register-inner {
    padding: 20px;
    min-width: 320px;
    position: relative;
    left: -50%;
    /* top: -50%; */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #fff;
    border: solid 1px #fff;
    text-align: center;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
    background-image: -webkit-linear-gradient(top, #fff, #e0e0e0);
    background-image: -ms-linear-gradient(left top, #fff, #e0e0e0);
    background-image: -moz-linear-gradient(top, #fff, #e0e0e0);
    background-image: -o-linear-gradient(top, #fff, #e0e0e0);
    background-image: linear-gradient(to bottom, #fff, #e0e0e0);
}
#validateSubmitForm {
    min-width: 500px;
}
#login > div {min-height: 240px;}
#login .login-inner, #login .btn-register a,
#login .register-inner, #login .btn-register-cancel a {
    -webkit-box-shadow: 0 0 20px #000;
    -moz-box-shadow: 0 0 20px #000;
    box-shadow: 0 0 20px #000;
}

#login input {
    font-size: 14px !important;
    padding: 4px 10px !important;
}
#login .input-prepend .glyphicons {
    background: #AAA;
    color: #FFF;
    height: 27px;
    padding: 0;
    width: 23px;
    top: 8px;
}
#login .input-prepend .glyphicons .icon:before{
    font-size: 16px;
    padding-left: 4px;
    padding-top: 4px;
}
.licenseAgreement {
    margin-top: 10px;
}
.btn-register {
    bottom: -60px;
    left: 0;
    position: absolute;
    width: 100%;
}
.loginError {
    background: #FF0000;
    border-radius: 6px;
    color: #FFFFFF;
    font-weight: bold;
    margin: 6px 0;
    padding: 0 10px 6px 16px;
}
.loginError .icon:before {
    position: relative;
    left: -6px;
    top: 4px;
    font-size: 16px;
}
/* LOGIN */

.inner {height: 100%}
.innerPad {
    padding: 20px;
}

@media screen and (max-width: 768px){
    .innerPad {
        padding: 0px;
    }
}

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.dataTables_processing {
    display: block;
    width: 100%;
    height: 15px;
    background: url("../images/loader.gif") 50% 0 no-repeat transparent;
    margin: 0 auto;
    position: absolute;
	top: -2px;
    text-align: center;
    padding-top: 18px;
    text-transform: uppercase;
    color: #2A7AB5;
    font-size: 13px;
    font-weight: bold;
	filter: saturate(1.5) brightness(0.8);
	letter-spacing: 3px;
	word-spacing: 1px;
}
#top-panel, #top-menu {
    background-color: #1d1d1b;
    border-bottom: solid 1px #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
    background-image: -webkit-linear-gradient(top, #fff, #e0e0e0);
    background-image: -moz-linear-gradient(top, #fff, #e0e0e0);
    background-image: -ms-linear-gradient(top, #fff, #e0e0e0);
    background-image: -o-linear-gradient(top, #fff, #e0e0e0);
    background-image: linear-gradient(to bottom, #fff, #e0e0e0);
}
#top-panel {
    width: 100%;
    height: 60px;
    position: fixed;
    top: 48px;
    left: 0;
    z-index: 100;
    overflow: hidden;
    /* border-bottom: solid 1px #fff; */
    -webkit-box-shadow: 0 0 20px #000;
    -moz-box-shadow: 0 0 20px #000;
    box-shadow: 0 0 20px #000;
}
.fs-enabled .navbar-hidden #top-menu:not(.panel-hidden) + #top-panel {
	top: 0;
}
.fs-enabled .navbar-hidden #top-menu:not(.panel-hidden) + #top-panel + #main {
	margin-top: 58px;
}
#top-panel .btnGroup {
	text-align: center;
}
.panel-hidden + #top-panel {
    top: -80px;
}
/*.navbar-hidden > #top-menu {
    top: -80px;
}*/
.navbar-hidden > #main {
    margin-top: -80px;
}
#top-panel .inner {
    background: url("../images/background-white.png") repeat;
    height: 100%;
}
.userActions {
    float: right;
}
#top-panel .actions {
    margin: 0 20px;
}
.panelButton {
    margin: 22px 4px 0 0;
    min-height: 14px;
}
.userActions .panelButton {
    margin: 10px 12px 0 0;
    min-height: 14px;
    color: #2F3B48;
}
.userActions .panelButton:hover, .userActions .panelButton.active {
    color: #6F7B88;
}
.panelButtonWrapper {
    position: relative;
    float: left;
}
.panelButtonWrapper.menuToggler {
    margin-left: 8px;
}
.panelButtonWrapper .bubble {
    background: #FFF;
    position: absolute;
    right: 10px;
    top: 50px;
    /* width: 252px; */
    z-index: 100;
    border: 1px solid #666;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    display: none;
    white-space: nowrap;
	width: 282px;
	max-width: 96vw;
}
.bubbleTip {
    position: absolute;
    top: -14px;
    right: 10px;
    width: 32px;
    height: 14px;
    background: url("../images/bubble-tip.png") 0 0 no-repeat;
}
.panelButtonWrapper .inner {
    position: relative;
    background: #fff;
    padding: 15px 15px 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 4px;
}
.bubble .glyphicons {
    padding: 5px 0;
    margin-right: 20px;
    color: #666;
    width: 64px;
    margin-top: 2px;
}
.bubble .glyphicons:hover {
    color: #2f3b48;
}
.bubble .glyphicons:last-child {
    margin-right: 0;
}
.bubble .icon:before {
    font-size: 18px;
}
.bubble .icon + .title {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 4px;
}
.bubble .title {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 10px;
}
/* BEGIN Menu */
#main-content, #main-menu, input, input:hover + .add-on {
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
#main-menu {
    /* background: #191919; */
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #191919),
        color-stop(0.9, #191919),
        color-stop(1, #131313)
        );
    background-image: -o-linear-gradient(bottom, #191919 0%, #191919 90%, #131313 100%);
    background-image: -moz-linear-gradient(bottom, #191919 0%, #191919 90%, #131313 100%);
    background-image: -webkit-linear-gradient(bottom, #191919 0%, #191919 90%, #131313 100%);
    background-image: -ms-linear-gradient(bottom, #191919 0%, #191919 90%, #131313 100%);
    background-image: linear-gradient(to bottom, #191919 0%, #191919 90%, #131313 100%);
    height: 100%;
    border-right: 1px solid #363636;
    -webkit-box-shadow: 0 0 20px #000;
    -moz-box-shadow: 0 0 20px #000;
    box-shadow: 0 0 20px #000;
    position: fixed;
    left:0;
    z-index: 90;
    overflow: auto;
    width: 360px;
}
#main-menu.collapsed {
    left: -360px;
    -webkit-box-shadow: 0 0 0 #000;
    -moz-box-shadow: 0 0 0 #000;
    box-shadow: 0 0 0 #000;
}
#main-content.span10 {
    width: 85.47008547%;
    *width: 85.363702491%;
}
#main-menu + #main-content {
    width: 100%;
    *width: 99.94680851063829%;
    margin-left: 0;
}
#main-menu > .inner {
    height: 100%;
}
ul.menu, ul.menu li, .widget ul, .dropdown-menu {
    list-style: none outside none;
}
#main-menu ul.menu {
    /* margin: 0 0 0 10%; */
    margin: 0;
}
#main-menu ul li {
}
#main-menu ul.menu > li.active, .submenu ul {}
#main-menu ul.menu > li.active, #main-menu ul.menu > li:hover {
    background: #101010;
}
#main-menu ul.menu > li:last-child {
    margin-bottom: 10px;
    border-bottom: 1px solid #222222;
}
.submenu ul {
    -webkit-border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
}
#main-menu ul.menu > li.active + li > div > a {
    /* border-top: 0 none transparent; */
}
#main-menu ul li .inner {
    /* padding: 2px 0; */
}
#main-menu ul li a {
    display: block;
    border-top: 1px solid #222;
    border-bottom: 1px solid #101010;
    color: #dfdfdf;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    text-decoration: none;
}
#main-menu ul li li a {
    font-size: 16px;
    line-height: 16px;
    padding: 8px 20px 7px;
}
#main-menu ul li .submenu a {
    padding-left: 80px;
}
.submenu .glyphicons .icon:before {
    left: 54px;
}
#main-menu ul.menu > li > div > a .icon:before {
    text-shadow: 0 1px 0 #000;
}
#main-menu ul li a:hover {
    color: #fff;
}
#main-menu ul.menu > li.active > div > a {
    color: #fff;
}
#main-menu .glyphicons .icon:before {
    font-size: 22px;
    line-height: 10px;
    margin-right: 10px;
    position: relative;
    top: 4px;
}
#main-menu li li .glyphicons .icon:before {
    font-size: 16px;
    line-height: 16px;
}
#main-menu .submenu .glyphicons .icon:before {
    top: 0;
}
#main-menu .glyphicons .icon:before, #main-menu .glyphicons {
    text-shadow: 0 1px 0 #070707;
}
#main-menu .glyphicons .icon:before, #main-menu .active .glyphicons {
    text-shadow: 0 1px 0 #000;
}
.submenu {
    max-height: 1000px;
    overflow: hidden;
}
.animateHeight300 {
    -webkit-transition: max-height 500ms;
    -moz-transition: max-height 500ms;
    transition: max-height 500ms;
}
.submenu.collapsed {
    max-height: 0;
}
#main-menu.collapsed .submenu {
    display: none;
}
#main-menu .submenu ul li.active a {
    color: #0F1B28;
}
.submenu .icon {
    left: 0;
    position: absolute;
}
.submenu .icon:before {
    font-size: 18px;
}
.menu .glyphicons.chevron-right {
    float: right;
    margin-top: 12px;
    padding: 0;
}
.menu .active .glyphicons.chevron-right {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-top: 16px;
    margin-right: 3px;
}
#main-menu .logo {
    margin-bottom: 47px;
    text-align: center;
    display: block;
}
#top-panel .actions .glyphicons.check .icon:before {
    position: relative;
    top: -2px;
}
.groupLeft {
    float: left;
}
.groupRight {
    float: right;
}
/* END Menu */

.actions .panelButton {
    margin-top: 8px;
    padding: 6px 10px 4px;
    min-width: 70px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.actions .groupLeft .panelButton:last-child {
    margin-right: 0;
}
.actions .panelButton span, .actions .panelButton.glyphicons .icon:before, .bubble span, .bubble .glyphicons .icon:before {
    position: static;
    display: block;
    /* text-align: center; */
}
.actions .title {
    font-size: 12px;
    line-height: 13px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 4px
}
.actions .glyphicons .icon:before {
    font-size: 16px;
}
.actions .panelButton {
    color: #666;
    background-color: #FEFEFE;
    border: solid 1px #666;
    text-decoration: none;
    background-color: #fefefe;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE), color-stop(1, #E2E2E2));
    background-image: -o-linear-gradient(bottom, #FEFEFE 0%, #E2E2E2 100%);
    background-image: -moz-linear-gradient(bottom, #FEFEFE 0%, #E2E2E2 100%);
    background-image: -webkit-linear-gradient(bottom, #FEFEFE 0%, #E2E2E2 100%);
    background-image: -ms-linear-gradient(bottom, #FEFEFE 0%, #E2E2E2 100%);
    background-image: linear-gradient(to bottom, #FEFEFE 0%, #E2E2E2 100%);
}
.actions .panelButton:hover {
    background-position: 50% 20px;
}
.actions a[disabled], .actions a[disabled]:hover {
    background: #ececec;
    border-color: #ddd;
    color: #ccc;
    cursor: default;
}
.panelButton.red {
    color: #a04643;
    background-color: #f6f6f6;
    border: solid 1px #a04643;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebc6c4), to(#fff));
    background-image: -webkit-linear-gradient(bottom, #ebc6c4, #fff);
    background-image: -moz-linear-gradient(bottom, #ebc6c4, #fff);
    background-image: -ms-linear-gradient(bottom, #ebc6c4, #fff);
    background-image: -o-linear-gradient(bottom, #ebc6c4, #fff);
    background-image: linear-gradient(to top, #ebc6c4, #fff);
}
.panelButton.green {
    color: #2f7e2a;
    background-color: #f6f6f6;
    border: solid 1px #2f7e2a;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#bcdcb9), to(#fff));
    background-image: -webkit-linear-gradient(bottom, #bcdcb9, #fff);
    background-image: -moz-linear-gradient(bottom, #bcdcb9, #fff);
    background-image: -ms-linear-gradient(bottom, #bcdcb9, #fff);
    background-image: -o-linear-gradient(bottom, #bcdcb9, #fff);
    background-image: linear-gradient(to top, #bcdcb9, #fff);
}
.panelButton.blue {
    color: #2f7e2a;
    background-color: #709bbb;
    border: solid 1px #3a6685;
    color: #3a6685;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdcea), to(#fff));
    background-image: -webkit-linear-gradient(bottom, #dbdcea, #fff);
    background-image: -moz-linear-gradient(bottom, #dbdcea, #fff);
    background-image: -ms-linear-gradient(bottom, #dbdcea, #fff);
    background-image: -o-linear-gradient(bottom, #dbdcea, #fff);
    background-image: linear-gradient(to top, #dbdcea, #fff);
}
span.hr {
    display: inline-block;
    margin: 0 22px 0 0;
    background: #666;
    position: relative;
    top: 8px;
    height: 56px;
    width: 1px;
    -webkit-box-shadow: 0 0 5px #aaa;
    -moz-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}
#main {
    margin-top: 105px;
}
.panel-hidden + #top-panel + #main {
    margin-top: 45px;
}
/* BEGIN BreadCrumbs*/
#breadcrumbs {
    margin-bottom: 15px;
}
#breadcrumbs, #breadcrumbs a {
    color: #dedede;
    font-size: 12px;
    text-decoration: none;
}
#breadcrumbs .active, #breadcrumbs a:hover {
    color: #fff;
}
#breadcrumbs a:hover {
    text-decoration: underline;
}
#breadcrumbs .icon:before {
    font-size: 16px;
}
#breadcrumbs .glyphicons {
    padding-top: 2px;
}
#breadcrumbs .glyphicons.right_arrow {
    position: relative;
    top: -6px;
    margin: 0 0 0 6px;
}
/* END BreadCrumbs */
/* BEGIN Flash messages */
#flashMessages {}

.alert-block {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px 20px 10px 40px;
    position: relative;
    -webkit-box-shadow: inset 0 0 2px black;
    -moz-box-shadow: inset 0 0 2px black;
    box-shadow: inset 0 0 2px black;
}
#flashMessages .alert-error {
    background: #d5b4b2;
    color: #832826;
}
#flashMessages .alert-info {
    background: #cbdcea;
    color: #193E56;
}
#flashMessages .alert-success {
    background: #beffbb;
    color: #1e671b;
}
#flashMessages > div:before, .alert-inlineBlock:before {
    font-family: 'Glyphicons';
    content: '';
    position: absolute;
    left: 14px;
    top: 7px;
}
#flashMessages > div.alert-info:before {
    content: '';
}
#flashMessages > div.alert-success:before {
    /* content: ''; */
    content: '';
}
#flashMessages > div {
    margin-bottom: 10px;
}
#flashMessages > div:last-child {
    margin-bottom: 20px;
}
#flashMessages button, #flashMessages .btn {
    margin: 0;
    float: right;
}
.alert-inlineBlock {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 2px 6px 2px 30px;
    position: relative;
    -webkit-box-shadow: inset 0 0 2px black;
    -moz-box-shadow: inset 0 0 2px black;
    box-shadow: inset 0 0 2px black;
    display: block;
    float: left;
}
.checkbox + .alert-inlineBlock {
    margin-top: 4px;
    margin-left: 30px;
}
.alert-inlineBlock:before {
    font-size: 14px;
    left: 8px;
    top: 2px;
}
/* END Flash messages */

/* BEGIN user messages */
#userMessages {
    right: 5px;
    top: 10px;
    /*margin-top: -145px;*/
    position: absolute;
    width: 275px;
    font-weight: 600;
}

#userMessages .alert-error {
    background: #d5b4b2;
    color: #832826;
}
#userMessages .alert-info {
    background: #cbdcea;
    color: #193E56;
}
#userMessages .alert-success {
    background: #beffbb;
    color: #1e671b;
}
#userMessages > div:before, .alert-inlineBlock:before {
    font-family: 'Glyphicons';
    content: '';
    position: absolute;
    left: 14px;
    top: 7px;
}
#userMessages > div.alert-block:before {
    content: '';
}
#userMessages > div {
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 30px;
}
#userMessages > div:last-child {
    margin-bottom: 10px;
}
#userMessages button, #userMessages .btn {
    margin: 0;
    float: right;
}
/* END user messages */


h1.glyphicons, h2.glyphicons {
    display: block !important;
    color: #fff !important;
    padding-left: 34px !important;
    text-shadow: 0 1px 0 #000 !important;
    margin: 0 0 20px !important;
    font-size: 32px !important;
}
h1.glyphicons .icon, h2.glyphicons .icon {
    margin-right: 10px;
}
h1.glyphicons .icon:before, h2.glyphicons .icon:before {
    top: 10px;
}

#content {
    padding-bottom: 20px;
}
.well {
    background: rgba(255,255,255,0.8) !important;
    padding: 20px;
    -webkit-box-shadow: inset 0 0 2px black;
    -moz-box-shadow: inset 0 0 2px black;
    box-shadow: inset 0 0 2px black;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.well[class*="well-"], h1.glyphicons.heading-s, h2.glyphicons.heading-s, h1.glyphicons.heading-xs, h2.glyphicons.heading-xs {
    margin: 0 auto;
}
.well.well-s, h1.glyphicons.heading-s, h2.glyphicons.heading-s {
    width: 40%;
}
.well.well-xs, h1.glyphicons.heading-xs, h2.glyphicons.heading-xs {
    width: 25%;
}
.well.well-m, h1.glyphicons.heading-s, h2.glyphicons.heading-s {
    width: 60%;
}
h1.glyphicons.heading-s .icon:before, h2.glyphicons.heading-s .icon:before, h1.glyphicons.heading-xs .icon:before, h2.glyphicons.heading-xs .icon:before {
    position: static;
}
/* BEGIN INPUTS */
/*input, select, textarea {
    text-overflow: ellipsis;
}
*/
input, select, textarea, .toggle-button {
    margin-top: 4px;
}
input.submitFormButtonHidden {
    display: none;
}
label[for], .inputBlock{
    float: left;
    clear: both;
}
.inputBlock .add-on {
    top: -8px;
}
label.add-on, label.no-float {
    float: none;
    clear: none;
}
label[for], .checkbox {
    cursor: pointer;
}
.radioGroup[class*="span"] > label,
.radioGroup[class*="col-"] > label {
    cursor: pointer;
    display: block;
    float: left;
    margin-top: 8px;
}
.radioGroup[class*="span"] > label + label,
.radioGroup[class*="col-"] > label + label {
    margin-left: 20px;
}
label.add-on {
    position: absolute;
    top: 3px;
    right: 15px;
}
#main-content input, #main-content select, #main-content textarea, #login input, .uneditable-input, input, select, .input,
#main-content input.color[readonly="readonly"], input.color[readonly="readonly"], .fileinput .fileinput-browse {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    padding: 2px 6px !important;
    border: solid 1px #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
    background-image: -moz-linear-gradient(top, #fff, #f2f2f2);
    background-image: -ms-linear-gradient(top, #fff, #f2f2f2);
    background-image: -o-linear-gradient(top, #fff, #f2f2f2);
    background-image: linear-gradient(to bottom, #fff, #f2f2f2);
}
#main-content input, #main-content select, #main-content textarea, .uneditable-input, select, .input,
#main-content input.color[readonly="readonly"], input.color[readonly="readonly"], .fileinput .fileinput-browse {
    font: inherit !important;
}
#main-content .dataTable textarea {
    padding: 2px 10px !important;
    line-height: 24px !important;
}
/*
#main-content input:required:invalid, #main-content select:required:invalid, #main-content textarea:required:invalid, #login input:required:invalid,
input:required:invalid, select:required:invalid {
    background-color: #ebd8d6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ffcec9));
    background-image: -webkit-linear-gradient(top, #fff, #ffcec9);
    background-image: -moz-linear-gradient(top, #fff, #ffcec9);
    background-image: -ms-linear-gradient(top, #fff, #ffcec9);
    background-image: -o-linear-gradient(top, #fff, #ffcec9);
    background-image: linear-gradient(to bottom, #fff, #ffcec9);
    box-shadow: 0 0 3px #CE3927;
}
*/
/* BEGIN File upload field */
.fileinput .uneditable-input {
    position: relative;
}
.fileinput .fileinput-preview {
    position: absolute;
    top: 4px;
    left: 10px;
	right: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default;
}
.input-append.fileinput .btn {
    min-height: 28px;
}
.fileinput .btn.btn-file {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: block;
    opacity: 0;
}
.fileinput .fileinput-browse {
    position: absolute;
    right: -1px;
    top: -1px;
    min-width: 40px;
    cursor: pointer;
}
.fileinput .glyphicons .icon:before {
    top: 3px;
    left: -2px;
    text-align: center;
    width: 100%;
}
.fileinput .glyphicons.remove .icon:before {
    top: 4px;
    left: 0;
}

/* END File upload field */

#main-content :input:not(.reports_form) {
    float: left;
    clear: left;
}
#main-content .dataTablesHeader input, #main-content .dataTablesHeader select {
    float: none;
}
#main-content textarea {
    /*padding: 10px;*/
    margin-bottom: 0;
    resize: none;
}
.rows3 textarea {
    /*height: 166px;*/
}
div.checker {
    top: -1px;
}
#main-content input:focus, input:focus {
    background: #fff;
    background-image: none;
}
#main-content input:hover, #main-content input:focus,
input:hover, input:focus,
input:hover + .add-on, input:focus + .add-on {
    border-color: #ccc;
    -webkit-box-shadow: 0 0 5px #999;
    -moz-box-shadow: 0 0 5px #999;
    box-shadow: 0 0 5px #999;
}
#main-content div.not-active input,
#main-content input[readonly="readonly"], input[readonly="readonly"] {
    border-color: transparent;
    border-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: transparent;
    padding-left: 0;
    padding-right: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.row-fluid .optional-fields.item-fields-container,
.row .optional-fields.item-fields-container {
    margin-left: 0px !important;
}
.row-fluid .optional-field,
.row .optional-field {
    position: relative;
    background: #CBDCEA;
    font-size: 14px;
    line-height: 20px;
    margin-right: 2px;
    margin-top: 2px;
    padding: 4px 8px 4px 30px;
    text-align: left;
    font-size: 13px;
    border: 1px solid #3A6685;
    width: auto;
    float: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.optional-field:before {
    position: absolute;
    left: 8px;
    top: 4px;
    color: #193E56;
    font-family: 'Glyphicons';
    content: "";
    font-size: 16px;
}
button, .btn, .btn-default, .btn-default.ui-button.ui-widget {
    border: 1px solid #ccc !important;
    font-size: 15px !important;
    background: #666;
    /*text-shadow: 0 1px 0 #132A3E;*/
    font-weight: bold !important;
    color: #dfdfdf !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}
.row-fluid [class*="span"] > a.btn-inline,
.row [class*="col-"] > a.btn-inline {
    margin-top: 22px;
}
button + button, .btn + .btn, .btn-default + btn-default, .btn-default.ui-button.ui-widget + .btn-default.ui-button.ui-widget {
    margin-left: 10px;
}
button.glyphicons, .btn.glyphicons, .btn-default.glyphicons, .btn-default.ui-button.ui-widget.glyphicons {
    padding: 5px 10px 5px 44px;
}
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 1px solid transparent;
}
button:hover, .btn:hover, .btn-default:hover, .btn-default.ui-button.ui-widget:hover {
    color: #fff;
    opacity: 0.9;
}
button.input-append, .btn.input-append, .btn-file > span, .btn-default.input-append, .btn-default.ui-button.ui-widget.input-append {
    padding: 4px 6px;
}
[class^="icon-"], [class*=" icon-"] {
    background-image: url("../images/glyphicons-halflings.png");
    background-position: -48px 0px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 2px;
    vertical-align: text-top;
    width: 14px;
}
.icon-dropdown {
    background-position: -313px -120px;
}
.btn-group {
    position: relative;
    margin-left: 0 !important;
    float: left;
}
.search-append .btn-group {
    margin: 0;
    position: absolute;
    right: -1px;
}
.search-append .btn-group .btn {
    cursor: pointer;
}
.input-group-addon.glyphicon.glyphicon-search {
    cursor: pointer;
}
.btn-group button {
    margin-top: 4px;
}
button.input-append, .input-append .btn {
    position: relative;
    left: -1px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: solid 1px #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
    background-image: -moz-linear-gradient(top, #fff, #f2f2f2);
    background-image: -ms-linear-gradient(top, #fff, #f2f2f2);
    background-image: -o-linear-gradient(top, #fff, #f2f2f2);
    background-image: linear-gradient(to bottom, #fff, #f2f2f2);
    background-repeat: repeat-x;
    min-height: 30px;
}
button.input-append:hover {
    background-position: 0 20px;
}
button.input-append:focus {
    background-position: 0 20px;
    -webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.5) inset;
    box-shadow: 0 0px 3px rgba(0, 0, 0, 0.5) inset;
}
.dropdown-menu {
    display: none;
    position: absolute;
    min-width: 180px;
    top: 100%;
    z-index: 1000;
    background-clip: padding-box;
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    margin: 0 1px 0 0;
    padding: 5px 0;
}

.dropdown-menu.pull-right {right: 0;}
.dropdown-menu.pull-left {left: 0;}
.dropdown-menu li {
    padding: 2px 10px;
    font-size: 16px;
}
.dropdown-menu li a {
    display: block;
    text-decoration: none;
    white-space: nowrap;
}
.dropdown-menu li:hover {
    background: #C5E2F5;
    color: #fff;
}
.dropdown-menu li a img {
    position: relative;
    top: 2px;
}
button .icon, .btn .icon{
    background: #132a3e;    
    color: #FFF;
}
button.glyphicons .icon:before, .btn.glyphicons .icon:before {
    display: block;
    background: #333;
    height: 100%;
    width: 34px;
    border-right: 1px solid #ADADAD;
    font-size: 16px;
    padding-top: 6px;
    text-align: center; /* Dodano zbog a.btn */
}
/* BEGIN Button color variants */
button.blue, .btn.blue {
    background: #3a6685;
    border: 1px solid #709bbb;
}
button.blue .icon, .btn.blue .icon {
    color: #97b0c0;
}
button.blue .icon:before, .btn.blue .icon:before {
    background: none repeat scroll 0 0 #193E56;
    border-right: 1px solid #709bbb;
}
button.red, .btn.red, .alert-inlineBlock {
    background: #832826;
    border: 1px solid #d5b4b2;
}
button.red .icon, .btn.red .icon, .alert-inlineBlock:before, .alert-inlineBlock {
    color: #d5b4b2;
}
button.red .icon:before, .btn.red .icon:before {
    background: none repeat scroll 0 0 #5e1c1b;
    border-right: 1px solid #d5b4b2;
}
button.green, .btn.green {
    background: #2f7e2a;
    border: 1px solid #9ebe9c;
}
button.green .icon, .btn.green .icon {
    color: #9ebe9c;
}
button.green .icon:before, .btn.green .icon:before {
    background: none repeat scroll 0 0 #225b1e;
    border-right: 1px solid #9ebe9c;
}
button.yellow, .btn.yellow {
    background: #837426;
    border: 1px solid #aaa57c;
}
button.yellow .icon, .btn.yellow .icon {
    color: #aaa57c;
}
button.yellow .icon:before, .btn.yellow .icon:before {
    background: none repeat scroll 0 0 #5e541b;
    border-right: 1px solid #aaa57c;
}
button.light_blue, .btn.light_blue {
    background: hsla(199, 52%, 44%, 0.84);
    border: 1px solid #80c3d2;
}
button.light_blue .icon, .btn.light_blue .icon {
    color: #80c3d2;
}
button.light_blue .icon:before, .btn.light_blue .icon:before {
    background: none repeat scroll 0 0 hsl(186, 60%, 29%);
    border-right: 1px solid #80c3d2;
}
/* END Button color variants */
#main-content select, select {
    padding: 4px 4px 2px 10px;
    cursor: pointer;
}
.uneditable-input span.icon-file {
    margin-top: 6px;
}
.uneditable-input {
    vertical-align: top;
    margin-top: 4px;
}
.input-append .uneditable-input[class*="span"], .input-prepend .uneditable-input[class*="span"],
.input-append .uneditable-input[class*="col-"], .input-prepend .uneditable-input[class*="col-"] {
    display: inline-block;
}
.uneditable-input[class*="span"], .uneditable-textarea[class*="span"], .row-fluid .uneditable-input[class*="span"], .row-fluid .uneditable-textarea[class*="span"],
.uneditable-input[class*="col-"], .uneditable-textarea[class*="col-"], .row .uneditable-input[class*="col-"], .row .uneditable-textarea[class*="col-"] {
    float: none;
    margin-left: 0;
}
.input-append .btn-file, .btn-file > span {
    display: inline-block;
    line-height: 20px;
    color: #666;
    text-shadow: 0 1px 0 #FFF;
}
.uneditable-input + span {
    margin-top: 4px;
}
.btn-file > input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0, 0, 0, 0);
    border-image: none;
    border-style: solid;
    border-width: 0 0 100px 200px;
    cursor: pointer;
    direction: ltr;
    margin: 0;
    opacity: 0;
    padding-right:50px;
    position: absolute;
    top: 0;
    right: 0;
	left: 0;
}
/* END INPUTS */
/* BEGIN Data Tables */
table.dataTable {
    width: 100%;
    font-size: 14px;
}
table.dataTable th, .widgetHeader, .invoice-container .widgetFooter {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    padding: 8px 0;
    background-color: #132a3e;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#132a3e), to(#3a6685));
    background-image: -webkit-linear-gradient(bottom, #132a3e, #3a6685);
    background-image: -moz-linear-gradient(bottom, #132a3e, #3a6685);
    background-image: -ms-linear-gradient(bottom, #132a3e, #3a6685);
    background-image: -o-linear-gradient(bottom, #132a3e, #3a6685);
    background-image: linear-gradient(to top, #132a3e, #3a6685);
}
.invoice-container .widgetFooter {
    padding: 8px 10px;
    font-weight: bold;
    font-size: 14px;
}
table.dataTable th {
    vertical-align: middle !important;
    text-align: center !important;
    border-right: 1px solid #707981 !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
}
table.dataTable tr:first-child th:last-child, table.dataTable td:last-child {
    border-right: 0 none transparent;
}
table.dataTable thead tr:first-child th:first-child {
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    border-radius: 4px 0 0 0;
}
table.dataTable thead tr:first-child th:last-child {
    -webkit-border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
    border-radius: 0 4px 0 0;
}
#main-content .dataTable input, #main-content .dataTable select, #main-content .dataTable textarea {
    display: block;
    margin: 0 auto;
}

table.dataTable td {
    padding: 3px !important;
    border-right: 1px solid #fafafa !important;
    position: relative !important;
    vertical-align: top !important;
}
table.dataTable {
    margin-bottom: 0px;
}
#working_order_items_virtual td {
    padding: 1px;
}

table.dataTable.vAlignMid td {
    vertical-align: middle;
}
table.dataTable.vAlignMid .glyphicons {
    margin: 2px 0;
}
table.dataTable td, .widget li {
    background: #e5e6e7;
}
.widget li li {
    background: transparent;
}
table.tableList td {
    vertical-align: middle;
}
table.dataTable td .glyphicons {
    margin-top: 3px;
}
td, td[align="center"] {text-align: center;}
td[align="left"]{text-align: left;}
td[align="right"]{text-align: right;}
table.dataTable:not(.excellTable) tr:nth-child(2n+2) td, .widget li:nth-child(2n+2) {
    background: #f2f2f2;
}
/*
    table.dataTable tr:nth-child(2n+2) td, .widget li:nth-child(2n+2) {background: #e5e6e7;}
*/
table.dataTable:not(.excellTable) tr:hover td {
    background: #cbdcea;
}
table.dataTable tr.new.disabled {
    opacity: 0.3;
    cursor: pointer;
}
table.dataTable tr.new.disabled td {
    background: #E5E6E7;
}
table.dataTable tr.red td {
    background: #f2c8c8;
}
table.dataTable tr.new.disabled td * {
    cursor: pointer;
}
table.dataTable tr.new.disabled td input, table.dataTable tr.new.disabled td input:hover, table.dataTable tr.new.disabled td input:focus {
    background: #f2f2f2;
    border-color: #aaa;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

/* BEGIN Excell table design */
table.dataTable.excellTable tr:hover td {
    background: #e5e6e7;
}
.tableOverflowWrapper {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
table.excellTable td {
    padding: 0;
}
#main-content table.excellTable td input {
    border: 1px solid transparent;
    padding: 4px 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#main-content table.excellTable td input:focus {
    border-color: #3A6685;
}
#main-content table.excellTable td input:hover {
    border-color: #79B7E7;
}
#main-content table.excellTable td input:focus, #main-content table.excellTable td input:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#main-content table.excellTable td input[display_as="number"], #main-content table.excellTable td input[data-number_only] {
    /*padding-right: 0;*/
    /* max-width: 52px; */
    min-width: 48px;
    width: 100%;
}
#main-content table.excellTable td input.hasDatepicker {
    max-width: 115px;
}
#main-content table.excellTable td label {
    display: none;
}
table.excellTable input[class*="span"],
table.excellTable input[class*="col-"] {
    min-height: 10px;
    width: auto;
}

.switchable1 input  {
    width: 400px!important;
}
/* END Excell table design */

.cellInner {
    position: relative;
}
#main-content table.dataTable td.unit input {
    padding-right: 40px !important;
    text-align: right;
}
#main-content table.dataTable td.taxValue select {
    min-width: 70px;
}
table.dataTable span.unit {
    font-size: 14px;
    line-height: 30px;
    position: absolute;
    top: 0px;
    right: 10px;
}
.dataTables_info {
    font-size: 14px;
    line-height: 16px;
    padding: 5px 10px;
}
#main-content .dataTables_filter input {
    padding-top: 4px;
    padding-bottom: 4px;
}
.dataTables_wrapper > table {
    margin: 15px 0;
}
table.dataTable thead .sorting {
    cursor: pointer;
    background-image: url("../images/dataTables/sort_both.png"), -webkit-gradient(linear, left top, left bottom, from(#132a3e), to(#3a6685));
    background-image: url("../images/dataTables/sort_both.png"), -webkit-linear-gradient(bottom, #132a3e, #3a6685);
    background-image: url("../images/dataTables/sort_both.png"), -moz-linear-gradient(bottom, #132a3e, #3a6685);
    background-image: url("../images/dataTables/sort_both.png"), -ms-linear-gradient(bottom, #132a3e, #3a6685);
    background-image: url("../images/dataTables/sort_both.png"), -o-linear-gradient(bottom, #132a3e, #3a6685);
    background-image: url("../images/dataTables/sort_both.png"), linear-gradient(to top, #132a3e, #3a6685);
    background-repeat: no-repeat, repeat-x;
    background-position: 99% 6px, 0 0;
}
table.dataTable thead .sorting_desc {
    cursor: pointer;
    background-image: url("../images/dataTables/sort_desc.png"), -webkit-gradient(linear, left top, left bottom, from(#132a3e), to(#3a6685));
    background-image: url("../images/dataTables/sort_desc.png"), -webkit-linear-gradient(bottom, #132a3e, #3a6685);
    background-image: url("../images/dataTables/sort_desc.png"), -moz-linear-gradient(bottom, #132a3e, #3a6685);
    background-image: url("../images/dataTables/sort_desc.png"), -ms-linear-gradient(bottom, #132a3e, #3a6685);
    background-image: url("../images/dataTables/sort_desc.png"), -o-linear-gradient(bottom, #132a3e, #3a6685);
    background-image: url("../images/dataTables/sort_desc.png"), linear-gradient(to top, #132a3e, #3a6685);
    background-repeat: no-repeat, repeat-x;
    background-position: 99% 6px, 0 0;
}
table.dataTable thead .sorting_asc {
    cursor: pointer;
    background-image: url("../images/dataTables/sort_asc.png"), -webkit-gradient(linear, left top, left bottom, from(#132a3e), to(#3a6685));
    background-image: url("../images/dataTables/sort_asc.png"), -webkit-linear-gradient(bottom, #132a3e, #3a6685);
    background-image: url("../images/dataTables/sort_asc.png"), -moz-linear-gradient(bottom, #132a3e, #3a6685);
    background-image: url("../images/dataTables/sort_asc.png"), -o-linear-gradient(bottom, #132a3e, #3a6685);
    background-image: url("../images/dataTables/sort_asc.png"), -ms-linear-gradient(bottom, #132a3e, #3a6685);
    background-image: url("../images/dataTables/sort_asc.png"), linear-gradient(to top, #132a3e, #3a6685);
    background-repeat: no-repeat, repeat-x;
    background-position: 99% 6px, 0 0;
}
.dataTable a {
    color: #303030;
    text-decoration: none;
}
/* END DataTables */

/* BEGIN Buttons*/
.btn-action.glyphicons {
    padding: 0;
    background: #666;
    border: 1px solid #666;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9) inset;
    -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9) inset;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9) inset;
}
.btn-action.glyphicons + .btn-action.glyphicons {
    margin-left: 2px;
}
.btn-action.glyphicons:hover {
    opacity: 0.9;
}
.btn-action.glyphicons .icon {
    display: block;
    position: relative;
    left: 2px;
    top: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 22px;
    height: 22px;
}
.bright_yellow.glyphicons .icon:before {    
    color: #252525 !important;
}
.btn-action.glyphicons .icon:before {    
    position: relative;
    font-size: 14px;
    color: #fff;
    left: -2px;
    top: 2px;
}
.btn-action.glyphicons.blue {
    background: #3A6685;
    border-color: #193E56;
}
.btn-action.glyphicons.red {
    background: #832826;
    border-color: #5E1C1B;
}
.btn-action.glyphicons.yellow {
    background: #837426;
    border-color: #5E541B;
}
.btn-action.glyphicons.bright_yellow {
    background: #FFEB00;
    border-color: #5E541B;
    box-shadow: 0 0 0 1px #252525 inset;
}
.btn-action.glyphicons.green {
    background: #2F7E2A;
    border-color: #225B1E;

}

.btn-action.glyphicons.dark-green {
    background: #346553;
    border-color: #013220;

}

.btn-action.glyphicons.dark-gray {
    background: #555555;
    border-color: #555555;

}

.btn-action.glyphicons.orange {
    background: #FFAB23;
    border-color: #FFAB23;
}

.btn-action.glyphicons.purple {
    background: #C584F3;
    border-color: #C584F3;
}
/* END Data Tables */

/* BEGIN Pagination */
.dataTables_paginate {
    float: right;
}
.dataTables_paginate a, .dataTables_paginate > span > span {
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    float: left;
    padding: 5px 10px;
    margin: 0 2px;
    border: solid 1px rgba(21,44,65,.8);
    background-color: #284a64;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 0 2px rgba(20,43,63,.72), inset 1px 0 rgba(255,255,255,.11);
    -moz-box-shadow: 1px 0 2px rgba(20,43,63,.72), inset 1px 0 rgba(255,255,255,.11);
    box-shadow: 1px 0 2px rgba(20,43,63,.72), inset 1px 0 rgba(255,255,255,.11);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#142b3f), to(#3a6685));
    background-image: -webkit-linear-gradient(bottom, #142b3f, #3a6685);
    background-image: -moz-linear-gradient(bottom, #142b3f, #3a6685);
    background-image: -ms-linear-gradient(bottom, #142b3f, #3a6685);
    background-image: -o-linear-gradient(bottom, #142b3f, #3a6685);
    background-image: linear-gradient(to top, #142b3f, #3a6685);
    cursor: pointer;
}
.dataTables_paginate a.previous, .dataTables_paginate a.next,
.dataTables_paginate a.first, .dataTables_paginate a.last {
    font-size: 12px;
    text-transform: uppercase;
}
.dataTables_paginate a, .dataTables_paginate > span {
    color: #DFDFDF;
    text-shadow: 0 1px 0 #000;
    text-decoration: none;
}
.dataTables_paginate a:hover {
    color: #fff;
}
.dataTables_paginate .previous:before {
    content: "";
    font-family: "Glyphicons";
    left: 2px;
    line-height: 12px;
    padding-right: 0;
    position: relative;
    top: 2px;
}
.dataTables_paginate .next:before {
    content: "";
    font-family: "Glyphicons";
    left: 2px;
    line-height: 12px;
    padding-right: 0;
    position: relative;
    top: 2px;
}
/* END Pagination */

/* BEGIN Timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }
/* END Timepicker */

/* BEGIN jQuery UI Fixes */
.ui-dialog {
    position: fixed;
}
.ui-widget-overlay {
    background: #000;
    opacity: 0.6;
}
.ui-dialog .btn-action.glyphicons .icon {
    text-align: center;
}

.ui-dialog .btn-action.glyphicons .icon:before {
    top: 0;
}
.ui-widget-header .ui-icon {
    margin-left: 2px;
    margin-top: 2px;
}
.ui-dialog .ui-dialog-titlebar-close {
    margin-top: -13px;
}
.ui-dialog .row-fluid .btn-action:not(.btn-search),
.ui-dialog .row .btn-action:not(.btn-search) {
    margin-top: 6px;
}
.ui-widget .btn {
    font-size: 15px;
}
.ui-button-text-only .ui-button-text {
    padding: 0;
}
.ui-dialog-buttonset .ui-state-default {
    color: #DFDFDF;
}
.ui-dialog-buttonset .ui-state-default:hover {
    color: #fff;
}
/* END jQuery UI Fixes */
/* BEGIN Custom Widget */
.widget {
    -webkit-box-shadow: 0 0 12px #B0B0B0;
    -moz-box-shadow: 0 0 12px #B0B0B0;
    box-shadow: 0 0 12px #B0B0B0;
}
.widget + .widget {
    margin-top: 15px;
}
.widgetHeader, .widget {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.scrollableX .widgetHeader {
    background-color: #132a3e;
    background-image: url("../images/touch-horizontal.png"), -webkit-gradient(linear, left top, left bottom, from(#132a3e), to(#3a6685));
    background-image: url("../images/touch-horizontal.png"), -webkit-linear-gradient(bottom, #132a3e, #3a6685);
    background-image: url("../images/touch-horizontal.png"), -moz-linear-gradient(bottom, #132a3e, #3a6685);
    background-image: url("../images/touch-horizontal.png"), -ms-linear-gradient(bottom, #132a3e, #3a6685);
    background-image: url("../images/touch-horizontal.png"), -o-linear-gradient(bottom, #132a3e, #3a6685);
    background-image: url("../images/touch-horizontal.png"), linear-gradient(to top, #132a3e, #3a6685);
    background-repeat: no-repeat, repeat;
    background-position: 99% 50%, 0 0;
}
.scrollableY .widgetHeader {
    background-color: #132a3e;
    background-image: url("../images/touch-vertical.png"), -webkit-gradient(linear, left top, left bottom, from(#132a3e), to(#3a6685));
    background-image: url("../images/touch-vertical.png"), -webkit-linear-gradient(bottom, #132a3e, #3a6685);
    background-image: url("../images/touch-vertical.png"), -moz-linear-gradient(bottom, #132a3e, #3a6685);
    background-image: url("../images/touch-vertical.png"), -ms-linear-gradient(bottom, #132a3e, #3a6685);
    background-image: url("../images/touch-vertical.png"), -o-linear-gradient(bottom, #132a3e, #3a6685);
    background-image: url("../images/touch-vertical.png"), linear-gradient(to top, #132a3e, #3a6685);
    background-repeat: no-repeat, repeat;
    background-position: 99% 50%, 0 0;
}
.widgetHeader h4 {
    margin:0 0 0 10px;
    padding: 0 0 0 32px;
}
.widgetHeader .icon:before {
    font-size: 16px;
    top: 0;
    left: 4px;
}
.widget li label {
    margin-top: 5px;
}
.widget li label + [class*="span"],
.widget li label + [class*="col-"]{
    text-align: right;
}
.widget li [class*="span"],
 .widget li [class*="col-"] {
    padding: 5px;
}
.widget li.row-fluid .span8 {
}
.widget input, .widget select {
    margin-top: 0;
}
.widget .row-fluid + .row-fluid,
.widget .row + .row {
    margin-top: 1px;
}
.widgetFooter {
    background: #CBDCEA;
    padding: 5px;
}
.widgetFooter .btn {
    float: left;
}
.widgetFooter .btn:last-child {
    float: right;
}
.row-fluid.ps_types {
    /*padding-bottom: 6px;*/
}
/* END Custom Widget */
#invoice {
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 10px solid #FFFFFF;
    margin: 20px auto;
    max-width: 710px;
    position: relative;
    color: #000;
    -webkit-box-shadow: 0 0 12px #B0B0B0;
    -moz-box-shadow: 0 0 12px #B0B0B0;
    box-shadow: 0 0 12px #B0B0B0;
}
#invoice .inner {
    margin: 10px 20px 0;
}
#invoice.unpaid:before {
    background: none repeat scroll 0 0 rgba(187, 0, 0, 0.8);
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    right: 0;
    top: -20px;
}
#invoice.paid:before {
    background: none repeat scroll 0 0 rgba(122, 185, 0, 0.7);
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    right: 0;
    top: -20px;
}
.input-append {
    position: relative;
    white-space: nowrap;
    /*clear: both;*/
}
.input-append.fileinput {
	clear: both;
}
.input-append .date-append .add-on {
    position: absolute;
    right: 0;
}
.input-append input[readonly="readonly"] + label {
    display: none;
}

.input-append .add-in {
    position: absolute;
    right: 0;
    top: 0;
}
.input-append .add-on {
    background: #fff;
    border: 1px solid #AAA;
    padding: 14px;
    position: relative;
    right: 30px;
    top: 4px;
}
.input-append .add-on .icon:before {
    left: 4px;
    top: 4px;
}

.input-append .glyphicons .icon:before {
    font-size: 20px;
}
.input-append .input.label {
    /*margin-top: 4px;*/
    line-height: 24px;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
}
.input-append a {
    color: #222;
}
.selectable .calculator {background-color: #2F7E2A;}
.selectable .calculator.disabled {background-color: #666;}

/* BEGIN TOUCH */
.gradient-inner {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.15))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#26000000',GradientType=0 ); /* IE6-9 */
}
.touchBlock, .touchBlock .gradient-inner {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.touchBlock {
    position: relative;
    width: 98%;
    display: block;
    text-align: center;
    cursor: pointer;
    display: table;
    margin-bottom: 4px;
}
.scrollY .touchBlock, .scrollX .touchBlock {
    margin-left: 4px;
    float: left;
    height: 60px;
}
.scrollY .touchBlock {
    width: 24%;
}
.scrollX .touchBlock {
    width: 236px;
}
.mobile-view .touchBlock {
    font-size: 0.8em;
}
.touchBlock:nth-child(4n+1) {
    /* margin-left: 0.5%; */
}
#categories .touchBlock {
    height: 58px;
}
.touchBlock .gradient-inner {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #aaa;
}
.touchContainer {
    padding: 10px;
}
.touchBlock .gradient-inner > span {
    padding: 0 10px;
    display: block;
}
.items.touchContainer {
    height: 310px;
}

.scrollX { overflow-x: scroll; overflow-y: hidden; }
.scrollY { overflow-y: scroll; overflow-x: hidden; }
.widget #invoice {
    margin: 0;
}
.widget #invoice .gradient-inner {
    padding: 5px 10px;
}
.gradient-inner .row-fluid + .row-fluid,
.gradient-inner .row + .row {
    color: #666;
}
.touchBlock .btn-action {
    position: absolute;
    right: -12px;
    top: 12px;
}
.widgetBody.categories, .widgetBody.items {
    background: #E5E6E7;
}
/* END TOUCH */

/* BEGIN BootStrap Switch */
.has-switch {
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    position: relative;
    text-align: left;
    overflow: hidden;
    line-height: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    vertical-align: middle;
    min-width: 100px;
    z-index: 10;
}
.has-switch.switch-mini {
    min-width: 72px;
}
.has-switch.switch-mini i.switch-mini-icons {
    height: 1.20em;
    line-height: 9px;
    vertical-align: text-top;
    text-align: center;
    transform: scale(0.6);
    margin-top: -1px;
    margin-bottom: -1px;
}
.has-switch.switch-small {
    min-width: 80px;
}
.has-switch.switch-large {
    min-width: 120px;
}
.has-switch.deactivate {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: default !important;
}
.has-switch.deactivate label,
.has-switch.deactivate span {
    cursor: default !important;
}
.has-switch > div {
    display: inline-block;
    width: 150%;
    position: relative;
    top: 0;
}
.has-switch > div.switch-animate {
    -webkit-transition: left 0.5s;
    -moz-transition: left 0.5s;
    -o-transition: left 0.5s;
    transition: left 0.5s;
}
.has-switch > div.switch-off {
    left: -50%;
}
.has-switch > div.switch-on {
    left: 0%;
}
.has-switch input[type=radio],
.has-switch input[type=checkbox] {
    display: none;
}
.has-switch span,
.has-switch label {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    display: inline-block;
    height: 100%;
    padding-bottom: 4px;
    padding-top: 4px;
    font-size: 14px;
    line-height: 20px;
    float: none;
    clear: none;
}
.has-switch span.switch-mini,
.has-switch label.switch-mini {
    padding-bottom: 4px;
    padding-top: 4px;
    font-size: 10px;
    line-height: 9px;
}
.has-switch span.switch-small,
.has-switch label.switch-small {
    padding-bottom: 3px;
    padding-top: 3px;
    font-size: 12px;
    line-height: 20px;
}
.has-switch span.switch-large,
.has-switch label.switch-large {
    padding-bottom: 9px;
    padding-top: 9px;
    font-size: 16px;
    line-height: normal;
}
.has-switch label {
    text-align: center;
    margin-top: -1px;
    margin-bottom: -1px;
    z-index: 100;
    width: 34%;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    color: #333333;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #e6e6e6;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.has-switch label:hover,
.has-switch label:focus,
.has-switch label:active,
.has-switch label.active,
.has-switch label.disabled,
.has-switch label[disabled] {
    color: #333333;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
}
.has-switch label:active,
.has-switch label.active {
    background-color: #cccccc \9;
}
.has-switch label i {
    color: #000;
    text-shadow: 0 1px 0 #fff;
    line-height: 18px;
    pointer-events: none;
}
.has-switch span {
    text-align: center;
    z-index: 1;
    width: 33%;
}
.has-switch span.switch-left {
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
}
.has-switch span.switch-right {
    color: #333333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #f0f0f0;
    background-image: -moz-linear-gradient(top, #e6e6e6, #ffffff);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #e6e6e6, #ffffff);
    background-image: -o-linear-gradient(top, #e6e6e6, #ffffff);
    background-image: linear-gradient(to bottom, #e6e6e6, #ffffff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffffffff', GradientType=0);
    border-color: #ffffff #ffffff #d9d9d9;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.has-switch span.switch-right:hover,
.has-switch span.switch-right:focus,
.has-switch span.switch-right:active,
.has-switch span.switch-right.active,
.has-switch span.switch-right.disabled,
.has-switch span.switch-right[disabled] {
    color: #333333;
    background-color: #ffffff;
    *background-color: #f2f2f2;
}
.has-switch span.switch-right:active,
.has-switch span.switch-right.active {
    background-color: #e6e6e6 \9;
}
.has-switch span.switch-primary,
.has-switch span.switch-left {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #005fcc;
    background-image: -moz-linear-gradient(top, #0044cc, #0088cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0044cc), to(#0088cc));
    background-image: -webkit-linear-gradient(top, #0044cc, #0088cc);
    background-image: -o-linear-gradient(top, #0044cc, #0088cc);
    background-image: linear-gradient(to bottom, #0044cc, #0088cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0044cc', endColorstr='#ff0088cc', GradientType=0);
    border-color: #0088cc #0088cc #005580;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #0088cc;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.has-switch span.switch-primary:hover,
.has-switch span.switch-left:hover,
.has-switch span.switch-primary:focus,
.has-switch span.switch-left:focus,
.has-switch span.switch-primary:active,
.has-switch span.switch-left:active,
.has-switch span.switch-primary.active,
.has-switch span.switch-left.active,
.has-switch span.switch-primary.disabled,
.has-switch span.switch-left.disabled,
.has-switch span.switch-primary[disabled],
.has-switch span.switch-left[disabled] {
    color: #ffffff;
    background-color: #0088cc;
    *background-color: #0077b3;
}
.has-switch span.switch-primary:active,
.has-switch span.switch-left:active,
.has-switch span.switch-primary.active,
.has-switch span.switch-left.active {
    background-color: #006699 \9;
}
.has-switch span.switch-info {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #41a7c5;
    background-image: -moz-linear-gradient(top, #2f96b4, #5bc0de);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2f96b4), to(#5bc0de));
    background-image: -webkit-linear-gradient(top, #2f96b4, #5bc0de);
    background-image: -o-linear-gradient(top, #2f96b4, #5bc0de);
    background-image: linear-gradient(to bottom, #2f96b4, #5bc0de);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f96b4', endColorstr='#ff5bc0de', GradientType=0);
    border-color: #5bc0de #5bc0de #28a1c5;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #5bc0de;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.has-switch span.switch-info:hover,
.has-switch span.switch-info:focus,
.has-switch span.switch-info:active,
.has-switch span.switch-info.active,
.has-switch span.switch-info.disabled,
.has-switch span.switch-info[disabled] {
    color: #ffffff;
    background-color: #5bc0de;
    *background-color: #46b8da;
}
.has-switch span.switch-info:active,
.has-switch span.switch-info.active {
    background-color: #31b0d5 \9;
}
.has-switch span.switch-success {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #58b058;
    background-image: -moz-linear-gradient(top, #51a351, #62c462);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#51a351), to(#62c462));
    background-image: -webkit-linear-gradient(top, #51a351, #62c462);
    background-image: -o-linear-gradient(top, #51a351, #62c462);
    background-image: linear-gradient(to bottom, #51a351, #62c462);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff51a351', endColorstr='#ff62c462', GradientType=0);
    border-color: #62c462 #62c462 #3b9e3b;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #62c462;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.has-switch span.switch-success:hover,
.has-switch span.switch-success:focus,
.has-switch span.switch-success:active,
.has-switch span.switch-success.active,
.has-switch span.switch-success.disabled,
.has-switch span.switch-success[disabled] {
    color: #ffffff;
    background-color: #62c462;
    *background-color: #4fbd4f;
}
.has-switch span.switch-success:active,
.has-switch span.switch-success.active {
    background-color: #42b142 \9;
}
.has-switch span.switch-warning {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #f9a123;
    background-image: -moz-linear-gradient(top, #f89406, #fbb450);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f89406), to(#fbb450));
    background-image: -webkit-linear-gradient(top, #f89406, #fbb450);
    background-image: -o-linear-gradient(top, #f89406, #fbb450);
    background-image: linear-gradient(to bottom, #f89406, #fbb450);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff89406', endColorstr='#fffbb450', GradientType=0);
    border-color: #fbb450 #fbb450 #f89406;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #fbb450;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.has-switch span.switch-warning:hover,
.has-switch span.switch-warning:focus,
.has-switch span.switch-warning:active,
.has-switch span.switch-warning.active,
.has-switch span.switch-warning.disabled,
.has-switch span.switch-warning[disabled] {
    color: #ffffff;
    background-color: #fbb450;
    *background-color: #faa937;
}
.has-switch span.switch-warning:active,
.has-switch span.switch-warning.active {
    background-color: #fa9f1e \9;
}
.has-switch span.switch-danger {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #d14641;
    background-image: -moz-linear-gradient(top, #bd362f, #ee5f5b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bd362f), to(#ee5f5b));
    background-image: -webkit-linear-gradient(top, #bd362f, #ee5f5b);
    background-image: -o-linear-gradient(top, #bd362f, #ee5f5b);
    background-image: linear-gradient(to bottom, #bd362f, #ee5f5b);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbd362f', endColorstr='#ffee5f5b', GradientType=0);
    border-color: #ee5f5b #ee5f5b #e51d18;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #ee5f5b;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.has-switch span.switch-danger:hover,
.has-switch span.switch-danger:focus,
.has-switch span.switch-danger:active,
.has-switch span.switch-danger.active,
.has-switch span.switch-danger.disabled,
.has-switch span.switch-danger[disabled] {
    color: #ffffff;
    background-color: #ee5f5b;
    *background-color: #ec4844;
}
.has-switch span.switch-danger:active,
.has-switch span.switch-danger.active {
    background-color: #e9322d \9;
}
.has-switch span.switch-default {
    color: #333333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #f0f0f0;
    background-image: -moz-linear-gradient(top, #e6e6e6, #ffffff);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #e6e6e6, #ffffff);
    background-image: -o-linear-gradient(top, #e6e6e6, #ffffff);
    background-image: linear-gradient(to bottom, #e6e6e6, #ffffff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffffffff', GradientType=0);
    border-color: #ffffff #ffffff #d9d9d9;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.has-switch span.switch-default:hover,
.has-switch span.switch-default:focus,
.has-switch span.switch-default:active,
.has-switch span.switch-default.active,
.has-switch span.switch-default.disabled,
.has-switch span.switch-default[disabled] {
    color: #333333;
    background-color: #ffffff;
    *background-color: #f2f2f2;
}
.has-switch span.switch-default:active,
.has-switch span.switch-default.active {
    background-color: #e6e6e6 \9;
}
/* END BootStrap Switch */

/* Centerd horizontal list */
.centerdList {
    float:left;
    width:100%;
    position:relative;
}
.centerdList > ul {
    clear:left;
    float:left;
    position:relative;
    left:50%;
}
.centerdList > ul > li {
    display:block;
    float:left;
    position:relative;
    right:50%;
    margin: 0 20px;
}
.centerdList > ul > li > a {
    display:block;
}
.bigTotal {
    font-size: 30pt;
    font-weight: bold;
    margin: 0 0 10px;;
}

input[type='number'] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

#main-content .excellTable.highlightRows tr input:hover {
    border-color: #69a7d7 !important;
}
#main-content .excellTable.highlightRows tr:hover input {
    background: #CBDCEA;
    background-color: #CBDCEA;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#CBDCEA));
    background-image: -webkit-linear-gradient(top, #fff, #CBDCEA);
    background-image: -moz-linear-gradient(top, #fff, #CBDCEA);
    background-image: -ms-linear-gradient(top, #fff, #CBDCEA);
    background-image: -o-linear-gradient(top, #fff, #CBDCEA);
    background-image: linear-gradient(to bottom, #fff, #CBDCEA);
    border-bottom-color: #CBDCEA;
}

#main-content .excellTable.highlightRows tr input:focus {
    background: #fff !important;
    border-color: #3977a7 !important;
}
#main-content .excellTable.highlightRows tr input {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important;
    border-bottom-color: #f2f2f2;
    border-top-color: #dddddd;
}
#main-content .excellTable .btn-action.glyphicons .icon:before {
    font-size: 10px;
    top: -1px;
}
table.excellTable .btn-action.glyphicons .icon {
    width: 18px;
    height: 18px;
}
table.excellTable td .glyphicons {
    margin: 2px 3px 0;
}

.break-datetime {
    word-spacing: 2000px;
}

/* BEGIN btnGroup*/
.btnGroup { /*fix for spaces between elements */
    font-size: 0;
    float:left;
    margin-right:1px;
}
.btnGroup > *, .actions .panelButton {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
    border-right-width: 0px;
    border-color: #999 !important;
}
.btnGroup > *:first-child, .actions .panelButton:first-child {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
.btnGroup > *:last-child, .actions .panelButton:last-child {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    border-right-width: 1px;
}
/* END btnGroup*/

.search-form table td {
    white-space: nowrap;
    vertical-align: middle;
}
.search-form table td:last-child {
    height: 16px;
    min-width: 16px;
}
.search-form table td .glyphicons {
    margin-top: 0;
    position: absolute;
    left: 2px;
    top: 2px;
    transform: scale(0.9);
}
#main-content .inline-input-block label + input[readonly="readonly"],
#main-content .inline-input-block label + input {
    display: inline-block;
    float: none;
    margin-left: 10px;
    max-width: 70%;
    margin-top: -7px;
}
#main-content .inline-input-block small {
    display: inline-block;
    margin-top: 5px;
}
/* BEGIN UI Dialog search fields */
.ui-dialog table th input {
    width: 96%;
    margin: 0 2%;
    padding: 4px 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ui-dialog table th input:hover {
    border-color: #79B7E7;
}
.ui-dialog table th input:focus {
    border-color: #3A6685;
}
/* END UI Dialog search fields */

/* BEGIN form-inline */
.form-inline label {
    line-height: 30px;
    max-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.form-inline input, .form-inline select, .form-inline textarea, .form-inline .toggle-button {
    margin-top: 0;
}
.form-inline a.btn-search, .form-inline .ui-datepicker-trigger {
    top: 3px !important;
}
.form-inline .ui-datepicker-trigger {
    top: 0px !important;
}
.form-inline label.checkbox {
    -webkt-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    line-height: 20px;
    margin: 5px 0 0;
    padding-right: 10px;
    width: 50%;
}
.form-inline label.checkbox:nth-child(2n+2){
    padding-left: 10px;
    padding-right: 0;
    min-height: 10px;
}
.input-append-full {
    position: relative;
}
.input-append-full > input {
    width: 100%;
    padding-right: 40px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.input-append-full .add-on {
    position: absolute;
    top: 0;
    right: 0;
}
.reports_form > form {
    margin-bottom: 10px !important;
}
.invoice-report-actions {
    text-align: center;
    margin-bottom: 8px;
}
/* END form-inline */

.joppd-a {   
}

.joppd-a #tab4 input {
    /*width: 45%;*/
}

.joppd-a #tab4 label {
    font-size: 0.8em;
    padding-right: 2px;
    /*width: 55%;*/
}

label.right{
    /*margin-right: 5px;*/
    padding-top: 3px;
}
input[type=text],
input[type=color],
select {
    min-height: 30px !important;
}

label.right.checkbox{
    /*margin-right: 0px !important;*/
    padding-top: 10px;
}

#operator_form #tab6 {
    font-size: 0.9em;
}

td .ui-datepicker-trigger {
    height: 30px;
    position: absolute;
    right: 6px;
    top: 6px;
}

td .ui-datepicker-trigger .datepicker-icon .icon:before {
    left: -3px;
    top: -8px;
}

.ui-datepicker-trigger {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0;
    border-color: #999;
    height: 30px;
    position: relative;
    right: 30px;
    top: 0;
    width: 30px;
}

.ui-datepicker-trigger .datepicker-icon .icon:before {
    color: #2f3b48;
    left: -1px;
    text-shadow: none;
    top: -6px;
}

.hold_date_icon .ui-datepicker-trigger {
    height: 30px;
    position: absolute;
    right: 10px;
    top: 28px;
}

.hold_date_icon .ui-datepicker-trigger .datepicker-icon {
    margin: 3px 0px 8px -4px;
}

/* work evidence add in .js*/
.hold_d_icon .ui-datepicker-trigger {
    height: 26px;
    position: absolute;
    right: -40px;
    top: 0px;
}

.hold_d_icon .ui-datepicker-trigger .datepicker-icon {
    margin: 8px 0px 0px 2px;
}

.hold_search_icon .btn-search {
    position: relative!important;
    bottom: 12%!important;
    float: right!important;
    top: -26px!important;
    right: 2px!important;
}

.work_evidence_row .btn-search {
    z-index: 9;
    top: 1px;
    right: 1px!important;
}

.numbers-only {
    text-align: right;
}

.rep .ui-datepicker-trigger {
    margin-top: -4px;
}

.rep .ui-datepicker-trigger .datepicker-icon {
    margin: 0px 0px 2px -2px;
}


#placeno_trenutnom_stavkom_label, #placeno_trenutnom_stavkom_label:hover, #placeno_trenutnom_stavkom_label:active,
#placeno_trenutnom_stavkom_label_2, #placeno_trenutnom_stavkom_label_2:hover, #placeno_trenutnom_stavkom_label_2:active,
#placeno_trenutnom_stavkom_label_3, #placeno_trenutnom_stavkom_label_3:hover, #placeno_trenutnom_stavkom_label_3:active,
#placeno_trenutnom_stavkom_label_4, #placeno_trenutnom_stavkom_label_4:hover, #placeno_trenutnom_stavkom_label_4:active,
#payments_difference_label, #payments_difference_label:hover, #payments_difference_label:active {
    border: none !important;
    font-size: 12px !important;
    background: #fff !important;
    text-shadow: none !important;
    font-weight: bold !important;
    color: #000 !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    overflow: hidden !important;
    cursor: default !important;
    padding: 8px !important;
    margin-left: -5px !important;
    margin-right: -5px !important;
}

table.dataTable:not(.excellTable) {
    border-collapse: separate !important;
    border-color: grey !important;
}

.search-form th input {
    color: black;
}
.add-border {
    border:1px solid black;
}
input {
    color :#000000!important;
}
input.red_text {
    color: red !important;
}
/*#action-messagess{
 text-align:center;
 vertical-align:middle;

 min-width:200px;


 right:0px;
 background-color: #f5f5f5;
 color: rgb(30, 103, 27);
 margin-top:7px;
 padding-top:0px;

 font-size:18px;
 border-radius: 0px;
 border-style:double;
 border-color:#665;
 color:#665;
 border-width: 2px;

}*/
#action-messagess {
    width:auto;
    display:none;
    top:110px;
    right:0px;
    position:absolute;
    display: inline-block;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    cursor: pointer;
    padding: 10px 20px;
    border: 2px solid #79d651;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    font: normal normal bold 16px/normal Arial, Helvetica, sans-serif;
    color: rgb(255,255,255);
    background: -webkit-linear-gradient(90deg, rgba(34,155,7,1) 0, rgba(111,249,4,1) 0, rgba(54,107,10,1) 50%, rgba(110,255,0,1) 100%, rgba(180,227,145,1) 100%);
    background: -moz-linear-gradient(0deg, rgba(34,155,7,1) 0, rgba(111,249,4,1) 0, rgba(54,107,10,1) 50%, rgba(110,255,0,1) 100%, rgba(180,227,145,1) 100%);
    background: linear-gradient(0deg, rgba(34,155,7,1) 0, rgba(111,249,4,1) 0, rgba(54,107,10,1) 50%, rgba(110,255,0,1) 100%, rgba(180,227,145,1) 100%);
    background-position: 50% 50%;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-background-size: auto auto;
    background-size: auto auto;
    -webkit-box-shadow: 1px 6px 11px 5px rgba(0,0,0,0.2) ;
    box-shadow: 1px 6px 11px 5px rgba(0,0,0,0.2) ;
    -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: rotateX(2.8647889756541165deg) rotateY(-12.032113697747288deg)   ;
    transform: rotateX(2.8647889756541165deg) rotateY(-12.032113697747288deg)   ;
    z-index:100;
    position:fixed;
}

@media screen and (max-width: 1000px) {
    #action-messagess{
     top:75px;
    }
}
.glyphicon.modal-icon{
    color:#BD1717;
    font-size:50px;
    margin:auto;
}
button.modal-button{
    width:130px;
    /*margin-left:40% !important;*/
}
.custom-info-dialog .ui-dialog-titlebar  {
    text-transform: uppercase;
    
}
.custom-info-dialog-warning .ui-dialog-buttonpane .ui-dialog-buttonset {
    margin-left:42%;
    float:left;
}
    .custom-info-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    margin-left:28%;
    float:left;
}
#action-messagess.error{
    background-color:red;
}
.slideButton{
    width:30px;
    height:28px;
    overflow:hidden;
    display:inline-flex;
}
.slideButtonExpand {
    width:auto;
}
.slideButtonExpand > div {
    position: absolute;
    right: 0;
    height: 30px;
    border-radius: 11px;
    text-align: center;
}


/*.ui-dialog .ui-dialog-buttonpane { 
    text-align: center;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { 
    float: none;
}*/
/*#popup_container.custom-info-dialog{
    backgorund-color:#a5b6d1 !important;
}
#popup_container.custom-info-dialog input[type=button]{
    background-color:blue !important;
}*/
.search-form.ui-dialog-content.ui-widget-content {
    overflow:hidden;
}

.ui-autocomplete {
    max-height: 310px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
} 

hr.menu_hr {
    margin-top: 0px;
    margin-bottom: 0px;
    border: 0;
    border-top: 1px solid #eee;
}
.navbar-hidden > #top-menu {
    top: -80px;
}
.navbar-hidden > #top-menu + #top-panel + #main {
    margin-top: 0px;
}

.olive,.btn.olive {
	-moz-box-shadow:inset 0px 0px 14px -3px #f2fadc;
	-webkit-box-shadow:inset 0px 0px 14px -3px #f2fadc;
	box-shadow:inset 0px 0px 14px -3px #f2fadc;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dbe6c4), color-stop(1, #9ba892));
	background:-moz-linear-gradient(top, #dbe6c4 5%, #9ba892 100%);
	background:-webkit-linear-gradient(top, #dbe6c4 5%, #9ba892 100%);
	background:-o-linear-gradient(top, #dbe6c4 5%, #9ba892 100%);
	background:-ms-linear-gradient(top, #dbe6c4 5%, #9ba892 100%);
	background:linear-gradient(to bottom, #dbe6c4 5%, #9ba892 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbe6c4', endColorstr='#9ba892',GradientType=0);
	background-color:#dbe6c4;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #b2b8ad;
	display:inline-block;
	cursor:pointer;
	color:#757d6f  !important;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ced9bf;
}
.olive:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9ba892), color-stop(1, #dbe6c4));
	background:-moz-linear-gradient(top, #9ba892 5%, #dbe6c4 100%);
	background:-webkit-linear-gradient(top, #9ba892 5%, #dbe6c4 100%);
	background:-o-linear-gradient(top, #9ba892 5%, #dbe6c4 100%);
	background:-ms-linear-gradient(top, #9ba892 5%, #dbe6c4 100%);
	background:linear-gradient(to bottom, #9ba892 5%, #dbe6c4 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ba892', endColorstr='#dbe6c4',GradientType=0);
	background-color:#9ba892;
}
.olive:active {
	position:relative;
	top:1px;
}

.purple,.btn.purple {
	-moz-box-shadow:inset 0px 1px 0px 0px #efdcfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #efdcfb;
	box-shadow:inset 0px 1px 0px 0px #efdcfb;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfbdfa), color-stop(1, #bc80ea));
	background:-moz-linear-gradient(top, #dfbdfa 5%, #bc80ea 100%);
	background:-webkit-linear-gradient(top, #dfbdfa 5%, #bc80ea 100%);
	background:-o-linear-gradient(top, #dfbdfa 5%, #bc80ea 100%);
	background:-ms-linear-gradient(top, #dfbdfa 5%, #bc80ea 100%);
	background:linear-gradient(to bottom, #dfbdfa 5%, #bc80ea 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfbdfa', endColorstr='#bc80ea',GradientType=0);
	background-color:#dfbdfa;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #c584f3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff  !important;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #9752cc;
}
.purple:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc80ea), color-stop(1, #dfbdfa));
	background:-moz-linear-gradient(top, #bc80ea 5%, #dfbdfa 100%);
	background:-webkit-linear-gradient(top, #bc80ea 5%, #dfbdfa 100%);
	background:-o-linear-gradient(top, #bc80ea 5%, #dfbdfa 100%);
	background:-ms-linear-gradient(top, #bc80ea 5%, #dfbdfa 100%);
	background:linear-gradient(to bottom, #bc80ea 5%, #dfbdfa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc80ea', endColorstr='#dfbdfa',GradientType=0);
	background-color:#bc80ea;
}
.purple:active {
	position:relative;
	top:1px;
}

.lightBlue,.btn.lightBlue {
	-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea));
	background:-moz-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:-webkit-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:-o-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:-ms-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea',GradientType=0);
	background-color:#bddbfa;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff  !important;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}
.lightBlue:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa));
	background:-moz-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:-webkit-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:-o-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:-ms-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:linear-gradient(to bottom, #80b5ea 5%, #bddbfa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa',GradientType=0);
	background-color:#80b5ea;
}
.lightBlue:active {
	position:relative;
	top:1px;
}

.whity,.btn.whity {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666  !important;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.whity:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.whity:active {
	position:relative;
	top:1px;
}

.lightRed,.btn.lightRed {
	-moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d));
	background:-moz-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-webkit-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-o-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-ms-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d',GradientType=0);
	background-color:#fc8d83;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff  !important;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
.lightRed:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #fc8d83));
	background:-moz-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-webkit-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-o-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-ms-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:linear-gradient(to bottom, #e4685d 5%, #fc8d83 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83',GradientType=0);
	background-color:#e4685d;
}
.lightRed:active {
	position:relative;
	top:1px;
}

.blueGradient,.btn.blueGradient {
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf));
	background:-moz-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-webkit-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-o-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-ms-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf',GradientType=0);
	background-color:#63b8ee;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #3866a3;
	display:inline-block;
	cursor:pointer;
	color:#14396a  !important;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:7px 7px;
	text-decoration:none;
	text-shadow:0px 1px 0px #7cacde;
}
.blueGradient:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee));
	background:-moz-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:-webkit-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:-o-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:-ms-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:linear-gradient(to bottom, #468ccf 5%, #63b8ee 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee',GradientType=0);
	background-color:#468ccf;
}
.blueGradient:active {
	position:relative;
	top:1px;
}

.orange,.btn.orange{
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333 !important;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.orange:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.orange:active {
	position:relative;
	top:1px;
}

.greenify,.btn.greenify  {
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
	background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
	background-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff  !important;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
}
.greenify:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
	background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
	background-color:#77a809;
}
.greenify:active {
	position:relative;
	top:1px;
}
.lightGrey,.btn.lightGrey {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666  !important;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.lightGrey:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.lightGrey:active {
	position:relative;
	top:1px;
}

.purply,.btn.purply {
	-moz-box-shadow:inset 0px 1px 0px 0px #e184f3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #e184f3;
	box-shadow:inset 0px 1px 0px 0px #e184f3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c123de), color-stop(1, #a20dbd));
	background:-moz-linear-gradient(top, #c123de 5%, #a20dbd 100%);
	background:-webkit-linear-gradient(top, #c123de 5%, #a20dbd 100%);
	background:-o-linear-gradient(top, #c123de 5%, #a20dbd 100%);
	background:-ms-linear-gradient(top, #c123de 5%, #a20dbd 100%);
	background:linear-gradient(to bottom, #c123de 5%, #a20dbd 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c123de', endColorstr='#a20dbd',GradientType=0);
	background-color:#c123de;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #a511c0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff  !important;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #9b14b3;
}
.purply:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a20dbd), color-stop(1, #c123de));
	background:-moz-linear-gradient(top, #a20dbd 5%, #c123de 100%);
	background:-webkit-linear-gradient(top, #a20dbd 5%, #c123de 100%);
	background:-o-linear-gradient(top, #a20dbd 5%, #c123de 100%);
	background:-ms-linear-gradient(top, #a20dbd 5%, #c123de 100%);
	background:linear-gradient(to bottom, #a20dbd 5%, #c123de 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a20dbd', endColorstr='#c123de',GradientType=0);
	background-color:#a20dbd;
}
.purply:active {
	position:relative;
	top:1px;
}

.pink,.btn.pink  {
	-moz-box-shadow:inset 0px 1px 0px 0px #fbafe3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fbafe3;
	box-shadow:inset 0px 1px 0px 0px #fbafe3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff5bb0), color-stop(1, #ef027d));
	background:-moz-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-webkit-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-o-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-ms-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:linear-gradient(to bottom, #ff5bb0 5%, #ef027d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#ef027d',GradientType=0);
	background-color:#ff5bb0;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ee1eb5;
	display:inline-block;
	cursor:pointer;
	color:#ffffff  !important;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #c70067;
}
.pink:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ef027d), color-stop(1, #ff5bb0));
	background:-moz-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:-webkit-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:-o-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:-ms-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:linear-gradient(to bottom, #ef027d 5%, #ff5bb0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef027d', endColorstr='#ff5bb0',GradientType=0);
	background-color:#ef027d;
}
.pink:active {
	position:relative;
	top:1px;
}
.redify,.btn.redify {
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f));
	background:-moz-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-webkit-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-o-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-ms-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f',GradientType=0);
	background-color:#f24537;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff  !important;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
}
.redify:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537));
	background:-moz-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-webkit-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-o-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-ms-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537',GradientType=0);
	background-color:#c62d1f;
}
.redify:active {
	position:relative;
	top:1px;
}

.btn.lightGreen,.lightGreen {
	-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52));
	background:-moz-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:-webkit-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:-o-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:-ms-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:linear-gradient(to bottom, #b8e356 5%, #a5cc52 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52',GradientType=0);
	background-color:#b8e356;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #83c41a;
	display:inline-block;
	cursor:pointer;
	color:#ffffff  !important;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #86ae47;
}
.lightGreen:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356));
	background:-moz-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:-webkit-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:-o-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:-ms-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:linear-gradient(to bottom, #a5cc52 5%, #b8e356 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356',GradientType=0);
	background-color:#a5cc52;
}
.lightGreen:active {
	position:relative;
	top:1px;
}

.lightOrange,.btn.lightOrange {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
	background:-moz-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-webkit-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-o-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-ms-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25',GradientType=0);
	background-color:#ffc477;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eeb44f;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cc9f52;
}
.lightOrange:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477));
	background:-moz-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-webkit-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-o-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-ms-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477',GradientType=0);
	background-color:#fb9e25;
}
.lightOrange:active {
	position:relative;
	top:1px;
}
.darkBlue,.bnt.darkBlue{
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf));
	background:-moz-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-webkit-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-o-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-ms-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf',GradientType=0);
	background-color:#63b8ee;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #3866a3;
	display:inline-block;
	cursor:pointer;
	color:#14396a !important;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #7cacde;
}
.darkBlue:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee));
	background:-moz-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:-webkit-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:-o-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:-ms-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:linear-gradient(to bottom, #468ccf 5%, #63b8ee 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee',GradientType=0);
	background-color:#468ccf;
}
.darkBlue:active {
	position:relative;
	top:1px;
}

.touchButton{
    width: 125px;
    height: 73px;
    text-align: center;
    overflow:hidden;
    margin:0px;
    padding:5px 0;
}
#chosen_color{
    width: 110px;
    height: 73px;
    text-align:center;
    overflow:hidden;
    margin:0px;
    padding:5px 0;
    margin-left: 35%;
/*    display:table-cell;
    vertical-align:middle;*/
}