body {
    font-family: 'Roboto',verdana,sans-serif;
    font-size:12px;
    margin:5px !important;
    -webkit-font-smoothing: antialiased;
}

.combo {
    border-radius: 5px;
}

form input {
    height: 26px;
}

form input[type=checkbox] {
    height: unset;
}


form select {
    height: 26px;
}


/* CONTROLES ESTANDARES */
::-webkit-input-placeholder {
   color: lightgray;
   font-style: italic;
}

.pagination span {
    font-size:initial;
}

:-moz-placeholder { /* Firefox 18- */
   color: lightgray;
   font-style: italic;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: lightgray;
   font-style: italic;
}

:-ms-input-placeholder {  
   color: lightgray;
   font-style: italic;
}



.datagrid-toolbar {
    padding: 3px 2px;
}
.iconleft {
    padding-left: 25px;
    padding-top: 2px;
    height: 20px;
}

.datagrid .datagrid-pager {
    color: darkblue;
}

.combobox-item:hover {
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
}

#modulo_clientes {
    background: url('/images/nav_clientes_off.png') no-repeat;
    width: 78px;
    height: 65px;
    padding: 0px;
}
#modulo_clientes:hover, #modulo_clientes.active  {
    background: url('/images/nav_clientes_on.png') no-repeat;
}
#modulo_soporte {
    background: url('/images/nav_soporte_off.png') no-repeat;
    width: 78px;
    height: 65px;
    padding: 0px;
}
#modulo_soporte:hover, #modulo_soporte.active {
    background: url('/images/nav_soporte_on.png') no-repeat;
}
#modulo_radios {
    background: url('/images/nav_radios_off.png') no-repeat;
    width: 78px;
    height: 65px;
    padding: 0px;
}
#modulo_radios:hover, #modulo_radios.active {
    background: url('/images/nav_radios_on.png') no-repeat;
}
#modulo_musica {
    background: url('/images/nav_musica_off.png') no-repeat;
    width: 78px;
    height: 65px;
    padding: 0px;
}
#modulo_musica:hover, #modulo_musica.active {
    background: url('/images/nav_musica_on.png') no-repeat;
}
#modulo_crm {
    background: url('/images/nav_crm_off.png') no-repeat;
    width: 78px;
    height: 65px;
    padding: 0px;
}
#modulo_crm:hover, #modulo_crm.active {
    background: url('/images/nav_crm_on.png') no-repeat;
}
#modulo_dashboard  {
    background: url('/images/nav_estadisticas_off.png') no-repeat;
    width: 78px;
    height: 65px;
    padding: 0px;
}
#modulo_dashboard:hover, #modulo_dashboard.active {
    background: url('/images/nav_estadisticas_on.png') no-repeat;
}
#modulo_ctacte  {
    background: url('/images/nav_facturas_off.png') no-repeat;
    width: 78px;
    height: 65px;
    padding: 0px;
}
#modulo_ctacte:hover, #modulo_ctacte.active {
    background: url('/images/nav_facturas_on.png') no-repeat;
}



#main {
		padding:0;
		margin:0;
        font-family: 'Bree Serif', Helvetica, Arial, sans-serif;
        font-size: 18px;
        cursor: pointer
}
	
	#main li {
		display:inline-block;
		padding: 0;
	}
	
	#main a {
		color:#333333;
		text-decoration:none;
	}
	
	#main a:hover {
		border-bottom:4px solid #ea0b25;
	}

select.validatebox-invalid  {
    background-position-x: 85%
}

.modulo-seleccionado {
    background-color: yellow;
    font-weight: bold;
    text-shadow: 0px 3px 2px rgba(155, 33, 0, 0.5);
}

a.l-btn-plain span span span.iconsmall {
    width:  16px !important; 
    padding: 0 0 0 0 !important;
}


.pl-interprete {
	font-size: 11px;
    font-style: italic;
    color: gray
}
.pl-duracion {
	font-size: 10px;
}

