/* roboto-regular - latin */
@font-face {
    font-family:'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular')
}


/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Verdana, "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
    /*font-size: 8pt;*/
    color: dodgerblue;
}
.ui-widget .ui-widget {
    /*font-size: 8pt;*/
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 8pt;
    color: dodgerblue;
}
.ui-widget button {
    color: white;
}
.ui-widget textarea {
    font-size: 10pt;
}


.ui-widget-content {
    border: 1px solid #D5D5D5;
    /*background: #ffffff;*/
    color: #aaa;
}

.ui-widget-content a {
    color: dodgerblue;
}
.ui-widget-header {
    border: 1px solid #ffffff;
    color: white;
    background-color: dodgerblue;

    background: #1E90FF 0 0 repeat-x;  /* Old browsers dodgerblue  */
    background: -moz-linear-gradient(top, #f6f7f9 0%, #ebedf0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f7f9), color-stop(100%,#ebedf0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f6f7f9 0%,#ebedf0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f6f7f9 0%,#ebedf0 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #f6f7f9 0%,#ebedf0 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f6f7f9 0%,#ebedf0 100%); /* W3C */
}
.ui-widget-header a { color: dodgerblue; }



.ui-grid-col-1, .ui-grid-col-2, .ui-grid-col-2_5, .ui-grid-col-3, .ui-grid-col-4, .ui-grid-col-5, .ui-grid-col-6, .ui-grid-col-7, .ui-grid-col-8, .ui-grid-col-9, .ui-grid-col-10, .ui-grid-col-11, .ui-grid-col-12 {
    float: left;
    box-sizing: border-box;
    padding: 2pt;
    padding-bottom: 2pt;
    vertical-align: bottom;
    padding-right: .5em;
}



/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    /*background: #e4f6f6;*/
    /*font-weight: normal;*/
    color: dodgerblue;
    /*border: 1pt solid dodgerblue;*/
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #555555; text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    /*border: 1pt solid dodgerblue;*/
    background: #fff;
    color: dodgerblue;
    /*border-radius: 4px;*/
}
.ui-state-hover a, .ui-state-hover a:hover {
    color: #fff;
    border: 1pt solid dodgerblue;
    text-decoration: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #d6d6d6;
    font-weight: normal;
    color: dodgerblue;
    border: 0px solid #ffffff;
    /*border-radius: 4pt;*/
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: dodgerblue;
    text-decoration: none;
}
.ui-widget :active {
    outline: none;







}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #156090; background: #186ba0; color: #FFFFFF; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #f44336; background: #f5554a; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .40; filter:Alpha(Opacity=40); background-image: none; }

/* Icons
----------------------------------*/

/* states and images
.ui-icon { width: 16px; height: 16px; background-image: url("images/ui-icons_222222_256x240.png"); }
.ui-widget-content .ui-icon {background-image: url("images/ui-icons_222222_256x240.png"); }
.ui-widget-header .ui-icon {background-image: url("images/ui-icons_222222_256x240.png"); }
.ui-state-default .ui-icon { background-image: url("images/ui-icons_454545_256x240.png"); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url("images/ui-icons_454545_256x240.png"); }
.ui-state-active .ui-icon {background-image: url("images/ui-icons_454545_256x240.png"); }
.ui-state-highlight .ui-icon {background-image: url("images/ui-icons_ffffff_256x240.png"); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url("images/ui-icons_cd0a0a_256x240.png"); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e {background-position: -48px -192px;}
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -khtml-border-top-left-radius: 3px; border-top-left-radius: 3px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -khtml-border-top-right-radius: 3px; border-top-right-radius: 3px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -khtml-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; -khtml-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }

/* Overlays */
.ui-widget-overlay { background: #1f2226; opacity: .60; filter:Alpha(Opacity=60); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #1f2226; opacity: .60; filter:Alpha(Opacity=60); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
* jQuery UI Resizable 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Resizable#theming
*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
* jQuery UI Selectable 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Selectable#theming
*/
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
* jQuery UI Accordion 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Accordion#theming
*/
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; font-weight: bold; }
.ui-accordion .ui-accordion-header {
    background: #f6f7f9;
    border-top: 1px solid #d9d9d9;
}

.ui-accordion .ui-accordion-header.ui-state-hover {
    background: #ededf0;
}

