.ui-widget,
.ui-widget .ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    /*font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif, serif;*/
    font-family: inherit;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: .3em;
}
.ui-button {
    text-align: left;
}
button.ui-button {
    outline: none;
}
a.ui-button {
    text-decoration: none;
}
.ui-jqgrid a.ui-button {
    text-decoration: none !important;
}
/*.ui-jqgrid .ui-jqgrid-btable .jqgrow.ui-state-hover a.ui-button.ui-state-default,
.ui-jqgrid .ui-jqgrid-btable .jqgrow.ui-state-hover a.ui-button.ui-state-default:hover,
.ui-jqgrid .ui-jqgrid-btable .jqgrow.ui-state-hover a.ui-button.ui-state-default:link,
.ui-jqgrid .ui-jqgrid-btable .jqgrow.ui-state-hover a.ui-button.ui-state-default:visited {
    color: #fff;
    text-decoration: none;
}*/
.ui-front {
    z-index: 20000; /* more than qtip */
}

/** Dialog **/
.ui-dialog {
    /*position: fixed;*/
    padding: 0;
}
.ui-dialog.animated {
    -webkit-transition: top .2s, left .2s;
    -moz-transition:    top .2s, left .2s;
    -ms-transition:     top .2s, left .2s;
    -o-transition:      top .2s, left .2s;
    transition:         top .2s, left .2s;
}
.ui-dialog .ui-dialog-titlebar {
    border:                1px solid #4d78dc;
    background:            #4d78dc url(images/ui-bg_flat_100_4d78dc_40x100.png) 50% 50% repeat-x;
    font-weight:           normal;
    color:                 #fff;
    border-radius:         0;
    -moz-border-radius:    0;
    -webkit-border-radius: 0;
}

.ui-dialog.ui-dialog-green .ui-widget-header .ui-state-default,
.ui-dialog.ui-dialog-green .ui-dialog-titlebar {
    border:                1px solid #316f1c;
    background:            #316f1c url(images/ui-bg_flat_100_316f1c_15x33.png) 50% 50% repeat-x;
}
.ui-dialog.no-title {
    -webkit-border-radius: 5px;
    -moz-border-radius:    5px;
    border-radius:         5px;
}
.ui-dialog.no-title .ui-dialog-titlebar {
    background: none;
    border:     none;
    padding:    0;
    height:     0;
    position:   relative;
}
.ui-dialog.no-title .ui-dialog-title {
    display: none;
}
.ui-dialog.no-title .ui-dialog-titlebar-close {
    position:                           absolute;
    right:                              0;
    top:                                0;
    margin:                             0;
    z-index:                            100;
    width:                              26px;
    height:                             26px;
    background:                         none;
    border:                             1px solid #6c6c6c;
    border-top:                         0;
    border-right:                       0;
    -webkit-border-top-left-radius:     0;
    -moz-border-top-left-radius:        0;
    border-top-left-radius:             0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius:    0;
    border-bottom-right-radius:         0;
}
.ui-dialog.no-title .ui-dialog-titlebar-close .ui-icon {
    background-image: url(images/ui-icons_6c6c6c_256x240.png);
}
.ui-dialog.no-title .ui-dialog-content {
    padding-top: 35px;
}

.iconic-dialog .ui-dialog-titlebar {
    margin-top: -15px;
    margin-left: 15px;
    padding-left: 25px;
}

.iconic-dialog:before {
    content: " ";
    position: absolute;
    background-image: url(../../images/icon/massive-icons.png);
    width: 38px;
    height: 38px;
    display: block;
    z-index: 1;
    top: -17px;
    left: -2px;
}

.icon-user-add:before {
    background-position: 0px -605px;
}

/** ui-state-default **/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border:     1px solid #4d78dc;
    background: #4d78dc;
    color:      #ffffff;
}
.ui-jqgrid a.ui-state-default {
    color: #fff !important;
}
.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}
.ui-state-default.ui-state-hover {
    border:     1px solid #4d78dc;
    background: #678ee4;
    color:      #ffffff;
}