.pl-suave {
    background-color: #FFECD7;
}
td.pl-suave:hover {
    background-color: yellow;
}
.pl-medio {
    background-color: #FFDDB7;
}
td.pl-medio:hover {
    background-color: yellow;
}
.pl-rapido {
    background-color: #FFCB91;
}
td.pl-rapido:hover {
    background-color: yellow;
}
td.individual:hover {
    background-color: yellow;
}
.icon-mini-refresh{
	background:url('/images/mini_refresh.png') no-repeat center center;
}



input:disabled {
    font-weight: normal;
}

h2 {
    font-size:18px;
    color:#333;
    font-weight:bold;
    margin:0;
    margin-bottom:15px;
}

.spinner {
       outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    border-radius:3px;
    -webkit-border-radius:5px;
    -moz-border-radius: 5px;
    border:1px solid rgba(0,0,0, 0.2);
    background-color: #F5F5F5;
    font-weight: bold;
}

.sorted {
    background-color:  #F4FFFA;
}

.modal {
    display:    none;
    position:   fixed;
    z-index:    10000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba(255,255,255,0.8)
                url('/images/loader.gif') 
                50% 50% 
                no-repeat;
}

body.loading {
    overflow: hidden;   
}

body.loading .modal {
    display: block;
}

.datagrid-row-selected .sorted {
    background-color: inherit;
}

.datagrid-row-over .sorted, .datagrid-header td.datagrid-header-over .sorted {
    background-color: inherit;
}

.datagrid-row-editing {
    background-color: #ffe48d;
    transition: all 0.50s ease-in-out;
    -webkit-transition: all 0.50s ease-in-out;
    -moz-transition: all 0.50s ease-in-out;
}

.datagrid-header-row {
    font-weight: bold;
    color: darkblue;
}


.anulada div, .anulada {
    text-decoration: line-through;
    font-style: italic;
    color: gray;
}
.map_canvas { 
  width: 800px; 
  height: 500px; 
  margin: 10px 0 10px 0;
  border: 10px solid #FFF;
  z-index: 9999;
}

.map_canvas:after{
  content: "Type in an address in the input above.";
  padding-top: 170px;
  display: block;
  text-align: center;
  font-size: 2em;
  color: #999;
}

legend {
    color: darksalmon;
    font-size: 13px;
    font-weight: bold
}

input, select {
    outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    border-radius:3px !important;
    -webkit-border-radius:5px !important;
    -moz-border-radius: 5px !important;
    border:1px solid rgba(0,0,0, 0.2);
    background-color: #F5F5F5;
    font-weight: bold;
}

input:focus {
    box-shadow: 0 0 5px rgba(0, 0, 255, 1);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 255, 1); 
    -moz-box-shadow: 0 0 5px rgba(0, 0, 255, 1);
    border:1px solid rgba(0,0,255, 0.8); 
    background-color: lightyellow;
}

.tabs-header, .tabs-scroller-left, .tabs-scroller-right, .tabs-tool, .tabs, .tabs-panels, .tabs li a.tabs-inner, .tabs li.tabs-selected a.tabs-inner, .tabs-header-bottom .tabs li.tabs-selected a.tabs-inner, .tabs-header-left .tabs li.tabs-selected a.tabs-inner, .tabs-header-right .tabs li.tabs-selected a.tabs-inner {
border-color: green;
}

.tabs-header, .tabs-tool {
    background-color: #D9FFE2;
}

.datagrid-ftable {
    text-decoration: overline;
    font-weight: bold;
    background-color: rgba(77, 90, 117, 0.91);
    color: white;
}

.datagrid-row {
    height: 32px;
}
.datagrid-body {
   overflow: scroll;
   overflow-x: scroll;
}

.tabs-with-icon {
    padding-left: 30px;
}

.tabs li a.tabs-inner {
    line-height: 38px !important;
    opacity: 0.5
}

    .tabs li a.tabs-inner:hover {
        text-decoration: underline;
        opacity: 0.8;
    }

