.ui-front {
    z-index: 100;
}

/*silver theme*/

.ui-accordion .ui-accordion-li-fix {
    display: inline;
}
.ui-accordion .ui-accordion-header {
    margin-bottom: 0px;
    height: auto;
    box-shadow: none;
}
/*silver theme*/
.ui-accordion .ui-accordion-header-active {
    border-bottom: 0 !important;
}
/*silver theme*/
.ui-accordion .ui-accordion-content-active {
    display: block;
}

.ui-accordion .ui-accordion-content {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 2px;
}

/*silver theme*/

/*states*/




.ui-button.ui-state-focus { /*silver theme*/
    outline: none;
    /*color: #1c4257;*/
    /*border-color: #7096ab;*/
    /*background: #ededed url(../images/bg_fallback.png) 0 -50px repeat-x; !* Old browsers *!*/
    /*background: -moz-linear-gradient(top, #b9e0f5 0%, #92bdd6 100%); !* FF3.6+ *!*/
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9e0f5), color-stop(100%,#92bdd6)); !* Chrome,Safari4+ *!*/
    /*background: -webkit-linear-gradient(top, #b9e0f5 0%,#92bdd6 100%); !* Chrome10+,Safari5.1+ *!*/
    /*background: -o-linear-gradient(top, #b9e0f5 0%,#92bdd6 100%); !* Opera11.10+ *!*/
    /*background: -ms-linear-gradient(top, #b9e0f5 0%,#92bdd6 100%); !* IE10+ *!*/
    /*background: linear-gradient(top, #b9e0f5 0%,#92bdd6 100%); !* W3C *!*/
    /*-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset;*/
    /*-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset;*/
    /*box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255,255,255,0.8) inset;*/
}

/* fix webkits handling of the box model */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input.ui-button {
        height: 31px !important;
    }
}

.ui-buttonset .ui-button.ui-state-active {
    background-color: #E7E7E7;
}

.ui-datepicker .ui-datepicker-prev-hover span {
    background-position: 0px -48px !important;
}

/*silver theme*/
.ui-datepicker .ui-datepicker-next-hover span {
    background-position: -16px -48px !important;
}

/*silver theme*/
.ui-datepicker table .ui-state-highlight {
    border-color: #5F83B9;
}

.fc .ui-state-highlight {
    background-color: #e7f8ff;
}

/*silver theme*/
.ui-datepicker table .ui-state-hover /*silver theme*/
{
    background: #5F83B9;
    color: #FFF;
    font-weight: bold;
    text-shadow: 0 1px 1px #234386;
    -webkit-box-shadow: 0 0px 0 rgba(255, 255, 255, 0.6) inset;
    -moz-box-shadow: 0 0px 0 rgba(255, 255, 255, 0.6) inset;
    box-shadow: 0 0px 0 rgba(255, 255, 255, 0.6) inset;
    border-color: #5F83B9;
}

.ui-datepicker-calendar .ui-state-default /*silver theme*/
{
    background: transparent;
    border-color: #FFF;
}

.ui-datepicker-calendar .ui-state-active /*silver theme*/

{
    background: #5F83B9;
    border-color: #5F83B9;
    color: #FFF;
    font-weight: bold;
    text-shadow: 0 1px 1px #234386;
}

.ui-slider .ui-state-hover, .ui-slider .ui-state-active {
    background-position: 0 0;
}

/*silver theme*/

.ui-widget :active {
    outline: none;
}

/*silver theme*/

/* Extra Input Field Styling */
.ui-form textarea, .ui-form input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]) { /*silver theme*/
    padding: 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #cecece;
    outline: none;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.ui-form textarea:hover, .ui-form input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):hover { /*silver theme*/
    border: 1px solid #bdbdbd;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
}