/** ui-state-grey **/
.ui-state-grey,
.ui-widget-content .ui-state-grey,
.ui-widget-header .ui-state-grey {
    border:     1px solid #979797;
    background: #979797;
    color:      #ffffff;
}
.ui-jqgrid a.ui-state-grey {
    color: #fff !important;
}
.ui-state-grey .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}
.ui-state-grey.ui-state-hover {
    border:     1px solid #979797;
    background: #a6a6a6;
    color:      #ffffff;
}

/** ui-state-green **/
.ui-state-green,
.ui-widget-content .ui-state-green,
.ui-widget-header .ui-state-green {
    border: 1px solid #35761f;
    background: #35761f;
    color:      #ffffff;
}
.ui-jqgrid a.ui-state-green {
    color: #fff !important;
}
.ui-state-green .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}
.ui-state-green.ui-state-hover {
    border: 1px solid #35761f;
    background: #3a8022;
    color:      #ffffff;
}

/** ui-state-red **/
.ui-state-red,
.ui-widget-content .ui-state-red,
.ui-widget-header .ui-state-red {
    border:     1px solid #cd0a0a;
    background: #cd0a0a;
    color:      #ffffff;
}
.ui-state-red .ui-widget-content {
    border:     0;
    background: #cd0a0a;
    color:      #ffffff;
}
.ui-jqgrid a.ui-state-red {
    color: #fff !important;
}
.ui-state-red .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}
.ui-state-red.ui-state-hover {
    border:     1px solid #cd0a0a;
    background: #f80202;
    color:      #ffffff;
}

/** ui-state-white **/
.ui-state-white,
.ui-widget-content .ui-state-white,
.ui-widget-header .ui-state-white {
    border-color: #fff;
    background:   #fff;
    color:        #222;
}
.ui-jqgrid a.ui-state-white {
    color: #222 !important;
}
.ui-state-white .ui-icon {
    background-image: url(images/ui-icons_4d78dc_256x240.png);
}
.ui-state-white.ui-state-hover {
    border-color: #fff;
    background: #f2f2f2;
    color:        #222;
}

/** ui-state-transparent **/
.ui-state-transparent,
.ui-widget-content .ui-state-transparent,
.ui-widget-header .ui-state-transparent {
    border:     none;
    background: none;
    color:      #6c6c6c;
}
.ui-jqgrid a.ui-state-transparent {
    color: #6c6c6c !important;
}
.ui-state-transparent .ui-icon {
    background-image: url(images/ui-icons_6c6c6c_256x240.png);
}
.ui-state-transparent.ui-state-hover {
    border: none;
    background: none;
}
.ui-button,
.ui-button.ui-state-default,
.ui-button.ui-state-grey,
.ui-button.ui-state-transparent,
.ui-button.ui-state-highlight {
    font-weight: normal;
}

/* ui-transparent */
.ui-transparent,
.ui-widget-content .ui-transparent,
.ui-widget-header .ui-transparent {
    border:     none;
    background: none;
}
.ui-transparent.ui-state-hover {
    border:     none;
    background: none;
}
.ui-state-default.ui-transparent {
    color: #4d78dc;
}
.ui-state-default.ui-transparent .ui-icon,
.ui-button.ui-state-default.ui-transparent .ui-icon {
    background-image: url(images/ui-icons_4d78dc_256x240.png);
}
.ui-state-grey.ui-transparent {
    color: #6c6c6c;
}
.ui-state-grey.ui-transparent .ui-icon,
.ui-button.ui-state-grey.ui-transparent .ui-icon {
    background-image: url(images/ui-icons_6c6c6c_256x240.png);
}

/* ui-big */
.ui-big,
.ui-widget .ui-big {
    font-size: 1.3em;
}
.ui-big.ui-button {
    text-transform: uppercase;
}
.ui-big.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-big.ui-button-text-icons .ui-button-icon-primary,
.ui-big.ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}