.tabs li.tabs-selected a.tabs-inner {
    opacity: 1;
    text-shadow: 0px 2px 2px rgba(255, 233, 0, 0.5);
}

.tabs-title {
    font-size: 14px;
}

.tabs-icon {
    width: 22px;
    height: 22px;
}


a.l-btn-plain span.l-btn-left  {
  height: 26px;
  line-height: 22px;
}
a.l-btn-plain span span.l-btn-text  {
  height: 26px;
  line-height: 28px;
  font-weight: bold;
  padding-left: 10px;
}
a.l-btn-plain {
  height: 28px;
  background-image: none;
}
.l-btn-left .l-btn-empty {
    width: 22px;
    padding-left: 1px !important;
    margin-left: 2px;
}

a.l-btn-plain span span.l-btn-icon-left {
    padding: 0 0 0 26px;
    font-weight: bold;
}

.l-btn-icon {
    height: 22px;
    width: 22px;
    line-height: 28px;
    margin-top: -12px;
}

span.l-btn-left l-btn-icon-left {
    padding: 0 0 0 26px;
}

/*
.l-btn-icon {
    width: 22px;
    height: 22px;
    margin-top: -11px;
}

span.l-btn-left span.l-btn-text {
    margin: initial !important;
}

.l-btn-left .l-btn-empty {
margin: 0 2px;
width: 22px;
padding-left: 1px !important;
}

.l-btn-text {
    line-height: 28px;
}

.l-btn-text {
    margin: 0 4px 0 34px;
    font-weight: bold;
    padding-left: 10px;
}*/