.ui-accordion .ui-accordion-header.ui-state-active {
    background: #ffffff;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.ui-accordion .ui-accordion-content.ui-widget-content {
    border: 0 none;
}

/* Tabview */
.ui-tabview.ui-widget-content {
    border:0px none;
}

.ui-tabview:not(.ui-ribbon) .ui-tabview-nav {
    background: transparent;
}

.ui-tabview .ui-tabview-nav > li.ui-state-default {
    background: #f6f7f9;
}

.ui-tabview .ui-tabview-nav > li.ui-state-default.ui-state-hover {
    background: #ededf0;
}

.ui-tabview .ui-tabview-nav > li.ui-state-default.ui-state-active {
    background: #ffffff;
    font-weight: normal;
    color: #555555;
}

/*
* jQuery UI Button 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Button#theming
*/
.ui-button .ui-icon {background-image: url("images/ui-icons_ffffff_256x240.png");}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    border: 0;
    padding-right: 0pt;
    zoom: 1;
}

/*
* jQuery UI Slider 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Slider#theming
*/
.ui-slider { position: relative; text-align: left; background: #838688; border: none; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset; box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;}
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 17px !important; height: 21px  !important; cursor: default; background: url("images/slider_handles.png") 0 0 no-repeat; outline: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background: #14a4ff; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset; box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.ui-slider .ui-slider-handle.ui-state-active { background-position: -17px 0; }

.ui-slider-horizontal { height: 6px; }
.ui-slider-horizontal .ui-slider-handle { top: -3px !important; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.2em !important; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }



.ui-progressbar .ui-progressbar-value {
    border: 1px solid #3f94e9;
    background: #8ec5fc;
}

.ui-progressbar .ui-progressbar-label {
    color: #222222;
}

.ui-button {
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
}
.ui-button, button.ui-button.ui-state-default, .ui-button.ui-state-default {
    border: 1pt solid #ffffff;
    color: white;
    background: #6fa3ec;
    margin-right: 3pt;
    height: 2.4em;
    border-radius: 5pt;
    /*padding-top: .6em;*/
    font-size: 11pt;
    width: auto;
}



@media (max-width: 599px) {

    .ui-button, button.ui-button.ui-state-default, .ui-button.ui-state-default {
        border: 1pt solid #ffffff;
        color: rgb(255, 255, 255);
        background: dodgerblue;
        margin-right: 2pt;
        /*height: 2em;*/
        border-radius: 5pt;
        padding-right: .5em;
        font-size: 7pt;
        width: auto;
    }
}


.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin: 0em;
    padding: 0em;
    padding-top: .3em;
}

.ui-autocomplete-panel .ui-autocomplete-list-item {
    border: 0 none;
    cursor: pointer;
    font-weight: normal;
    margin: 1px 0;
    padding: 0.186em 0.313em;
    text-align: left;
    font-size: 9pt;
}

.ui-autocomplete-dd input.ui-corner-all {
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;

    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
}


button.ui-button.ui-state-hover, .ui-button.ui-state-hover,
button.ui-button.ui-state-focus, .ui-button.ui-state-focus {
    border: 1px solid white;
    background: #1f89ce;
    outline: 0 none;
}

button.ui-button.ui-state-active, .ui-button.ui-state-active {
    border: 1px solid #ffffff;
    background: #186ba0;
}

/* Checkbox and Radio */
.ui-chkbox-box.ui-state-active,
.ui-radiobutton-box.ui-state-active {
    border: 1px solid #156090;
    background: #186ba0;
    color: #FFFFFF;
}

.ui-chkbox-box.ui-state-focus,
.ui-radiobutton-box.ui-state-focus  {
    -moz-box-shadow: 0px 0px 5px #1f89ce;
    -webkit-box-shadow: 0px 0px 5px #1f89ce;
    box-shadow: 0px 0px 5px #1f89ce;
}

.ui-chkbox-box.ui-state-focus.ui-state-active {
    background: #186ba0;
}

/* Inputs */
.ui-widget-content .ui-inputtext, .ui-widget-header .ui-inputtext {
    background: #f5f5f5;
    color: dodgerblue;
    padding: .5em;
}