/* ui-small */
.ui-small,
.ui-widget .ui-small {
    font-size: 0.9em;
}
.ui-button-text-only.ui-small .ui-button-text {
    padding: .1em .7em;
}
.ui-button-text-icon-primary.ui-small .ui-button-text {
    padding-top:    .1em;
    padding-bottom: .1em;
    padding-right:  .7em;
}
.ui-button-text-icon-primary.ui-small .ui-button-icon-primary {
    left: .3em;
}
.ui-button-text-icon-secondary.ui-small .ui-button-text {
    padding-top:    .1em;
    padding-bottom: .1em;
    padding-left:   .7em;
}
.ui-button-text-icon-secondary.ui-small .ui-button-icon-primary {
    right: .3em;
}
.ui-button .ui-button-text {
    min-height: 1em;
}

/* ui-button-height */
.ui-button.ui-button-height { height: 22px; vertical-align: top; }
.ui-button.ui-button-height .ui-button-text { padding-top: 0; padding-bottom: 0; }

/** Round icon button **/
.ui-button-round-icon {
    margin-left: 13px;
}
.ui-button-round-icon .ui-button-icon-primary,
.ui-button-round-icon.ui-small .ui-button-icon-primary,
.ui-button-round-icon.ui-big .ui-button-icon-primary {
    left: -8px;
}
.ui-button-round-icon .ui-button-round-icon-overlay {
    position:    absolute;
    display:     block;
    width:       26px;
    height:      26px;
    margin-left: -13px;
    top:         50%;
    margin-top:  -13px;
    background:  url(images/ui-round-icon_26.png) no-repeat left top;
}
.ui-button-round-icon.ui-state-hover .ui-button-round-icon-overlay {
    background-position: left -26px;
}
.ui-button-round-icon.ui-state-red .ui-button-round-icon-overlay {
    background-position: left -52px;
}
.ui-button-round-icon.ui-state-red.ui-state-hover .ui-button-round-icon-overlay {
    background-position: left -78px;
}
.ui-button-round-icon.ui-state-grey .ui-button-round-icon-overlay {
    background-position: left -104px;
}
.ui-button-round-icon.ui-state-grey.ui-state-hover .ui-button-round-icon-overlay {
    background-position: left -130px;
}
.ui-button-round-icon.ui-button-text-icon-primary .ui-button-text {
    padding: .4em 1em .4em 1.7em;
}
.ui-button-round-icon.ui-button-text-icon-secondary .ui-button-text {
    padding: .4em 1.7em .4em 1em;
}
.ui-button-round-icon.ui-state-default .ui-button-icon-only {
    background: none;
    border:     none;
}
.ui-button-round-icon.ui-button-icon-only {
    background:  none;
    border:      none;
    margin-left: 0;
}
.ui-button-round-icon.ui-button-icon-only .ui-button-icon-primary {
    left: 0;
}
.ui-button-round-icon.ui-button-text-icon-secondary {
    margin-left:  0;
    margin-right: 13px;
}
.ui-button-round-icon.ui-button-text-icon-secondary .ui-button-round-icon-overlay {
    margin-left:  0;
    margin-right: -13px;
    right:        0;
}
.ui-button-round-icon .ui-button-icon-secondary {
    right: -8px;
}
.ui-button-round-icon.ui-small .ui-button-round-icon-overlay {
    width:       20px;
    height:      20px;
    margin-left: -10px;
    margin-top:  -10px;
    background:  url(images/ui-round-icon_20.png) no-repeat left top;
}
.ui-button-round-icon.ui-small.ui-state-hover .ui-button-round-icon-overlay {
    background-position: left -20px;
}
.ui-button-round-icon.ui-small.ui-state-red .ui-button-round-icon-overlay {
    background-position: left -40px;
}
.ui-button-round-icon.ui-small.ui-state-red.ui-state-hover .ui-button-round-icon-overlay {
    background-position: left -60px;
}
.ui-button-round-icon.ui-small.ui-state-grey .ui-button-round-icon-overlay {
    background-position: left -80px;
}
.ui-button-round-icon.ui-small.ui-state-grey.ui-state-hover .ui-button-round-icon-overlay {
    background-position: left -100px;
}
.ui-button-round-icon.ui-small.ui-button-text-icon-primary .ui-button-text {
    padding: .3em 1em .3em 1.7em;
}
.ui-button-round-icon.ui-big .ui-button-round-icon-overlay {
    width:       32px;
    height:      32px;
    margin-left: -16px;
    margin-top:  -16px;
    background:  url(images/ui-round-icon_32.png) no-repeat left top;
}
.ui-button-round-icon.ui-big.ui-state-hover .ui-button-round-icon-overlay {
    background-position: left -32px;
}
.ui-button-round-icon.ui-big.ui-state-red .ui-button-round-icon-overlay {
    background-position: left -64px;
}
.ui-button-round-icon.ui-big.ui-state-red.ui-state-hover .ui-button-round-icon-overlay {
    background-position: left -96px;
}
.ui-button-round-icon.ui-big.ui-state-grey .ui-button-round-icon-overlay {
    background-position: left -128px;
}
.ui-button-round-icon.ui-big.ui-state-grey.ui-state-hover .ui-button-round-icon-overlay {
    background-position: left -160px;
}