a.popup {
    color: #000;
}
a.popup:link {
    text-decoration: none;
    color: #000;}
a.popup:hover {
    text-decoration: underline;
    color: #000;}

.datagrid-cell {
    float: left;
}

.pagination-next {
    background: url('default/images/pagination_icons.png') no-repeat -30px 0;
}

.pagination-last {
background: url('default/images/pagination_icons.png') no-repeat -45px 0;
}

.pagination-prev {
background: url('default/images/pagination_icons.png') no-repeat -14px 0;
}

.message-green {
    color: green;
    height: 22px;
    line-height: 22px;
    padding-left: 35px;
    float: left;
}


.icon-male {
    background: url('/images/winkow.png') no-repeat;
    background-position: 0px 0px !important;
}
.icon-female {
    background: url('/images/winkow.png') no-repeat;
    background-position: 0px -22px !important;
}
.icon-soundhigh {
    background: url('/images/winkow.png') no-repeat;
    background-position: 0px -44px !important;
}
.icon-soundmedium {
    background: url('/images/winkow.png') no-repeat;
    background-position: 0px -66px !important;
}
.icon-soundlow {
    background: url('/images/winkow.png') no-repeat;
    background-position: 0px -88px !important;
}
.icon-singer {
    background: url('/images/winkow.png') no-repeat;
    background-position: 0px -110px !important;
}
.icon-export {
    background: url('/images/icons22.png') no-repeat;
    background-position: 0px -880px !important;
}
.icon-light1 {
    background: url('/images/icons22.png') no-repeat;
    background-position: 0px -1056px !important;
}.icon-light2 {
    background: url('/images/icons22.png') no-repeat;
    background-position: 0px -1078px !important;
}
.icon-import {
    background: url('/images/icons22.png') no-repeat;
    background-position: 0px -1210px !important;
}
.icon-money {
    background: url('/images/icons22.png') no-repeat;
    background-position: 0px -1276px !important;
}
.icon-sun {
    background: url('/images/icons22.png') no-repeat;
    background-position: 0px -1320px !important;
}
.icon-dollar {
    background: url('/images/icons22.png') no-repeat;
    background-position: 0px -1364px !important;
}
.icon-picture {
    background: url('/images/icons22.png') no-repeat;
    background-position: 0px -1386px !important;
}
.icon-sort {
    background: url('/images/icons22.png') no-repeat;
    background-position: 0px -1430px !important;
}
.icon-word {
    background: url('/images/icons22.png') no-repeat;
    background-position: 0px -1584px !important;
}
.icon-facebook {
    background: url('/images/icons22.png') no-repeat;
    background-position: 0px -1606px !important;
}
.icon-twitter {
    background: url('/images/icons22.png') no-repeat;
    background-position: 0px -1628px !important;
}.icon-excel {
    background: url('/images/icons22.png') no-repeat;
    background-position: 0px -1650px !important;
}.icon-pdf {
    background: url('/images/icons22.png') no-repeat;
    background-position: 0px -1672px !important;
}
.icon-invoice {
    background: url('/images/icons22.png') no-repeat;
    background-position: 0px -1826px !important;
}
.icon-wifi {
    background: url('/images/icons22.png') no-repeat;
    background-position: 0px -1848px !important;
}
.icon-map {
    background: url('/images/icons22.png') no-repeat;
    background-position: 0px -1870px !important;
}
.icon-shoes {
    background: url('/images/icons22.png') no-repeat;
    background-position: 0px -1892px !important;
}
.icon-client {
    background: url('/images/icons22.png') no-repeat;
    background-position: 0px -1914px !important;
}
.icon-winkowapp {
    background: url('/images/icons22.png') no-repeat;
    background-position: 0px -1936px !important;
}
.icon-percent {
    background: url('/images/icons22.png') no-repeat;
    background-position: 0px -1958px !important;
}
.icon-elvis {
    background: url('/images/icons22.png') no-repeat;
    background-position: 0px -1980px !important;
}
.icon-guitar {
    background: url('/images/icons22.png') no-repeat;
    background-position: 0px -2002px !important;
}
.icon-megaphone {
    background: url('/images/icons22.png') no-repeat;
    background-position: 0px -2024px !important;
}
.icon-support {
    background: url('/images/icons22.png') no-repeat;
    background-position: 0px -2046px !important;
}
.icon-shake {
    background: url('/images/icons22.png') no-repeat;
    background-position: 0px -2068px !important;
}
.icon-contact {
    background: url('/images/icons22.png') no-repeat;
    background-position: 0px -2112px !important;
}
.icon-info2 {
    background: url('/images/icons22.png') no-repeat;
    background-position: 0px -2156px !important;
}
.icon-mp3 {
    background: url('/images/icons22.png') no-repeat;
    background-position: 0px -2178px !important;
}
.icon-ogg {
    background: url('/images/icons22.png') no-repeat;
    background-position: 0px -2200px !important;
}
.icon-cd {
    background: url('/images/winkow.png') no-repeat;
    background-position: 0px -154px !important;
}
.icon-free2 {
    background: url('/images/icons22.png') no-repeat;
    background-position: 0px -2310px !important;
}
.icon-free {
    background: url('/images/free.png') no-repeat;
}
.icon-allmusic {
    background: url('/images/allmusic.png') no-repeat;
}

.icon-freeverde {
    background: url('/images/free_verde.png') no-repeat;
}


.messager-body {
    text-align: justify;
 }

.spinner .spinner-text {
    text-align: right;
}

.icon-login16 {
    background: url('/images/login.png') no-repeat;
}

.icon-key16 {
    background: url('/images/key.png') no-repeat;
}

.icon-ok2{
	background:url('/images/ok.png') no-repeat center center;
}
.icon-no2{
	background:url('/images/cancel.png') no-repeat center center;
}

.icon-upload16 {
	background:url('/images/icons16.png') no-repeat center center;
    background-position: 0px 0px !important;
}
.icon-download16 {
	background:url('/images/icons16.png') no-repeat center center;
    background-position: 0px -16px !important;
}


/* Make it a marquee */
.marquee {
    width: 210px;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    -webkit-animation: marquee 25s linear infinite;
}

.marquee:hover {
    -webkit-animation-play-state: paused
}

/* Make it move */
@-webkit-keyframes marquee {
    0%   { text-indent: 17.5em }
    100% { text-indent: -35em }
}

/* Make it pretty */
.tema-player {
    padding-left: 1.5em;
    position: relative;
}

/*AMARAN*/
.amaran-overlay{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(153,204,51,.9);display:block;z-index:777}.amaran-overlay .amaran-wrapper{z-index:9999}
.amaran.awesome{width:400px;min-height:65px;background:#f3f3f3;color:#222;margin:15px;padding:5px 5px 5px 70px;box-shadow:1px 1px 1px #000}.amaran.awesome .icon{width:50px;height:50px;position:absolute;top:50%;left:10px;background:#FFF;margin-top:-25px;border-radius:50%;text-align:center;line-height:50px;font-size:22px}.amaran.awesome p{padding:0;margin:0}.amaran.awesome p span{font-weight:300}.amaran.awesome p span.light{font-size:13px;display:block;color:#777}.amaran.awesome.ok p.bold{color:#178B13}.amaran.awesome.ok .icon{background-color:#178B13;color:#fff}.amaran.awesome.error p.bold{color:#D82222}.amaran.awesome.error .icon{background-color:#D82222;color:#fff}.amaran.awesome.warning p.bold{color:#9F6000}.amaran.awesome.warning .icon{background-color:orange;color:#fff}.amaran.awesome.yellow p.bold{color:#CFA846}.amaran.awesome.yellow .icon{background-color:#CFA846;color:#fff}.amaran.awesome.blue p.bold{color:#2980b9}.amaran.awesome.blue .icon{background-color:#2980b9;color:#fff}.amaran.awesome.green p.bold{color:#27ae60}.amaran.awesome.green .icon{background-color:#27ae60;color:#fff}.amaran.awesome.purple p.bold{color:#5B54AA}.amaran.awesome.purple .icon{background-color:#5B54AA;color:#fff}
.amaran.awesomemini{ width: auto;min-height:65px;background:#f3f3f3;color:#222;margin:15px;padding:5px 5px 5px 70px;box-shadow:1px 1px 1px #000; text-align: center; font-size: 18px; border: 1px solid;}.amaran.awesomemini .icon{width:50px;height:50px;position:absolute;top:50%;left:10px;background:#000;margin-top:-25px;border-radius:50%;text-align:center;line-height:50px;font-size:22px}.amaran.awesomemini p{padding:0;margin:0}.amaran.awesomemini p span{font-weight:300}.amaran.awesomemini p span.light{font-size:13px;display:block;color:#777}.amaran.awesomemini.ok{background-color: rgb(203, 214, 169)}.amaran.awesomemini.ok p.bold{color:#178B13}.amaran.awesomemini.ok .icon{background-color:#178B13;color:#fff}.amaran.awesomemini.error{background-color: #D09090}.amaran.awesomemini.error p.bold{color:#D82222}.amaran.awesomemini.error .icon{background-color:#D82222;color:#fff}.amaran.awesomemini.warning p.bold{color:#9F6000}.amaran.awesomemini.warning .icon{background-color:orange;color:#fff}.amaran.awesomemini.warning {background-color: antiquewhite}.amaran.awesomemini.yellow p.bold{color:#CFA846}.amaran.awesomemini.yellow .icon{background-color:#CFA846;color:#fff}.amaran.awesomemini.blue p.bold{color:#2980b9}.amaran.awesomemini.blue .icon{background-color:#2980b9;color:#fff}.amaran.awesomemini.green p.bold{color:#27ae60}.amaran.awesomemini.green .icon{background-color:#27ae60;color:#fff}.amaran.awesomemini.purple p.bold{color:#5B54AA}.amaran.awesomemini.purple .icon{background-color:#5B54AA;color:#fff}


.amaran-wrapper *{box-sizing:border-box}.amaran-wrapper{position:fixed;z-index:9999}.amaran-wrapper.top{top:0;bottom:auto}.amaran-wrapper.bottom{bottom:0;top:auto}.amaran-wrapper.left{left:0}.amaran-wrapper.right{right:0;left:auto}.amaran-wrapper.center{width:50%;height:50%;margin:auto;position:fixed;top:0;left:0;bottom:0;right:0}.amaran{width:200px;background:rgba(0,0,0,.7);padding:3px;color:#fff;border-radius:4px;display:none;font-size:13px;cursor:pointer;position:relative;text-align:left;min-height:50px;margin:10px}.amaran-close{position:absolute;top:2px;right:2px;display:block;width:20px;height:20px}.amaran-close:before{content:"x";color:#fff;font-weight:700;font-family:Arial,sans-serif;font-size:18px}










.green {
    color: green;
}
.red {
    color: red;
}
.yellow {
    color: yellow;
}

.orange {
    color: goldenrod;
}

.blue {
    color: blue;
}

.white {
    color: white;
}

.fa-15x {
    font-size: 1.5em !important;
}



.fa-check-circle-o:before {
    color: green;
}

.fa-exclamation-circle:before {
    color: red;
}
.fa-exclamation-triangle:before {
    color: goldenrod;
}
.fa-times-circle:before {
    color: red;
}


/*ANIMATION*/
.animated {
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}


.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

@-webkit-keyframes rollIn {
	0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}

@-moz-keyframes rollIn {
	0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}

@-o-keyframes rollIn {
	0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}

@keyframes rollIn {
	0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}

.rollIn {
	-webkit-animation-name: rollIn;
	-moz-animation-name: rollIn;
	-o-animation-name: rollIn;
	animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    0% {
		opacity: 1;
		-webkit-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-webkit-transform: translateX(100%) rotate(120deg);
	}
}

@-moz-keyframes rollOut {
    0% {
		opacity: 1;
		-moz-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-moz-transform: translateX(100%) rotate(120deg);
	}
}

@-o-keyframes rollOut {
    0% {
		opacity: 1;
		-o-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-o-transform: translateX(100%) rotate(120deg);
	}
}

@keyframes rollOut {
    0% {
		opacity: 1;
		transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		transform: translateX(100%) rotate(120deg);
	}
}

.rollOut {
	-webkit-animation-name: rollOut;
	-moz-animation-name: rollOut;
	-o-animation-name: rollOut;
	animation-name: rollOut;
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
}

@-moz-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
}

@-o-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(-20px);
	}
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	-moz-animation-name: fadeOutLeft;
	-o-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
}

@-moz-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
}

@-o-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(20px);
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(20px);
	}
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	-moz-animation-name: fadeOutRight;
	-o-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}