.ui-form textarea:focus, .ui-form input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):focus { /*silver theme*/
    border: 1px solid #95bdd4;
    -webkit-box-shadow: 0 2px 3px rgba(161, 202, 226, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: 0 2px 3px rgba(161, 202, 226, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: 0 2px 3px rgba(161, 202, 226, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
}


/* HACK for 'Extra' tab on left issues panel */
/*#actionPanel.ui-tabs .ui-tabs-nav li:last-child {*/
/*    display: inline-block;*/
/*    width: 1%;*/
/*    margin-left: -10px;*/
/*}*/
.ui-tabs .ui-tabs-nav {
    background-color: #F4F5F7;
    height: 35px;
}

/*  ================================================================================
        JQUERY UI OVERRIDES
  ================================================================================ */


/*  ActivityTimeline styles */

.issue {
    border-radius: 4px;
}

.issueAccordionTitle{
    padding-top: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-bottom: 5px;
}

.dialog{
    padding-right: 5px;
}

#issuesAccordion, #subIssuesAccordion {
    margin-bottom: 10px
}

.timelineTable .ui-widget-header {
    line-height: 20px;
    background-color: #FFFFFF;
    color: #3E4D67;

    font-size: 13px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;

    border: none;
    box-shadow: none;
}

.fc-event {
    border-radius: 4px;
}

/* Default color for issue - blue  */
.jiraEvent {
    background-color: #E0EBFD;
}
/* Default color for event - green  */
.customEvent {
    background-color: #D5F6E8;
}

/* IssuePart color styles  */
.event-color_Blue .issue.customEvent.issue_part, .event-color_Blue.customEvent.issue_part,
.event-color_None .issue.customEvent.issue_part, .event-color_None.customEvent.issue_part {
    background-size: 30px 30px;
    /*background-color: #E0F0F9;*/

    background: repeating-linear-gradient(
            45deg,
            #E0EBFD,
            #E0EBFD 10px,
            #D9E4F5 10px,
            #D9E4F5 20px
    );
}
.dashboard .event-color_Blue .issue.customEvent.issue_part,
.dashboard .event-color_None .issue.customEvent.issue_part {
    background: transparent;
}

.event-color_Green .issue.customEvent.issue_part, .event-color_Green.customEvent.issue_part {
    background-size: 30px 30px;
    background: repeating-linear-gradient(
            45deg,
            #D5F6E8,
            #D5F6E8 10px,
            #CEEFE1 10px,
            #CEEFE1 20px
    );
}
.dashboard .event-color_Green .issue.customEvent.issue_part {
    background: transparent;
}

.event-color_Red .issue.customEvent.issue_part, .event-color_Red.customEvent.issue_part {
    background-size: 30px 30px;
    background: repeating-linear-gradient(
            45deg,
            #fabcbf,
            #fabcbf 10px,
            #F2B6B9 10px,
            #F2B6B9 20px
    );
}
.dashboard .event-color_Red .issue.customEvent.issue_part {
    background: transparent;
}

.event-color_Yellow .issue.customEvent.issue_part, .event-color_Yellow.customEvent.issue_part {
    background-size: 30px 30px;
    background: repeating-linear-gradient(
            45deg,
            #FFF7B9,
            #FFF7B9 10px,
            #F7EFB3 10px,
            #F7EFB3 20px
    );
}
.dashboard .event-color_Yellow .issue.customEvent.issue_part {
    background: transparent;
}

.event-color_Orange .issue.customEvent.issue_part, .event-color_Orange.customEvent.issue_part {
    background-size: 30px 30px;
    background: repeating-linear-gradient(
            45deg,
            #FAE0CE,
            #FAE0CE 10px,
            #F2D9C8 10px,
            #F2D9C8 20px
    );
}
.dashboard .event-color_Orange .issue.customEvent.issue_part {
    background: transparent;
}

.event-color_Purple .issue.customEvent.issue_part, .event-color_Purple.customEvent.issue_part {
    background-size: 30px 30px;
    background: repeating-linear-gradient(
            45deg,
            #E7E4FF,
            #E7E4FF 10px,
            #E0DDF7 10px,
            #E0DDF7 20px
    );
}
.dashboard .event-color_Purple .issue.customEvent.issue_part {
    background: transparent;
}


.event-color_Violet .issue.customEvent.issue_part, .event-color_Violet.customEvent.issue_part {
    background-size: 30px 30px;
    background: repeating-linear-gradient(
            45deg,
            #eec5fa,
            #eec5fa 10px,
            #E7BFF2 10px,
            #E7BFF2 20px
    );
}
.dashboard .event-color_Violet .issue.customEvent.issue_part {
    background: transparent;
}

.event-color_Livid .issue.customEvent.issue_part, .event-color_Livid.customEvent.issue_part {
    background-size: 30px 30px;
    background: repeating-linear-gradient(
            45deg,
            #C0DFFF,
            #C0DFFF 10px,
            #BAD8F7 10px,
            #BAD8F7 20px
    );
}
.dashboard .event-color_Livid .issue.customEvent.issue_part {
    background: transparent;
}

.event-color_Olive .issue.customEvent.issue_part, .event-color_Olive.customEvent.issue_part {
    background-size: 30px 30px;
    background: repeating-linear-gradient(
            45deg,
            #E4F4D3,
            #E4F4D3 10px,
            #DDEFCB 10px,
            #DDEFCB 20px
    );
}
.dashboard .event-color_Olive .issue.customEvent.issue_part {
    background: transparent;
}

.event-color_Teal .issue.customEvent.issue_part, .event-color_Teal.customEvent.issue_part {
    background-size: 30px 30px;
    background: repeating-linear-gradient(
            45deg,
            #ACE7CE,
            #ACE7CE 10px,
            #A7E0C8 10px,
            #A7E0C8 20px
    );
}
.dashboard .event-color_Teal .issue.customEvent.issue_part {
    background: transparent;
}

.event-color_Silver .issue.customEvent.issue_part, .event-color_Silver.customEvent.issue_part {
    background-size: 30px 30px;
    background: repeating-linear-gradient(
            45deg,
            #F2EEE4,
            #F2EEE4 10px,
            #EBE7DD 10px,
            #EBE7DD 20px
    );
}
.dashboard .event-color_Silver .issue.customEvent.issue_part {
    background: transparent;
}

.event-color_Gray .issue.customEvent.issue_part, .event-color_Gray.customEvent.issue_part {
    background-size: 30px 30px;
    background: repeating-linear-gradient(
            45deg,
            #E4E6EB,
            #E4E6EB 10px,
            #DDDDE4 10px,
            #DDDDE4 20px
    );
}
.dashboard .event-color_Gray .issue.customEvent.issue_part {
    background: transparent;
}

.custom-tip .event-color_None {
    background-color: rgba(76, 85, 56, 0.95);
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}

.custom-tip{
    text-overflow: clip;
    white-space: nowrap;
    color: #3E4D67;

    font-size: 13px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
}

.issueColorBlock{
    display: block;
    position: absolute;
    bottom: 12px;
    right: 50px;
}

/* Custom Event color styles  */
.event-color_None {

}

.event-color_Blue, .event-color_Blue .issue.customEvent, .milestoneItem.event-color_Blue, .event-color_Blue .issue.jiraEvent {
    background-color: #E0EBFD;
}

.event-color_Green, .event-color_Green .issue.customEvent, .milestoneItem.event-color_Green, .event-color_Green .issue.jiraEvent {
    background-color: #D5F6E8 /*#D8FCF0*/;
}

.event-color_Yellow, .event-color_Yellow .issue.customEvent, .milestoneItem.event-color_Yellow, .event-color_Yellow .issue.jiraEvent, .fc-event.jiraEvent.event-color_Yellow {
    background-color: #FFF7B9  /*#FFF6A8*/ /*FFFF6E*/;
}

.event-color_Orange, .event-color_Orange .issue.customEvent, .milestoneItem.event-color_Orange, .event-color_Orange .issue.jiraEvent, .fc-event.jiraEvent.event-color_Orange {
    background-color: #FAE0CE /*FFD07A*/;
}

.event-color_Purple, .event-color_Purple .issue.customEvent, .milestoneItem.event-color_Purple, .event-color_Purple .issue.jiraEvent, .fc-event.jiraEvent.event-color_Purple {
    background-color: #E7E4FF;
}

.event-color_Red, .event-color_Red .issue.customEvent, .milestoneItem.event-color_Red, .event-color_Red .issue.jiraEvent, .fc-event.jiraEvent.event-color_Red {
    background-color: #fabcbf /*#ffbbbb*/ /*FFB0B0*/;
}

.event-color_Violet, .event-color_Violet .issue.customEvent, .milestoneItem.event-color_Violet, .event-color_Violet .issue.jiraEvent, .fc-event.jiraEvent.event-color_Violet {
    background-color: #eec5fa;
}

.event-color_Livid, .event-color_Livid .issue.customEvent, .milestoneItem.event-color_Livid, .event-color_Livid .issue.jiraEvent, .fc-event.jiraEvent.event-color_Livid {
    background-color: #C0DFFF /*FFB0B0*/;
}

.event-color_Olive, .event-color_Olive .issue.customEvent, .milestoneItem.event-color_Olive, .event-color_Olive .issue.jiraEvent, .fc-event.jiraEvent.event-color_Olive {
    background-color: #E4F4D3 /*FFB0B0*/;
}

.event-color_Teal, .event-color_Teal .issue.customEvent, .milestoneItem.event-color_Teal, .event-color_Teal .issue.jiraEvent, .fc-event.jiraEvent.event-color_Teal {
    background-color: #ACE7CE /*FFB0B0*/;
}

.event-color_Silver, .event-color_Silver .issue.customEvent, .milestoneItem.event-color_Silver, .event-color_Silver .issue.jiraEvent, .fc-event.jiraEvent.event-color_Silver {
    background-color: #F2EEE4 /*#F4EEDF*/ /*FFB0B0*/;
}

.event-color_Gray, .event-color_Gray .issue.customEvent, .milestoneItem.event-color_Gray, .event-color_Gray .issue.jiraEvent, .fc-event.jiraEvent.event-color_Gray {
    background-color: #E4E6EB /*FFB0B0*/;
}


.milestoneItem, .milestonesPanel .customEvent {
    background-color: transparent; /*#e3e4f5;*/
    background-image: none;
    cursor: pointer;
}

.underEstimated {

    background-color: #FFC8BD;

}

.filerByMe:hover, .inlineAction:hover {
    /*border-bottom: 1px #6ba1ff solid;*/
    color: #6ba1ff;
    text-decoration: underline;
}

.issueTime {
    background-color: #f7f7f7;
    background-color: rgba(255, 255, 255, 0.7);
}

.issues .issuesCount {
    margin-top: 0;
}

.fc .fc-event, .fc .fc-event-skin {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.fc .ui-resizable-handle {
    background: url("../resize-handle-hor.gif") repeat-y;
    font-size: 100%; /* for IE9 Quirks mode */
}

/* Do not allow to resize worklog record in Legacy Server mode,
   Allow to resize worklogs (clone) in Connect, Native Server/DC modes: */
.fc-event.worklogHtml:hover .ui-resizable-handle {
    display:none !important;
}

.fc-event-hori .ui-resizable-w {
    background-position: 3px 1px;
}

.fc-event-hori .ui-resizable-e {
    background-position: 2px 1px;
}

.fc-event-skin {
    border-right-color: #6ba1ff;
    border-left-color: #6ba1ff;
}

.fc-weekend-cell {
    /* bug: hides cell borders in IE7,8,9
    opacity: .35; filter: alpha(opacity=35);  */
    background: #F9FAFB none !important;
}

td.fc-mon, td.fc-tue, td.fc-wed, td.fc-thu, td.fc-fri, td.fc-sat, td.fc-sun {
    border-bottom:1px solid #e7e7e7;;
}

.fc-day-cell{
    border: none;
    box-shadow: none;
}
.ui-draggable .ui-dialog-titlebar {
    /* set background color for dialog headers */
    background-color: #F1FCF9;
}
.ui-dialog .ui-dialog-title {
    color: #3d3d3d;
}

/* fix for dialog close icon */
.ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-active, .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover {
    background: url("../icon_sprite.png") -16px -16px no-repeat;
}

.ui-dialog-titlebar .ui-dialog-titlebar-close {
    background: url("../icon_sprite.png") 0 -16px no-repeat;
}

.ui-widget-content {
    color: #797979;
    font-size: 14px;
}
.ui-datepicker .ui-widget-content {
    background-color: lightgray;
}

.ui-multiselect-header span.ui-icon {
    margin-right: 5px;
    margin-top: 3px;
}
.ui-slider .ui-slider-range {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #EAEDF0;
    border-radius: 8px;
}
.ui-slider {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #a3cae0;
}
.ui-slider .ui-slider-handle {
    cursor: pointer;
    background: url(../hours-slider-handle.svg) 0 no-repeat;
    background-color: transparent !important;
    width: 28px;
}

/* date/time picker style updates: */
.ui_tpicker_hour_slider .ui-timepicker-select   {
    width: 60px;
    margin-left: -20px;
}
.ui_tpicker_minute_slider .ui-timepicker-select {
    width: 40px;
}
.ui-timepicker-div dl dt {
    margin-top: -5px;
}
.ui-timepicker-div dl dt:first-child {
    margin-top: 0;
}