/* CSS fixes for buttons */
.ui-button.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}
.ui-button.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_6c6c6c_256x240.png);
}
.ui-button.ui-state-grey .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}
.ui-button.ui-state-white .ui-icon {
    background-image: url(images/ui-icons_4d78dc_256x240.png);
}
.ui-button.ui-state-transparent .ui-icon {
    background-image: url(images/ui-icons_6c6c6c_256x240.png);
}

/* Other */
.ui-icon.ui-icon-black,
.ui-widget-content .ui-icon.ui-icon-black {
    background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-icon.ui-icon-grey,
.ui-widget-content .ui-icon.ui-icon-grey {
    background-image: url(images/ui-icons_6c6c6c_256x240.png);
}
.ui-icon.ui-icon-white,
.ui-widget-content .ui-icon.ui-icon-white {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}
.ui-icon.ui-icon-blue,
.ui-widget-content .ui-icon.ui-icon-blue {
    background-image: url(images/ui-icons_4d78dc_256x240.png);
}
.ui-tooltip-content {
    white-space: pre-line;
}

/* Font-Awesome icons support */
.ui-icon.fa {
    text-indent: 0;
    text-align:  center;
    width:       1em;
    height:      1em;
    background:  none !important;
}
.ui-button-icon-only .ui-icon.fa,
.ui-button-text-icon-primary .ui-icon.fa,
.ui-button-text-icon-secondary .ui-icon.fa,
.ui-button-text-icons .ui-icon.fa,
.ui-button-icons-only .ui-icon.fa {
    margin-top: -0.5em;
}
.ui-button-text-icon-primary .ui-button-icon-primary.fa,
.ui-button-text-icons .ui-button-icon-primary.fa,
.ui-button-icons-only .ui-button-icon-primary.fa {
    left: 0.5em;
}

/* buttonset */
.ui-buttonset .ui-button.ui-state-default {
    background:   #ccc;
    border-color: #aaa;
    color: #666;
}
.ui-buttonset .ui-button.ui-state-active {
    background: #4d78dc;
    border-color: #4d78dc;
    color: #fff;
}

/* datepicker */
.ui-datepicker-calendar .ui-state-default {
    background: none;
    border:     none;
    color:      inherit;
}
.ui-datepicker-calendar .ui-state-hover {
    background: #ccc;
}
.ui-datepicker-calendar .ui-state-highlight {
    border: 1px solid #ccc;
}
.ui-datepicker-calendar .ui-state-active {
    background: #4d78dc;
    color: #fff;
}
.ui-datepicker td a {
    text-align: center;
}

/* datetimepicker and durationpicker */
.ui-timepicker-div {
    border-top:  1px solid #949494;
    padding-top: 5px;
}
.ui-timepicker-div dl dd {
    margin-bottom: 5px !important;
}
.ui-timepicker-select {
    width: 5em;
}
.ui-durationpicker .ui-timepicker-div {
    padding-top: 0;
    border-top:  0;
}
.ui-durationpicker .ui-timepicker-div .ui-datepicker-title {
    margin: 0;
}

/* spinner */
.ui-spinner {
    border: none;
}
.ui-spinner-input {
    margin: 0;
    padding-right: 20px;
}