.ui-inputtext.ui-state-focus, .ui-widget-content .ui-inputtext.ui-state-focus, .ui-widget-header .ui-inputtext.ui-state-focus {
    -moz-box-shadow: 0px 0px 5px #1f89ce;
    -webkit-box-shadow: 0px 0px 5px #1f89ce;
    box-shadow: 0px 0px 5px #1f89ce;
}


/* InputSwitch */
.ui-inputswitch-on {
    background: #186ba0 !important;
    color: #ffffff !important;
}

.ui-paginator .ui-paginator-page.ui-state-active {
    background: dodgerblue;
    color: white;
    padding-left: 8pt;
    padding-right: 8pt;
    font-weight: bold;
    radius: 8pt;
    padding-top: 4pt;
    padding-bottom: 4pt;
}

/* DataTable  */
.ui-datatable th.ui-state-default{
    /*background: #ebedf0;*/
    border-color: #ffffff;
    padding-left: 5pt;
    padding-right: 5pt;
}
.ui-datatable th.ui-state-hover{
    background: #d3d5d8;
    border-color: #ffffff;
    /*padding-left: 5pt;*/
    /*padding-right: 5pt;*/
}
.ui-datatable th.ui-state-active{
    background: #e4d0b0;
    color: #ffffff;
    padding-left: 5pt;
    padding-right: 5pt;
}

.ui-datatable-rowordering.ui-state-active {
    background: #14a4ff none repeat scroll 0 0;
}

/*.ui-datatable tbody > tr.ui-widget-content {
border-color: #ffffff;
}*/

.ui-widget-content {
    border-color: #ffffff;
}

.ui-datatable tbody {
    border-color: #ffffff;
}


/*@media (max-width: 640px) {*/
.ui-grid-responsive .ui-grid-row {
    display: flex;
}
/*}*/