.datagrid-view .datagrid-editable-input {
    height: 20px;
}

.datagrid-row-editing .textbox, .datagrid-row-editing .textbox-text {
    border-radius: 5px;
}



form .textbox-text {
    padding: initial !important;
    padding-left: 4px;
}

.combo-grid {
    height: 25px;
    background-color:#F5F5F5;
}

.menu-toolbar {
     position: absolute; top: 0; left: 0; background-color: lightgray; border: 1px solid black; text-align:left; vertical-align:middle;
}

.menu-toolbar:after{
    content: ' ';
    width: 0px;
    height: 0px;
    border-top: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom:5px solid black;
    border-right:5px solid transparent;
    position: absolute;
    left: 50%;
    top: -10px;
    margin-left: -10px;
}


/* RATE */
.jq-ry-container {
    position: relative;
    padding: 0 5px;
    line-height: 0;
    display: block;
    cursor: pointer;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    direction: ltr
}

    .jq-ry-container[readonly=readonly] {
        cursor: default
    }

    .jq-ry-container > .jq-ry-group-wrapper {
        position: relative;
        width: 100%
    }

        .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group {
            position: relative;
            line-height: 0;
            z-index: 10;
            white-space: nowrap
        }

            .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
                display: inline-block
            }

            .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-normal-group {
                width: 100%
            }

            .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-rated-group {
                width: 0;
                z-index: 11;
                position: absolute;
                top: 0;
                left: 0;
                overflow: hidden
            }