.ui-widget-header {}

    .ui-datatable .ui-datatable-footer {
        border: 1pt solid white;
        border-top: 0pt;
        padding: .2em .2em;
    }

    .ui-datatable-header {
        color: white;
        background: #14a4ff;
        font-family: Verdana, Arial, sans-serif;
        font-weight: bold;
        font-size: 12pt;
        padding: 4pt;
        height: 2.2em;
        border: 1pt solid white;
        border-bottom: 2pt solid white;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .ui-datatable-footer {
        color: white;
        background: #14a4ff;
        font-family: Verdana, Arial, sans-serif;
        font-weight: normal;
        font-size: 10pt;
        /*height: 1.4em;*/
        border: 1pt solid white;
        border-top: 0pt;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 7px;
        border-bottom-left-radius: 7px;
    }

    .ui-column-title {
        display: none;
    }
    .ui-cell-data {
        font-size: 14pt;
        color: dodgerblue;
        width: auto;
        height: 3em;
    }


    .ui-datatable-even, .ui-datatable-odd {
        border: 1pt solid white;
        height: 2em;
        font-weight: bold;
    }

    .ui-datatable-even {
        background: rgba(162, 194, 239, 0.5);
        border-bottom: 2pt solid white;
    }
    .ui-datatable-odd {
        background: rgba(209, 225, 247, 0.47);
        border-bottom: 2pt solid white;
    }

    /* Panel */
    .ui-panel.ui-widget {
        padding: 0;
    }

    .ui-panel.ui-widget .ui-panel-titlebar.ui-corner-all {
        -moz-border-radius-bottom-left: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -khtml-border-bottom-left-radius: 0px;
        border-bottom-left-radius: 0px;
        -moz-border-radius-bottom-right: 0px;
        -webkit-border-bottom-right-radius: 0px;
        -khtml-border-bottom-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .ui-panel.ui-widget .ui-panel-titlebar {
        border-width: 0 0 1px 0;
    }

    .ui-panel.ui-widget .ui-panel-titlebar-icon span {
        position: relative;
        top: 1px;
    }

    /* TreeTable */
    .ui-treetable th.ui-state-default{
        background: #ebedf0;
        border-color: #fff;
    }
    .ui-treetable th.ui-state-hover{
        background: #d3d5d8;
        border-color: #fff;
    }
    .ui-treetable th.ui-state-active{
        background: #186ba0;
        color: #ffffff;
    }

    /* Inputs */
    .ui-inputtext {
        /*background: #fff;*/
        color: dodgerblue;
        padding: .5em;

        -webkit-transition: .2s;
        -moz-transition: .2s;
        -o-transition: .2s;
        transition: .2s;
    }

    /* ButtonSet */
    .ui-togglebutton.ui-button.ui-state-default,
    .ui-selectbutton .ui-button.ui-state-default {
        border: 1px solid #d6d6d6;
        background: #ffffff;
        font-weight: normal;
        color: #555555;
    }

    .ui-togglebutton.ui-button.ui-state-hover,.ui-togglebutton.ui-button.ui-state-focus,
    .ui-selectbutton .ui-button.ui-state-hover,.ui-selectbutton .ui-button.ui-state-focus {
        /*border: 1px solid #c0c0c0;*/
        background: #eeeeee;
        /*font-weight: normal;*/
        color: #212121;
    }

    .ui-togglebutton.ui-button.ui-state-focus {
        -moz-box-shadow: 0px 0px 5px #1f89ce;
        -webkit-box-shadow: 0px 0px 5px #1f89ce;
        box-shadow: 0px 0px 5px #1f89ce;
        background: #ffffff;
    }

    .ui-togglebutton.ui-button.ui-state-active,
    .ui-selectbutton .ui-button.ui-state-active {
        border: 1px solid #156090;
        background: #186ba0;
        color: #FFFFFF;
    }

    /* SelectOneMenu */
    .ui-dropdown .ui-dropdown-trigger,
    .ui-multiselect .ui-multiselect-trigger {
        border-color: #ffffff;
    }

    .ui-multiselect .ui-multiselect-label.ui-state-hover {
        background-color: #ffffff;
    }

    .ui-dropdown.ui-state-focus, .ui-multiselect.ui-state-focus {
        -moz-box-shadow: 0px 0px 5px #1f89ce;
        -webkit-box-shadow: 0px 0px 5px #1f89ce;
        box-shadow: 0px 0px 5px #1f89ce;
    }

    /* Growl */
    .ui-growl-item-container.ui-state-highlight.ui-growl-message-info {
        background-color: #2196f3;
        border-color :#2196f3;
    }

    .ui-growl-item-container.ui-state-highlight.ui-growl-message-error {
        background-color: #f44336;
        border-color :#f44336;
    }

    .ui-growl-item-container.ui-state-highlight.ui-growl-message-warn {
        background-color: #FFB300;
        border-color :#FFB300;
    }

    .ui-growl-item-container.ui-state-highlight.ui-growl-message-success {
        background-color: #4CAF50;
        border-color :#4CAF50;
    }

    /* TabMenu */
    .ui-tabmenu {
        border: 0 none;
    }

    .ui-tabmenu .ui-tabmenu-nav {
        background: none;
    }

    .ui-tabmenu .ui-tabmenu-nav > li.ui-state-default {
        background: #f6f7f9;
    }

    .ui-tabmenu .ui-tabmenu-nav > li.ui-state-default.ui-state-hover {
        background: #ededf0;
    }

    .ui-tabmenu .ui-tabmenu-nav > li.ui-state-default.ui-state-active {
        background: #ffffff;
        font-weight: normal;
        color: #555555;
    }

    /* Menus */
    .ui-menu,
    .ui-menu .ui-menu-child {
        border: 1px solid #d9d9d9;
        color: #1b1d1f;
        background: #f6f7f9 0 0 repeat-x;  /* Old browsers */
        background: -moz-linear-gradient(top, #f6f7f9 0%, #ebedf0 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f7f9), color-stop(100%,#ebedf0)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f6f7f9 0%,#ebedf0 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f6f7f9 0%,#ebedf0 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #f6f7f9 0%,#ebedf0 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f6f7f9 0%,#ebedf0 100%); /* W3C */
    }

    .ui-menu a.ui-state-hover {
        background-color: #a6a6a6;
        color: #ffffff;
    }

    /* PanelMenu */
    .ui-panelmenu .ui-panelmenu-header.ui-state-active,
    .ui-panelmenu .ui-panelmenu-header.ui-state-active a {
        border-color: #156090;
        background: #186ba0;
        color: #FFFFFF;
    }

    /* DatePicker */
    .ui-datepicker.ui-widget {
        padding: 0;
    }

    .ui-datepicker.ui-widget .ui-datepicker-header {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        border-top: 0 none;
        border-left: 0 none;
        border-right: 0 none;
    }

    .ui-datepicker.ui-widget table {
        margin: 0;
    }

    .ui-datepicker.ui-widget .ui-datepicker-calendar td {
        border-bottom: 1px solid rgba(213, 213, 213, 0.5);
        padding: 0;
    }

    .ui-datepicker.ui-widget .ui-datepicker-calendar tr:last-child td {
        border-bottom: 0 none;
    }

    .ui-datepicker.ui-widget .ui-datepicker-calendar thead th {
        background-color: #f6f8fa;
        padding: 8px;
    }

    .ui-datepicker.ui-widget .ui-datepicker-calendar td a {
        border: 0 none;
        text-align: center;
        padding: 8px;
    }

    .ui-datepicker.ui-widget .ui-datepicker-calendar td a.ui-state-highlight {
        background-color: #d6d6d6;
        color: #212121;
    }

    .ui-datepicker.ui-widget .ui-datepicker-calendar td a.ui-state-active {
        background-color: #186ba0;
        color: #ffffff;
    }


    .ui-datepicker.ui-widget .ui-timepicker {
        border-bottom: 0 none;
        border-left: 0 none;
        border-right: 0 none;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .ui-datepicker-timeonly .ui-timepicker {
        border-top: 0 none;
    }

    /* Steps */
    .ui-steps .ui-steps-item.ui-state-highlight .ui-menuitem-link {
        color: #ffffff;
    }

    /* Dialog */
    .ui-dialog.ui-widget .ui-dialog-titlebar {
        /*padding: .2em 1em .4em 1em;*/
        border-radius: 0px;
        margin-top: 0pt;
        /*background: dodgerblue;*/
    }

    .ui-dialog-titlebar {
        font-size: 12pt;
        font-weight: bold;
        color: white;
        background: dodgerblue;
    }

    .ui-dialog.ui-widget .ui-dialog-content {
        padding: 0em;
        padding-top: .2em;
    }



    /* Validation */
    .ui-inputtext.ng-dirty.ng-invalid,
    p-dropdown.ng-dirty.ng-invalid > .ui-dropdown,
    p-autocomplete.ng-dirty.ng-invalid > .ui-autocomplete > .ui-inputtext,
    p-calendar.ng-dirty.ng-invalid .ui-inputtext,
    p-inputmask.ng-dirty.ng-invalid > .ui-inputtext,
    p-checkbox.ng-dirty.ng-invalid .ui-chkbox-box,
    p-radiobutton.ng-dirty.ng-invalid .ui-radiobutton-box,
    p-inputswitch.ng-dirty.ng-invalid .ui-inputswitch,
    p-listbox.ng-dirty.ng-invalid .ui-inputtext,
    p-multiselect.ng-dirty.ng-invalid > .ui-multiselect,
    p-spinner.ng-dirty.ng-invalid > .ui-inputtext,
    p-selectbutton.ng-dirty.ng-invalid .ui-button,
    p-togglebutton.ng-dirty.ng-invalid .ui-button {
        border-bottom-color: #f44336;
    }


    .ui-datatable thead th,
    .ui-datatable tbody td,
    .ui-datatable tfoot td,
    .ui-datatable tfoot th{
        /* padding: 0em .5em 0em .5em; */
        padding-top: 4pt;
        padding-bottom: 4pt;
        overflow: hidden;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        display: none;
        float: right;
        padding: .125em;
        cursor: pointer;
        border: 0px solid white;
    }

    .ui-button-text-icon-left .ui-button-text {
        padding: 0.5em .5em .2em 2.6em;
        font-size: 10pt;
        margin-top: -.25em;
        white-space: nowrap;
        padding-right: 1em;
    }

    @media (max-width: 599px) {
        .ui-button-text-icon-left .ui-button-text {
            padding: .2em .5em .2em 2.6em;
            font-size: 8pt;
        }
    }


    .ui-button.ui-button-warning.ui-state-default {
        /*background-color: #f0ad4e;*/
        border-color: #ffffff;
        color: #ffffff;
        font-size: 10pt;
    }

    .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button {
        width: 1.8em;
        border: 2pt solid white;
        height: 2em;
        font-size: 9pt;
        padding-top: 0em;
        margin-top: 0pt;
        border-radius: 12px;
        padding-left: 1em;
        margin-left: .5em;
    }