/* Minification failed. Returning unminified contents.
(5515,2): run-time error CSS1030: Expected identifier, found ' '
(5515,2): run-time error CSS1019: Unexpected token, found ' '
(7137,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(7138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7147,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7167,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(7168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7177,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8435,216): run-time error CSS1019: Unexpected token, found '@keyframes'
(8435,237): run-time error CSS1035: Expected colon, found ','
(8435,301): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(8435,327): run-time error CSS1035: Expected colon, found ','
(8435,391): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8435,420): run-time error CSS1035: Expected colon, found ','
(8435,484): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(8435,509): run-time error CSS1035: Expected colon, found ','
 */
/*! jQuery UI - v1.8.24 - 2012-09-28
* https://github.com/jquery/jquery-ui
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.tabs.css, jquery.ui.theme.css
* Copyright (c) 2012 AUTHORS.txt; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    zoom: 1;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


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

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


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

/* Overlays */
.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* IE/Win - Fix animation bug - #4615 */
.ui-accordion {
    width: 100%;
}

    .ui-accordion .ui-accordion-header {
        cursor: pointer;
        position: relative;
        margin-top: 1px;
        zoom: 1;
        display: block;
        margin: 2px 0 0 0;
        padding: .7em;
        font-size: 100%;
        padding-left: 1.7em;
    }

    .ui-accordion .ui-accordion-li-fix {
        display: inline;
    }

    .ui-accordion .ui-accordion-header-active {
        border-bottom: 0 !important;
    }

    .ui-accordion .ui-accordion-header a {
        display: block;
        font-size: 1em;
        padding: .5em .5em .5em .7em;
    }

.ui-accordion-icons .ui-accordion-header a {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    zoom: 1;
    /*height:188px !important;*/
}

.ui-accordion .ui-accordion-content-active {
    display: block;
}

.ui-autocomplete {
    position: absolute;
    cursor: default;
}

/* workarounds */
* html .ui-autocomplete {
    width: 1px;
}
/* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.24
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Licensed under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left;
}

    .ui-menu .ui-menu {
        margin-top: -3px;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        zoom: 1;
        float: left;
        clear: left;
        width: 100%;
    }

        .ui-menu .ui-menu-item a {
            text-decoration: none;
            display: block;
            padding: .2em .4em;
            line-height: 1.5;
            zoom: 1;
        }

            .ui-menu .ui-menu-item a.ui-state-hover,
            .ui-menu .ui-menu-item a.ui-state-active {
                font-weight: normal;
                margin: -1px;
            }

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
}
/* the overflow property removes extra width in IE */
.ui-button-icon-only {
    width: 2.2em;
}
/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
    width: 2.4em;
}
/* button elements seem to need a little more width */
.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}

/*button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: 1.4;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: .4em 1em;
}

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.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: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

/*button sets*/
.ui-buttonset {
    margin-right: 7px;
}

    .ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: -.3em;
    }

/* workarounds */
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
/* reset extra padding in Firefox */

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month-year {
        width: 100%;
    }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 49%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0em;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group {
        float: right;
    }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

.ui-dialog {
    position: absolute;
    padding: .2em;
    width: 300px;
    overflow: hidden;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 16px .1em 0;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 19px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 18px;
    }

        .ui-dialog .ui-dialog-titlebar-close span {
            display: block;
            margin: 1px;
        }

        .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
            padding: 0;
        }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
        zoom: 1;
    }

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

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-se {
        width: 14px;
        height: 14px;
        right: 3px;
        bottom: 3px;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    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;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        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: -.3em;
        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-tabs {
    position: relative;
    padding: .2em;
    zoom: 1;
}
    /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 1px;
            margin: 0 .2em 1px 0;
            border-bottom: 0 !important;
            padding: 0;
            white-space: nowrap;
        }

            .ui-tabs .ui-tabs-nav li a {
                float: left;
                padding: .5em 1em;
                text-decoration: none;
            }

            .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
                margin-bottom: 0;
                padding-bottom: 1px;
            }

                .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
                    cursor: text;
                }

            .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
                cursor: pointer;
            }
    /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
    .ui-tabs .ui-tabs-panel {
        display: block;
        border-width: 0;
        padding: 1em 1.4em;
        background: none;
    }

    .ui-tabs .ui-tabs-hide {
        display: none !important;
    }

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Verdana,Arial,sans-serif /*{ffDefault}*/;
    font-size: 1.1em /*{fsDefault}*/;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: Verdana,Arial,sans-serif /*{ffDefault}*/;
        font-size: 1em;
    }

.ui-widget-content {
    border: 1px solid #aaaaaa /*{borderColorContent}*/;
    background: #ffffff /*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png) /*{bgImgUrlContent}*/ 50% /*{bgContentXPos}*/ 50% /*{bgContentYPos}*/ repeat-x /*{bgContentRepeat}*/;
    color: #222222 /*{fcContent}*/;
}

    .ui-widget-content a {
        color: #222222 /*{fcContent}*/;
    }

.ui-widget-header {
    border: 1px solid #aaaaaa /*{borderColorHeader}*/;
    background: #cccccc /*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) /*{bgImgUrlHeader}*/ 50% /*{bgHeaderXPos}*/ 50% /*{bgHeaderYPos}*/ repeat-x /*{bgHeaderRepeat}*/;
    color: #222222 /*{fcHeader}*/;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #222222 /*{fcHeader}*/;
    }

    /* Interaction states
----------------------------------*/
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 1px solid #d3d3d3 /*{borderColorDefault}*/;
        background: #e6e6e6 /*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png) /*{bgImgUrlDefault}*/ 50% /*{bgDefaultXPos}*/ 50% /*{bgDefaultYPos}*/ repeat-x /*{bgDefaultRepeat}*/;
        font-weight: normal /*{fwDefault}*/;
        color: #555555 /*{fcDefault}*/;
    }

        .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
            color: #555555 /*{fcDefault}*/;
            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: 1px solid #999999 /*{borderColorHover}*/;
        background: #dadada /*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png) /*{bgImgUrlHover}*/ 50% /*{bgHoverXPos}*/ 50% /*{bgHoverYPos}*/ repeat-x /*{bgHoverRepeat}*/;
        font-weight: normal /*{fwDefault}*/;
        color: #212121 /*{fcHover}*/;
    }

        .ui-state-hover a, .ui-state-hover a:hover {
            color: #212121 /*{fcHover}*/;
            text-decoration: none;
        }

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        border: 1px solid #0080c9;
        background: #0080c9;
        font-weight: normal;
        color: #ffffff;
    }

        .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
            color: #212121 /*{fcActive}*/;
            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 #fcefa1 /*{borderColorHighlight}*/;
    background: #fbf9ee /*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png) /*{bgImgUrlHighlight}*/ 50% /*{bgHighlightXPos}*/ 50% /*{bgHighlightYPos}*/ repeat-x /*{bgHighlightRepeat}*/;
    color: #363636 /*{fcHighlight}*/;
}

    .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
        color: #363636 /*{fcHighlight}*/;
    }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a /*{borderColorError}*/;
    background: #fef1ec /*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png) /*{bgImgUrlError}*/ 50% /*{bgErrorXPos}*/ 50% /*{bgErrorYPos}*/ repeat-x /*{bgErrorRepeat}*/;
    color: #cd0a0a /*{fcError}*/;
}

    .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
        color: #cd0a0a /*{fcError}*/;
    }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #cd0a0a /*{fcError}*/;
}

.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: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

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

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(themes/base/images/ui-icons_222222_256x240.png) /*{iconsContent}*/;
}

.ui-widget-content .ui-icon {
    background-image: url(themes/base/images/ui-icons_222222_256x240.png) /*{iconsContent}*/;
}

.ui-widget-header .ui-icon {
    background-image: url(themes/base/images/ui-icons_222222_256x240.png) /*{iconsHeader}*/;
}

.ui-state-default .ui-icon {
    background-image: url(themes/base/images/ui-icons_888888_256x240.png) /*{iconsDefault}*/;
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(themes/base/images/ui-icons_454545_256x240.png) /*{iconsHover}*/;
}

.ui-state-active .ui-icon {
    background-image: url(themes/base/images/ui-icons_454545_256x240.png) /*{iconsActive}*/;
}

.ui-state-highlight .ui-icon {
    background-image: url(themes/base/images/ui-icons_2e83ff_256x240.png) /*{iconsHighlight}*/;
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(themes/base/images/ui-icons_cd0a0a_256x240.png) /*{iconsError}*/;
}

/* 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: 4px /*{cornerRadius}*/;
    -webkit-border-top-left-radius: 4px /*{cornerRadius}*/;
    -khtml-border-top-left-radius: 4px /*{cornerRadius}*/;
    border-top-left-radius: 4px /*{cornerRadius}*/;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    -moz-border-radius-topright: 4px /*{cornerRadius}*/;
    -webkit-border-top-right-radius: 4px /*{cornerRadius}*/;
    -khtml-border-top-right-radius: 4px /*{cornerRadius}*/;
    border-top-right-radius: 4px /*{cornerRadius}*/;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 4px /*{cornerRadius}*/;
    -webkit-border-bottom-left-radius: 4px /*{cornerRadius}*/;
    -khtml-border-bottom-left-radius: 4px /*{cornerRadius}*/;
    border-bottom-left-radius: 4px /*{cornerRadius}*/;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 4px /*{cornerRadius}*/;
    -webkit-border-bottom-right-radius: 4px /*{cornerRadius}*/;
    -khtml-border-bottom-right-radius: 4px /*{cornerRadius}*/;
    border-bottom-right-radius: 4px /*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa /*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png) /*{bgImgUrlOverlay}*/ 50% /*{bgOverlayXPos}*/ 50% /*{bgOverlayYPos}*/ repeat-x /*{bgOverlayRepeat}*/;
    opacity: .3;
    filter: Alpha(Opacity=30) /*{opacityOverlay}*/;
}

.ui-widget-shadow {
    margin: -8px /*{offsetTopShadow}*/ 0 0 -8px /*{offsetLeftShadow}*/;
    padding: 8px /*{thicknessShadow}*/;
    background: #aaaaaa /*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png) /*{bgImgUrlShadow}*/ 50% /*{bgShadowXPos}*/ 50% /*{bgShadowYPos}*/ repeat-x /*{bgShadowRepeat}*/;
    opacity: .3;
    filter: Alpha(Opacity=30) /*{opacityShadow}*/;
    -moz-border-radius: 8px /*{cornerRadiusShadow}*/;
    -khtml-border-radius: 8px /*{cornerRadiusShadow}*/;
    -webkit-border-radius: 8px /*{cornerRadiusShadow}*/;
    border-radius: 8px /*{cornerRadiusShadow}*/;
}

table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0;
}

    table.dataTable thead th, table.dataTable tfoot th {
        font-weight: bold;
    }

    table.dataTable thead th, table.dataTable thead td {
        padding: 7px 15px;
        border-bottom: 1px solid #111;
        font-family: Arial, sans-serif;
        font-size: 12px;
        color: #fff;
        background-color: #0080c9;
    }

        table.dataTable thead th:active, table.dataTable thead td:active {
            outline: none;
        }

    table.dataTable tfoot th, table.dataTable tfoot td {
        padding: 10px 18px 6px 18px;
        border-top: 1px solid #111;
    }

    table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
        cursor: pointer;
        *cursor: hand;
    }

    table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
        background-repeat: no-repeat;
        background-position: center right;
        font-family: Arial, sans-serif;
    }

    table.dataTable thead .sorting {
        background-image: url("../images/sort_both.png");
    }

    table.dataTable thead .sorting_asc {
        background-image: url("../images/sort_asc.png");
    }

    table.dataTable thead .sorting_desc {
        background-image: url("../images/sort_desc.png");
    }

    table.dataTable thead .sorting_asc_disabled {
        background-image: url("../images/sort_asc_disabled.png");
    }

    table.dataTable thead .sorting_desc_disabled {
        background-image: url("../images/sort_desc_disabled.png");
    }

    table.dataTable tbody tr {
        background-color: #ffffff;
    }

        table.dataTable tbody tr.selected {
            background-color: #ccc;
        }

    table.dataTable tbody th, table.dataTable tbody td {
        padding: 6px 8px;
        font-size: 13px;
    }

    table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
        border-top: 1px solid #ddd;
    }

    table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td {
        border-top: none;
    }

    table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
        border-top: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }

    table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child {
        border-left: 1px solid #ddd;
    }

    table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td {
        border-top: none;
    }

    table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
        background-color: #f9f9f9;
    }

        table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
            background-color: #ccc;
        }

    table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
        background-color: #f6f6f6;
    }

        table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
            background-color: #ccc;
        }

    table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 {
        background-color: #fafafa;
    }

    table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 {
        background-color: #ccc;
    }

    table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
        background-color: #f1f1f1;
    }

    table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
        background-color: #f3f3f3;
    }

    table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
        background-color: whitesmoke;
    }

    table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
        background-color: #ccc;
    }

    table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
        background-color: #ccc;
    }

    table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
        background-color: #ccc;
    }

    table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
        background-color: #fafafa;
    }

    table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
        background-color: #fcfcfc;
    }

    table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
        background-color: #fefefe;
    }

    table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
        background-color: #acbad5;
    }

    table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
        background-color: #aebcd6;
    }

    table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
        background-color: #afbdd8;
    }

    table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
        background-color: #eaeaea;
    }

    table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
        background-color: #ececec;
    }

    table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
        background-color: #efefef;
    }

    table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
        background-color: #a2aec7;
    }

    table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
        background-color: #a3b0c9;
    }

    table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
        background-color: #a5b2cb;
    }

    table.dataTable.no-footer {
        border-bottom: 1px solid #ccc;
    }

    table.dataTable.nowrap th, table.dataTable.nowrap td {
        white-space: nowrap;
    }

    table.dataTable.compact thead th, table.dataTable.compact thead td {
        padding: 4px 17px 4px 4px;
    }

    table.dataTable.compact tfoot th, table.dataTable.compact tfoot td {
        padding: 4px;
    }

    table.dataTable.compact tbody th, table.dataTable.compact tbody td {
        padding: 4px;
    }

    table.dataTable th.dt-left, table.dataTable td.dt-left {
        text-align: left;
    }

    table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty {
        text-align: center;
    }

    table.dataTable th.dt-right, table.dataTable td.dt-right {
        text-align: right;
    }

    table.dataTable th.dt-justify, table.dataTable td.dt-justify {
        text-align: justify;
    }

    table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap {
        white-space: nowrap;
    }

    table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left {
        text-align: left;
    }

    table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center {
        text-align: center;
    }

    table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right {
        text-align: right;
    }

    table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify {
        text-align: justify;
    }

    table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap {
        white-space: nowrap;
    }

    table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left {
        text-align: left;
    }

    table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center {
        text-align: center;
    }

    table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right {
        text-align: right;
    }

    table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify {
        text-align: justify;
    }

    table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap {
        white-space: nowrap;
    }

    table.dataTable, table.dataTable th, table.dataTable td {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        text-align: center;
    }

        table.dataTable, table.dataTable th, table.dataTable td:first-child {
            text-align: left !important;
        }


            table.dataTable tbody tr td.details-control {
                background: url('/Images//details-open.png') no-repeat center center;
                background-color: none !important;
                cursor: pointer;
            }

            table.dataTable tbody tr.shown td.details-control {
                background: url('/Images//details-close.png') no-repeat center center;
                background-color: none !important;
            }


.dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom: 1;
    zoom: 1;
}

    .dataTables_wrapper .dataTables_length {
        float: left;
    }

    .dataTables_wrapper .dataTables_filter {
        float: right;
        text-align: right;
        margin-bottom: 7px;
    }

        .dataTables_wrapper .dataTables_filter input {
            margin-left: 0.5em;
            border-radius: 3px;
            border: 1px solid #ccc;
        }

    .dataTables_wrapper .dataTables_info {
        clear: both;
        float: left;
        padding-top: 0.755em;
    }

    .dataTables_wrapper .dataTables_paginate {
        float: right;
        text-align: right;
        padding-top: 0.25em;
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button {
            box-sizing: border-box;
            display: inline-block;
            min-width: 1.5em;
            padding: 0.5em 1em;
            margin-left: 2px;
            text-align: center;
            text-decoration: none !important;
            cursor: pointer;
            *cursor: hand;
            color: #333 !important;
            border: 1px solid transparent;
            border-radius: 2px;
        }

            .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
                color: #333 !important;
                border: 1px solid #979797;
                background-color: white;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
                background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
                cursor: default;
                color: #666 !important;
                border: 1px solid transparent;
                background: transparent;
                box-shadow: none;
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
                color: white !important;
                border: 1px solid #111;
                background-color: #585858;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
                background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
                background: -moz-linear-gradient(top, #585858 0%, #111 100%);
                background: -ms-linear-gradient(top, #585858 0%, #111 100%);
                background: -o-linear-gradient(top, #585858 0%, #111 100%);
                background: linear-gradient(to bottom, #585858 0%, #111 100%);
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button:active {
                outline: none;
                background-color: #2b2b2b;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
                background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
                background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
                background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
                background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
                background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
                box-shadow: inset 0 0 3px #111;
            }

        .dataTables_wrapper .dataTables_paginate .ellipsis {
            padding: 0 1em;
        }

    .dataTables_wrapper .dataTables_processing {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 40px;
        margin-left: -50%;
        margin-top: -25px;
        padding-top: 20px;
        text-align: center;
        font-size: 1.2em;
        background-color: white;
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
        background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
        background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
    }

    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
        color: #333;
    }

    .dataTables_wrapper .dataTables_scroll {
        clear: both;
    }

        .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
            *margin-top: -1px;
            -webkit-overflow-scrolling: touch;
        }

            .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {
                vertical-align: middle;
            }

                .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
                    height: 0;
                    overflow: hidden;
                    margin: 0 !important;
                    padding: 0 !important;
                }

    .dataTables_wrapper.no-footer .dataTables_scrollBody {
        border-bottom: 1px solid #111;
    }

    .dataTables_wrapper.no-footer div.dataTables_scrollHead table, .dataTables_wrapper.no-footer div.dataTables_scrollBody table {
        border-bottom: none;
    }

    .dataTables_wrapper:after {
        visibility: hidden;
        display: block;
        content: "";
        clear: both;
        height: 0;
    }

@media screen and (max-width: 767px) {
    .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center;
    }

    .dataTables_wrapper .dataTables_paginate {
        margin-top: 0.5em;
    }
}

@media screen and (max-width: 640px) {
    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: center;
    }

    .dataTables_wrapper .dataTables_filter {
        margin-top: 0.5em;
    }
}

/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* CSS Reset
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

body {
    line-height: 1;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-weight: normal;
}

ol,
ul {
    list-style-type: none;
}

blockquote {
    quotes: none;
}

    blockquote:before,
    blockquote:after {
        content: '';
        content: none;
    }

del {
    text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

a img {
    border: none;
}

img {
    vertical-align: top;
}
/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Globals
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}






@font-face {
    font-family: 'ProximaNova-Regular';
    src: url('fonts/proximanova-regular.eot');
    src: url('fonts/proximanova-regular.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-regular.woff') format('woff'), url('fonts/proximanova-regular.ttf') format('truetype'), url('fonts/proximanova-regular.svg#proximanova-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova-Bold';
    src: url('fonts/proximanova-bold.eot');
    src: url('fonts/proximanova-bold.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-bold.woff') format('woff'), url('fonts/proximanova-bold.ttf') format('truetype'), url('fonts/proximanova-bold.svg#proximanova-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova-Semibold';
    src: url('fonts/proximanova-semibold.eot');
    src: url('fonts/proximanova-semibold.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-semibold.woff') format('woff'), url('fonts/proximanova-semibold.ttf') format('truetype'), url('fonts/proximanova-semibold.svg#proximanova-semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova-Light';
    src: url('fonts/proximanova-light.eot');
    src: url('fonts/proximanova-light.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-light.woff') format('woff'), url('fonts/proximanova-light.ttf') format('truetype'), url('fonts/proximanova-light.svg#proximanova-light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova-Black';
    src: url('fonts/ProximaNova-Black.eot');
    src: url('fonts/ProximaNova-Black.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-Black.woff') format('woff'), url('fonts/ProximaNova-Black.ttf') format('truetype'), url('fonts/ProximaNova-Black.svg#ProximaNova-Black') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
    height: 100%;
}

body {
    color: #20282b;
    font-family: sans-serif;
    font-weight: 400;
    background: #ededed;
    font-size: 14px;
    line-height: 1.8;
    position: relative;
    /*min-height:100%; height:100%;background-image:url(../images/body_bg.jpg);*/
    /*background-repeat:no-repeat;
	background-attachment:fixed;
	 background-size:cover;
	background-position:top left;*/
    -webkit-font-smoothing: antialiased;
}

.loginbg {
    background-image: url(../images/body_bg.jpg);
}


/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1;
    font-weight: 400;
}

a {
    text-decoration: none;
    color: #0080c9;
}

    a:hover {
        color: #3184a1;
    }
/* clear floated divs */
.clearfix:after, .clearfix:before {
    content: "";
    display: table;
    clear: both;
}

.text-center {
    text-align: center;
}

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

.row {
    margin-left: -20px;
    margin-right: -20px;
    clear: both;
}

    .row:after, .row:before {
        content: "";
        display: table;
        clear: both;
    }

.col-md-12 {
    width: 100%;
}

.col-md-11 {
    width: 91.66666667%;
}

.col-md-10 {
    width: 83.33333333%;
}

.col-md-9 {
    width: 75%;
}

.col-md-8 {
    width: 66.66666667%;
}

.col-md-7 {
    width: 58.33333333%;
}

.col-md-6 {
    width: 50%;
}

.col-md-5 {
    width: 41.66666667%;
}

.col-md-4 {
    width: 33.33333333%;
}

.col-md-3 {
    width: 25%;
}

.col-md-2 {
    width: 16.66666667%;
}

.col-md-1 {
    width: 8.33333333%;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    min-height: 1px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    float: left;
}

.float_l {
    float: left;
}

.float_r {
    float: right;
}

.mrt80 {
    margin-top: 80px;
}

.mrt40 {
    margin-top: 40px;
}

.mrt30 {
    margin-top: 30px;
}

.mrt20 {
    margin-top: 20px;
}

.mrb10 {
    margin-bottom: 10px;
}

.border-bot {
    border-bottom: 1px solid #b9b9b9;
    overflow: hidden;
    padding-bottom: 15px;
    margin: 0 25px 15px 25px;
}

    .border-bot.no-border {
        border-bottom: 0;
    }


/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Form
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
label {
    color: #20282b;
    font-size: 14px;
    line-height: 20px;
}

input, textarea, select {
    background: #fff;
    border: solid 1px #b9b9b9;
    border-radius: 4px;
    width: 100%;
    padding: 7px;
    outline: none;
    font-size: 14px;
    color: #2e2e2e;
    font-family: sans-serif !important;
}

.textarea {
    border-radius: 4px;
    resize: none;
}

.button {
    color: #000000;
    font-size: 16px;
    display: inline-block;
    line-height: 16px;
    padding: 8px 15px;
    border-radius: 4px;
    transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    border: none;
    background: #0080c9 none repeat scroll 0 0;
    color: #fff;
    width: auto;
    cursor: pointer;
}

select {
    padding: 6px 7px;
}

.button:hover {
    background: #015383;
    color: #ffffff;
}
/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Template
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
.wrapper {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 50px;
    height: 100%;
}

.container {
    width: 1100px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0;
}



@charset "utf-8";
/*----------intial declartaion of css----------*/
* { /*appearance:none; -moz-appearance:none;-webkit-appearance:none;*/
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
    display: block;
}

audio, canvas, video {
    display: inline-block;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

    q:before, q:after {
        content: '';
        content: none;
    }

small {
    font-size: 90%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

nav ul, nav ol {
    list-style: none;
    list-style-image: none;
}

button, input, select, textarea {
    font-size: 100%;
    vertical-align: baseline;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

button, html input[type="button"], input[type="reset"], input[type="submit"], textarea {
    -webkit-appearance: none;
    /*border-radius: 0;*/
}

:focus {
    outline: 0;
}

ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

table {
    border: 0 none;
    border-collapse: collapse;
    border-spacing: 0;
}

td {
    vertical-align: top;
}

.none {
    display: none;
}

.clear {
    clear: both;
}

img {
    max-width: 100%;
    border: 0 none;
}

.cf:before, .cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

a, button, .btn {
    outline: none !important;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    text-decoration: none !important;
    cursor: pointer;
    outline: none;
}

body {
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
}


/*******Header**********/
header {
    min-height: 58px;
    padding-left: 15px;
    background: #fff;
    margin-bottom: 0;
    position: relative;
    border-bottom: 2px solid #0080c9;
}

    header .logo {
        float: left;
        margin: 12px 0;
        position: relative;
        z-index: 2;
    }

    header .right_header {
        float: right;
        position: relative;
        z-index: 2;
    }

        header .right_header > ul > li {
            display: inline-block;
            border-right: solid 1px #e1e1e1;
            padding: 14px 12px;
            position: relative;
        }

            header .right_header > ul > li a {
                color: #0169bc;
                font-size: 14px;
            }

                header .right_header > ul > li a:hover {
                    color: #588EBA;
                }

                header .right_header > ul > li a.user_info {
                    background: url(../images/user-blue.png) no-repeat top left;
                    padding-left: 18px;
                }

                    header .right_header > ul > li a.user_info:after {
                        content: "";
                        width: 12px;
                        height: 5px;
                        display: inline-block;
                        background: url(../images/usermenu_dropdown_arrow-blue.png) no-repeat top right;
                        vertical-align: middle;
                    }

                header .right_header > ul > li a.search {
                    background: url(../images/search_icon-blue.png) no-repeat top left;
                    width: 15px;
                    height: 15px;
                    display: inline-block;
                    vertical-align: middle;
                }
                /*header .right_header > ul > li a.notification { background:url(../images/notification-blue_icon.png) no-repeat scroll left bottom; display: inline-block; height: 22px; width: 18px;}*/
                header .right_header > ul > li a.notification {
                    background: url("../images/notification-blue_icon.png") no-repeat scroll center center;
                    display: inline-block;
                    padding: 15px 12px;
                }

                    header .right_header > ul > li a.notification span {
                        background: #ff0000;
                        display: inline-block;
                        width: 18px;
                        height: 18px;
                        border-radius: 50%;
                        line-height: 18px;
                        text-align: center;
                        font-size: 10px;
                        position: relative;
                        top: -15px;
                        right: -6px;
                        color: #FFF;
                    }

                        header .right_header > ul > li a.notification span.blue {
                            background: none;
                        }

            header .right_header > ul > li.backli {
                padding: 0;
            }

                header .right_header > ul > li.backli > a {
                    display: inline-block;
                    line-height: 16px;
                    padding: 19px 19px 19px 15px;
                }


        header .right_header ul li.Notificationlist {
            padding: 0;
        }

    header .usermenu {
        display: none;
    }

    header .company_logo {
        text-align: center;
        padding: 8px 0;
        position: absolute;
        left: 0;
        right: 0;
    }

    header .usermenu {
        background: #0080c9 none repeat scroll 0 0;
        border-radius: 0 0 5px 5px;
        display: none;
        padding: 10px;
        position: absolute;
        right: 10px;
        top: 55px;
        width: 170px;
        text-align: left;
    }

        header .usermenu ul li a {
            color: #fff;
        }

            header .usermenu ul li a:hover {
                color: #20282b;
            }

        header .usermenu::after {
            border-color: transparent transparent #0080c9;
            border-style: solid;
            border-width: 0 8px 8px;
            content: "";
            height: 0;
            left: 77px;
            position: absolute;
            top: -8px;
            width: 0;
        }

    header .notificationmenu {
        background: #0080c9 none repeat scroll 0 0;
        border-radius: 0 0 5px 5px;
        display: none;
        padding: 10px;
        position: absolute;
        right: 10px;
        top: 56px;
        width: 400px;
        color: #fff;
    }

        header .notificationmenu::after {
            border-color: transparent transparent #0080c9;
            border-style: solid;
            border-width: 0 8px 8px;
            content: "";
            height: 0;
            right: 4px;
            position: absolute;
            top: -7px;
            width: 0;
        }

        header .notificationmenu ul {
            max-height: 420px;
            overflow: auto;
            padding-right: 3px;
        }

            header .notificationmenu ul li {
                color: #fff;
                text-align: left;
            }



/*header.header-main { min-height:55px; padding-left:15px;	background:#fff; margin-bottom:0;	}*/

/*************** Content part ***************/
.page_title {
    margin-bottom: 18px;
}

    .page_title h2 {
        font-size: 30px;
        color: #ffffff;
        font-family: ProximaNova-Light;
    }

        .page_title h2 img {
            vertical-align: bottom;
        }

.menu li {
    display: inline-block;
    margin-left: 10px;
}

    .menu li a {
        color: #ffffff;
        font-size: 16px;
        border: solid 1px #ffffff;
        border-radius: 4px;
        padding: 2px 18px;
        display: block;
    }

        .menu li a:hover {
            background: #0081c6;
            border: solid 1px #0081c6;
        }

.white_box {
    background: #ffffff;
    border-radius: 4px;
}

    .white_box .box_title {
        background: #efefef;
        padding: 15px;
        border-radius: 4px 4px 0 0;
    }

        .white_box .box_title h3 {
            color: #000000;
            font-size: 18px;
        }

.pending_service {
    width: 34%;
    margin-right: 40px;
    margin-left: 25px;
    float: right;
    margin-top: 20px;
}

    .pending_service h3 {
        color: #0081c6;
        font-size: 22px;
    }

        .pending_service h3 span {
            font-size: 26px;
            color: #ed0000;
        }

.pending_service_box li a {
    height: 116px;
    margin-top: 20px;
    display: table;
    width: 100%;
}

    .pending_service_box li a:hover {
        opacity: 0.8;
    }

.pending_service_box li.orange {
    background: #e68c2d;
}

.pending_service_box li.blue {
    background: #20a9f0;
}

.pending_service_box li .icon {
    width: 140px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background: rgba(0,0,0,0.10);
}

.pending_service_box li .text {
    display: table-cell;
    padding: 0 26px;
    font-size: 22px;
    color: #ffffff;
    font-family: ProximaNova-Semibold;
    line-height: 30px;
    vertical-align: middle;
}

.machine_search_form {
    width: 56%;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
}

    .machine_search_form .row {
        margin-top: 20px;
    }

    .machine_search_form .buttonpart {
        border-top: solid 1px #cccccd;
        padding-top: 10px;
    }

        .machine_search_form .buttonpart .button {
            margin-left: 10px;
        }

.gridpart {
    margin-top: 40px;
}

    .gridpart h4 {
        margin-left: 20px;
        color: #000000;
        font-size: 18px;
        margin-bottom: 10px;
    }

/****Table***/
.datatable {
    border-bottom: solid 1px #c0c0c0;
    border-collapse: collapse;
    width: 100%;
    margin: 0px 0;
}

    .datatable th {
        border: solid 1px #ffffff;
        background: #bce5fa;
        color: #000000;
        font-size: 14px;
        font-family: "ProximaNova-Regular";
        vertical-align: middle;
        padding: 10px 5px;
        text-align: left;
        font-weight: normal;
        line-height: 18px;
    }

    .datatable td {
        font-size: 13px;
        font-family: "ProximaNova-Regular";
        vertical-align: middle;
        padding: 6px 5px;
        border: solid 1px #cccccc;
        line-height: 18px;
    }

        .datatable th:first-child, .datatable td:first-child {
            border-left: none;
        }

        .datatable th:last-child, .datatable td:last-child {
            border-right: none;
        }

        .datatable td a {
            font-size: 14px;
            color: #1964c0;
            text-decoration: underline;
        }
    /*.datatable tr:nth-child(2n+1) td{background:#ffffff;}*/
    .datatable th.location {
        width: 120px;
    }

    .datatable th.action {
        width: 170px;
    }

    .datatable td.action a {
        margin-left: 8px;
    }

    .datatable td .en-route {
        color: #ff8300;
    }

    .datatable td .in_progress {
        color: #008dd6;
    }

    .datatable td .cancelled {
        color: #ed0000;
    }

.filter input {
    background: url(../images/filter_icon.png) no-repeat center right #f6f6f6;
    padding: 4px;
    padding-right: 20px;
}

.pagin {
    text-align: right;
    margin: 10px 10px 35px 0;
}

    .pagin a {
        display: inline-block;
        color: #686868;
        font-size: 16px;
        border: solid 1px #c7c7c7;
        line-height: 12px;
        padding: 5px 7px;
        height: 25px;
        min-width: 25px;
        border-radius: 3px;
        margin-left: 5px;
        text-align: center;
    }

        .pagin a.active, .pagin a:hover {
            background: #929292;
            color: #ffffff;
            border: solid 1px #929292;
        }

        .pagin a.arrow {
            background: url(../images/pagin_arrow.png) no-repeat top left;
            width: 25px;
        }

            .pagin a.arrow:hover {
                background-color: #929292;
            }

            .pagin a.arrow.prev {
                background-position: top left;
            }

            .pagin a.arrow.next {
                background-position: top right;
            }

            .pagin a.arrow.prev:hover {
                background-position: bottom left;
            }

            .pagin a.arrow.next:hover {
                background-position: bottom right;
            }

/******Footer*************/
footer {
    background: #21292c;
    position: fixed;
    z-index: 3;
    color: #bdbdc0;
    height: 50px;
    line-height: 50px;
    width: 100%;
    bottom: 0;
    padding: 0 10px;
}
    /*.cbp-spmenu-push.cbp-spmenu-push-toright footer {margin-left:200px;}*/
    footer .container {
        position: relative;
    }

.footer_menu > span {
    display: inline-block;
    position: relative;
    top: -1px;
}

.footer_menu a {
    color: #bdbdc0;
    font-size: 15px;
    display: inline-block;
    padding: 0 5px;
}

.footer_menu > span {
    display: inline-block;
    position: relative;
    top: -1px;
}

.footer_menu a:hover {
    color: #0080c9;
}

.footer_menu a.active {
    color: #0080c9;
}

.copyright {
    color: #bdbdc0;
    font-size: 16px;
}

.dashboard {
    margin: 0 auto;
    padding: 80px 0 70px;
}

    .dashboard h2 {
        text-align: center;
        font-size: 60px; /* color:#9dacb4;*/
        font-family: 'ProximaNova-Light';
        margin-bottom: 50px;
    }

    .dashboard .dashboard_grid li {
        border-bottom: solid 1px #939393;
        border-left: solid 1px #939393;
        width: 50%;
        float: left;
        cursor: pointer;
        min-height: 235px;
    }

        .dashboard .dashboard_grid li a {
            padding-bottom: 50px;
            display: block;
            padding-top: 26px;
        }

        .dashboard .dashboard_grid li img {
            display: block;
            margin: 0 auto;
        }

        .dashboard .dashboard_grid li span {
            display: block;
            text-align: center;
            color: #20282b;
            font-size: 28px;
        }

        .dashboard .dashboard_grid li:hover span, .dashboard .dashboard_grid li.active span {
            color: #0169bc;
        }

        .dashboard .dashboard_grid li:first-child {
            border-left: none;
        }


/*loginpage css*/

/*.main_login{width:500px; margin:0 auto; position:relative; top:100px;  border-radius:6px; }*/
.main_login {
    position: relative;
    padding: 0 10px 10px;
}

.login-bg {
    background: #fff;
    height: auto;
    min-height: 0;
    background: url(../Images/body_bg.jpg);
    padding-bottom: 50px;
    background-size: cover;
}


.login-title {
    text-align: center;
    padding-bottom: 15px;
}

    .login-title h3 {
        text-align: center;
        color: #EEECED;
        font-family: Bebas;
        padding-bottom: 20px;
        position: relative;
        line-height: 42px;
        font-size: 30px;
        display: inline-block;
        border-bottom: 3px solid #ffcd00;
    }

    .login-title p {
        font-size: 20px;
        color: #ffcd00;
        font-family: Bebas;
        padding-top: 15px;
    }

.login_logo {
    padding: 6px 15px;
    overflow: hidden;
    text-align: left;
}

    .login_logo span {
        position: absolute;
        left: 0;
        top: 0;
    }

        .login_logo span img {
            /* width: 254px;*/
        }

    .login_logo i {
        float: right;
        padding: 2px 0;
    }

    .login_logo .top-number {
        float: right;
        padding: 2px 0;
    }

        .login_logo .top-number a {
            display: flex;
            color: #fff;
            align-items: center;
        }

            .login_logo .top-number a em {
                margin-right: 10px;
            }

.login_box {
    padding: 15px;
    *padding: 20px;
    border-radius: 0 0 6px 6px;
    width: 38%;
    float: left;
    border: 1px solid #c0c0c0;
}

    .login_box h2 {
        color: #000b36;
        font-size: 24px;
        margin: 0px 0 15px;
        font-weight: normal;
        line-height: 34px;
    }

.login-courner {
    position: relative;
    display: none;
}

    .login-courner img {
        position: absolute;
        right: -20px;
        top: -34px;
    }

.login_form input {
    outline: none;
    color: #000;
    font-size: 18px;
    border: solid 1px #a8a8a8;
    margin-bottom: 15px;
    background: #fff;
    padding: 10px 10px 10px 80px;
    height: 50px;
}

.login_form .input {
    position: relative;
}

    .login_form .input .imgs {
        position: absolute;
        left: 0;
        top: 0px;
    }

    .login_form .input span {
        background: #9dafbd;
        padding: 10px 18px;
        height: 50px;
        display: inline-block;
        border-radius: 4px 0 0 4px;
    }

    .login_form .input i.input-arrow {
        position: relative;
        display: inline-block;
        vertical-align: top;
    }

        .login_form .input i.input-arrow img {
            position: absolute;
            top: 20px;
            left: -4px;
        }

.login_form .checkbox-pwd label {
    float: left;
    width: 60%;
}

.login_form .checkbox-pwd a {
    float: right;
    color: #000b36;
    text-decoration: underline;
    font-size: 15px;
}

.login_form .checkbox {
    color: #000;
    font-size: 15px;
    display: block;
}

    .login_form .checkbox input {
        height: auto;
        width: auto;
        margin: 0;
        padding: 0;
    }

.login_form .submit_bt {
    border-radius: 6px;
    border: none;
    background: #120ffd;
    color: #fff;
    height: 40px;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 24px;
    width: 100%;
    cursor: pointer;
    font-family: 'ProximaNova-Semibold';
    padding: 5px 0;
}

    .login_form .submit_bt.btnorange {
        background: #f38b48;
        color: #fff;
    }

/*loginpage css end*/


/*portal account*/

.middle {
    width: 100%;
    overflow: hidden;
    height: 100%;
}

.mid-left {
    width: 67px;
    float: left; /*overflow:hidden; position:relative;*/
    z-index: 1;
}

.my-account {
    padding: 20px;
    text-align: center;
    display: block;
    overflow: hidden;
    min-height: 58px;
}

    .my-account img {
        display: block;
        margin: 0 auto;
        max-width: inherit;
    }

    .my-account h2 {
        font-size: 15px;
        margin: 15px 0 25px;
    }

    .my-account a {
        float: left;
        font-size: 13px;
        width: 33%;
    }

a.button-border {
    border-radius: 4px 4px 4px 4px;
    padding: 10px 15px;
}

.my-account a.myaccount {
    margin-right: 10px;
}

.mid-left li {
    padding: 0px 0;
    display: block;
    position: relative;
}

    .mid-left li a {
        padding: 20px 56px 20px 0;
        display: block;
        overflow: hidden;
        height: auto;
        color: #FFF;
    }

    .mid-left li.active a, .mid-left li:hover a {
        background: url(../images/nav-active-arrow.png) right center no-repeat;
        position: relative;
        right: 0px;
    }

.cbp-spmenu-push.cbp-spmenu-push-toright .mid-left li a {
    padding: 20px 0 20px 56px;
}
/*.mid-left li i{   display: block;
    float: left;
    height: 26px;
    left: 18px;

    position: fixed;
    width: 29px;}*/
.mid-left li i {
    /*background: #224561 none repeat scroll 0 0;*/
    /*background-color:transparent !important;
  background-image:url(../images/leftmenu_iconbg.jpg) !important; 
  background-repeat:repeat;*/
    display: block;
    float: left;
    height: 26px;
    left: 0;
    padding-left: 18px;
    position: fixed;
    width: 47px;
    z-index: 50;
}

.left-menu li.active i, .left-menu li:hover i { /*background: #20a9f0 none repeat scroll 0 0;*/
    /*background-color:transparent !important;
 background-image:url(../images/leftmenu_iconbg_active.jpg) !important;
  background-repeat:repeat;
*/
}

.mid-left li p {
    float: left;
    display: block;
    height: 25px;
    overflow: hidden;
    width: 0;
}

.mid-left.cbp-spmenu-open li p {
    width: 100%;
}


.mid-left li a:hover i {
    background-position: left bottom;
    line-height: 20px;
}

.mid-right {
    width: calc(100% - 67px);
    overflow: hidden;
    padding: 0; /*background:url(../images/body_bg.jpg) left top no-repeat; background-size:cover;*/
    background: #ededed;
    transition: all 0.3s ease 0s;
    margin-left: 67px;
    height: 100%;
}

.page-title h2 {
    font-size: 26px;
    text-align: center;
    text-transform: uppercase;
}

.page-title p {
    text-align: center;
    margin: 10px 0 35px;
}

.mid-right .box {
    width: 100%; /*overflow:hidden;*/
    display: block;
}

    .mid-right .box ul {
        position: relative;
        margin-left: -3%;
    }

    .mid-right .box li {
        border-radius: 4px;
        float: left;
        margin: 0 0 30px 3%;
        padding: 10px 5px;
        text-align: center;
        width: 29.1%;
    }

.partner-logo {
    max-height: 64px;
    min-height: 64px;
    max-width: 100%;
}

.mid-right .box li h2 {
    font-size: 20px;
    margin: 5px 0;
}

.mid-right .box li p {
    font-size: 12px;
}

.mid-left-bg {
    float: left;
}

.mid-right .box li:hover {
    cursor: pointer;
}

.add-portal {
    height: calc(100% - 95px);
    margin: 20px;
    overflow: hidden;
    position: relative;
}

    .add-portal .title {
        margin-bottom: 20px; /*overflow:hidden; */
        position: relative;
    }

        .add-portal .title h2 {
            font-size: 30px;
            float: left; /*width:75%;*/
        }

        .add-portal .title a {
            float: right;
        }

            .add-portal .title a.back {
                border: solid 1px #0080c9;
                border-radius: 4px;
                color: #0080c9;
                padding: 5px 12px;
            }

                .add-portal .title a.back:hover {
                    border: solid 1px #0080c9;
                    background: #0080c9;
                    color: #fff;
                }

                .add-portal .title a.back img {
                    float: left;
                    vertical-align: middle;
                    margin-right: 5px;
                    padding: 5px 0 3px;
                }

                .add-portal .title a.back p {
                    float: left;
                    vertical-align: middle;
                    padding: 0;
                    margin: 0;
                    font-size: 16px;
                    line-height: 20px;
                }

        .add-portal .title .top-back {
            border: solid 1px #0080c9;
            border-radius: 4px;
            color: #0080c9;
            padding: 5px 15px 5px 20px;
            float: right;
            background-color: transparent;
            width: auto;
            font-size: 16px;
            line-height: 20px;
            text-transform: capitalize;
            background: url(../images/back-arrow.png) 8px 9px no-repeat;
        }

            .add-portal .title .top-back:hover {
                background-color: #0080c9;
                color: #fff;
                cursor: pointer;
            }


.addportal-box {
    border: 1px solid #b9b9b9;
    background: #fff none repeat scroll 0 0;
    border-radius: 6px;
    height: calc(100% - 52px);
    left: 0;
    overflow: hidden; /*position: absolute;*/
    position: relative;
    right: 0;
}

.breadcrubs {
    color: #20282b;
    font-size: 14px;
    line-height: 25px;
    background: #ededed;
    padding: 10px 15px;
    width: 100%;
}

    .breadcrubs a {
        color: #20282b;
        font-size: 14px;
        margin-right: 3px;
    }

        .breadcrubs a:hover {
            color: #0080c9;
            text-decoration: underline;
        }

ul.steps {
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 15px;
}

    ul.steps li {
        float: left;
        width: 33.33%;
        position: relative;
    }

        ul.steps li:first-child p {
            display: none;
        }

        ul.steps li:last-child i {
            display: none;
        }

        ul.steps li a {
            cursor: default;
        }
        /*ul.steps li:last-child span, ul.steps li:first-child span{ width:87.9%;}*/
        ul.steps li p {
            background: url("../images/step2.png") no-repeat scroll left center;
            float: left;
            height: 54px;
            position: absolute;
            width: 16px;
        }

        ul.steps li span.stepmid {
            background: #fff none repeat scroll 0 0;
            color: #224561;
            display: table-cell;
            float: left;
            font-size: 22px;
            line-height: 40px;
            min-height: 54px;
            padding: 7px 5px 7px 20px;
            vertical-align: middle;
            width: 100%;
        }

            ul.steps li span.stepmid span {
                cursor: pointer;
                margin-right: 10px;
            }

        ul.steps li i {
            background: url("../images/step1.png") no-repeat scroll right center;
            float: left;
            height: 54px;
            position: absolute;
            right: 0;
            width: 16px;
        }

        ul.steps li.completed:hover span, ul.steps li.completed span {
            background: #2fa95c;
            color: #FFF;
        }

        ul.steps li.completed:hover p, ul.steps li.completed p {
            background: url(../images/step2-active.png) left center no-repeat;
        }

        ul.steps li.completed:hover i, ul.steps li.completed i {
            background: url(../images/step1-active.png) right center no-repeat;
        }

        ul.steps li:hover span, ul.steps li.active span {
            background: #0080c9;
            color: #FFF;
        }

        ul.steps li:hover p, ul.steps li.active p {
            background: url(../images/step2-active-current.png) left center no-repeat;
        }

        ul.steps li:hover i, ul.steps li.active i {
            background: url(../images/step1-active-current.png) right center no-repeat;
        }

.portal-form {
    padding: 15px 15px 0 15px;
    background: #fff;
    margin-top: 5px;
}

    .portal-form h2 {
        border-bottom: solid 2px #b9b9b9;
        padding-bottom: 10px;
        margin-bottom: 30px;
        font-size: 22px;
    }

/*.portal-form a{ border:solid 1px #264d6c; color:#264d6c;  padding:3px 10px; margin-right:5px; border-radius:6px; display:inline-block; }
.portal-form a:hover{ border:solid 1px #264d6c; color:#fff; background:#264d6c;}*/



/*portal account*/
.portal-details {
    height: calc(100% - 45px);
    overflow: auto;
}



/*dashbord css*/


.dashboard .dashboard_grid-2 li {
    border-bottom: solid 1px #939393;
    border-left: solid 1px #939393;
    width: 33.33%;
    float: left;
    padding-bottom: 0;
    cursor: pointer;
    min-height: 253px;
    padding-top: 0;
}

    .dashboard .dashboard_grid-2 li a {
        padding-bottom: 50px;
        padding-top: 50px;
        min-height: 252px;
        display: block;
    }

    .dashboard .dashboard_grid-2 li img {
        display: block;
        margin: 0 auto;
    }

    .dashboard .dashboard_grid-2 li span {
        display: block;
        text-align: center;
        color: #20282b;
        font-size: 28px;
        line-height: 35px;
        padding-top: 10px;
    }

    .dashboard .dashboard_grid-2 li:hover span, .dashboard .dashboard_grid li.active span {
        color: #0169bc;
    }

    .dashboard .dashboard_grid-2 li:first-child {
        border-left: none;
    }
/*.dashboard_grid_btm li{ border-left:solid 1px #939393; width:50%; float:left; padding:50px 0 20px; cursor:pointer;}*/
.dashboard_grid_btm li {
    border-left: solid 1px #939393;
    width: 33.33%;
    float: left;
    padding: 0;
    cursor: pointer;
}

    .dashboard_grid_btm li a {
        padding: 50px 0 20px;
        display: block;
        min-height: 252px;
    }

    .dashboard_grid_btm li img {
        display: block;
        margin: 0 auto;
    }

    .dashboard_grid_btm li span {
        display: block;
        text-align: center;
        color: #20282b;
        font-size: 28px;
        line-height: 35px;
        padding: 10px 30px;
    }

    .dashboard_grid_btm li:hover span, .dashboard_grid_btm li.active span {
        color: #0169bc;
    }

    .dashboard_grid_btm li:first-child {
        border-left: none;
    }


/*.dashboard .dashboard_grid-single li{  width:100%; float:left; padding-bottom:0; cursor:pointer; min-height: 252px; padding-top:0;}
.dashboard .dashboard_grid-single li a {  padding-top:110px; padding-bottom:50px; }
.dashboard .dashboard_grid-single li img{ display:block; margin:0 auto;}
.dashboard .dashboard_grid-single li span{ display:block; text-align:center; color:#9dacb4; font-size:32px; line-height:42px; font-family: 'ProximaNova-Light';}
.dashboard .dashboard_grid-single li:hover span, .dashboard .dashboard_grid li.active span{ color:#FFF; }*/

.dashboard .dashboard_grid-single {
    text-align: center;
}

    .dashboard .dashboard_grid-single li {
        width: 30%;
        display: inline-block;
        padding-bottom: 0;
        cursor: pointer;
        min-height: 252px;
        padding-top: 0;
        border-right: solid 1px #939393;
    }

        .dashboard .dashboard_grid-single li a {
            padding-top: 80px;
            display: inline-block;
            padding-bottom: 50px;
        }

        .dashboard .dashboard_grid-single li img {
            display: block;
            margin: 0 auto;
        }

        .dashboard .dashboard_grid-single li span {
            display: block;
            text-align: center;
            color: #20282b;
            font-size: 28px;
            line-height: 42px;
            padding-top: 10px;
        }

        .dashboard .dashboard_grid-single li:hover span, .dashboard .dashboard_grid li.active span {
            color: #0169bc;
        }

        .dashboard .dashboard_grid-single li:last-child {
            border: medium none;
        }

.dashboard .dashboard_grid4 li {
    width: 50%;
    vertical-align: top;
    margin-left: -4px;
}

    .dashboard .dashboard_grid4 li:nth-child(2) {
        border-right: 0;
    }

    .dashboard .dashboard_grid4 li:nth-child(2), .dashboard .dashboard_grid4 li:nth-child(1) {
        border-bottom: solid 1px #939393;
    }

    .dashboard .dashboard_grid4 li:nth-child(3) a {
        padding-top: 94px;
    }


.dashboard_grid_btm_customer li {
    border-left: solid 1px #939393;
    width: 33.33%;
    float: left;
    padding: 0;
    cursor: pointer;
}

    .dashboard_grid_btm_customer li a {
        padding: 50px 0 20px;
        display: block;
    }

    .dashboard_grid_btm_customer li img {
        display: block;
        margin: 0 auto;
    }

    .dashboard_grid_btm_customer li span {
        display: block;
        text-align: center;
        color: #20282b;
        font-size: 28px;
        line-height: 30px;
        padding: 10px 50px;
    }

    .dashboard_grid_btm_customer li:hover span, .dashboard_grid_btm li.active span {
        color: #0169bc;
    }

    .dashboard_grid_btm_customer li:first-child {
        border-left: none;
    }

.dashboard_grid_fourcolom li {
    width: 25%;
}

/* User Management css*/

.form_div {
    margin: 0;
    padding: 0;
}

.form-row {
    margin: 0;
    padding: 0 0 10px 0;
}

    .form-row > label {
        display: inline-block;
        position: absolute;
        top: 5px;
    }

    .form-row input, .form-row select, .form-row textarea {
        width: 100%;
        border-radius: 4px;
    }

    .form-row .email-input {
        width: 45%;
    }

    .form-row .email {
        display: inline-block;
        float: right;
        padding-top: 4px;
        color: #264d6c;
    }

    .form-row a.unlock_user {
        float: right;
        color: #0080c9;
        text-decoration: underline;
    }

.form-datadiv {
    padding: 0 0 0 210px;
    min-height: 32px;
    float: none !important;
}

    .form-datadiv span {
        padding-top: 4px;
        display: inline-block;
    }

    .form-datadiv .checkbox {
        margin-top: 9px;
    }

.checkbox {
    margin-right: 0;
    position: relative;
    width: 14px;
    margin-bottom: 0;
    display: inline-block;
}

    .checkbox label {
        cursor: pointer;
        border-radius: 2px;
        width: 14px;
        height: 14px;
        top: 0;
        padding: 0 !important;
        left: 0;
        background: #FFF;
        border: 1px solid #6b6b6b;
        float: left;
        margin-right: 0px;
    }

    .checkbox input {
        display: none;
    }

        .checkbox input[disabled] + label {
            cursor: pointer;
            border-radius: 4px;
            /*width: 25px;
	height: 25px;*/
            top: 0;
            left: 0;
            background: #FFF;
            border: 1px solid #ddd;
            float: left;
            margin-right: 5px;
            width: 15px;
            height: 15px;
        }

            .checkbox input[disabled] + label:after {
                opacity: 0;
                content: '';
                position: absolute;
                width: 9px;
                height: 5px;
                background: transparent;
                top: 4px;
                left: 3px;
                border: 2px solid #999;
                border-top: none;
                border-right: none;
                -webkit-transform: rotate(-55deg);
                -moz-transform: rotate(-55deg);
                -o-transform: rotate(-55deg);
                -ms-transform: rotate(-55deg);
                transform: rotate(-55deg);
            }

    .checkbox label:after {
        opacity: 0;
        content: '';
        position: absolute;
        width: 9px;
        height: 5px;
        background: transparent;
        top: 4px;
        left: 3px;
        border: 2px solid #358f35;
        border-top: none;
        border-right: none;
        -webkit-transform: rotate(-55deg);
        -moz-transform: rotate(-55deg);
        -o-transform: rotate(-55deg);
        -ms-transform: rotate(-55deg);
        transform: rotate(-55deg);
    }

    .checkbox label:hover::after {
        opacity: 0;
    }

    .checkbox input[type=checkbox]:checked + label:after {
        opacity: 1;
    }

.access_right {
    margin: 0;
    padding: 0;
}

.access_right_border {
    border-left: solid 1px #cccccc;
}

.access_right h3 {
    font-size: 18px;
    color: #000000;
    margin: 0;
    padding: 0 0 10px 0;
    font-weight: normal;
}

.access_right .search_input {
    max-width: 280px;
    background: url(../images/search_icon-gray.png) no-repeat 10px 8px;
    padding-left: 35px;
}

.access_table {
    margin: 20px 0 0 0;
    padding: 0px 0 0 0; /* max-height:400px; overflow:auto; */
}

    .access_table table {
        border: solid 1px #e2e3e3;
        width: 100%;
    }
        /*.access_table table td, .access_table table th {border:solid 1px #e2e3e3; text-align:left; padding:5px 10px; font-size:12px; color:#2e2e2e;}*/
        .access_table table th {
            font-weight: normal;
            color: #000;
        }

        .access_table table .align_center {
            text-align: center;
        }

    .access_table .checkbox {
        top: 3px;
    }

.button_div {
    margin: 0;
    padding: 20px 0 0;
    text-align: right;
}

    .button_div .button {
        margin-left: 10px;
    }

.checkbox-section .form-row > label {
    width: auto;
}

.checkbox-section .checkbox-group {
    border: solid 1px #d3d3d3;
    padding: 8px;
    border-radius: 5px;
    margin-bottom: 10px;
}

/* Add portal page css*/

.portal_step {
    margin: 0;
    padding: 20px 0 0 0;
}

    .portal_step ul {
        margin: 0;
        padding: 0;
        display: block;
        text-align: center;
    }
        /*.portal_step ul li { display: inline-block; margin: 0; padding: 0; position: relative; text-align: center;}*/
        .portal_step ul li {
            box-sizing: border-box;
            display: inline-block;
            margin: 0;
            padding: 0 0 0 10px;
            position: relative;
            text-align: center;
            width: 14%;
            margin-left: -4px;
            vertical-align: top;
        }

            .portal_step ul li a {
                color: #224561;
                display: inline-block;
                padding-top: 0;
                position: relative;
                text-align: center;
                z-index: 2;
            }

            .portal_step ul li span.number {
                background: #c8c8c8 none repeat scroll 0 0;
                border-radius: 3px;
                display: block;
                font-size: 20px;
                height: 30px;
                line-height: 30px;
                margin: 0 auto;
                text-align: center;
                top: 0;
                width: 30px;
            }

            .portal_step ul li.active span.number {
                background: #2fa95c;
                color: #fff;
            }

            .portal_step ul li.curent_active span.number {
                background: #0080c9;
                color: #fff;
            }

            .portal_step ul li.curent_active span {
                color: #0080c9;
            }

            .portal_step ul li.active a {
                color: #000;
            }

            .portal_step ul li .border_line {
                height: 2px;
                left: 60px;
                position: absolute;
                top: 15px;
                width: 100%;
                z-index: 0;
            }

            .portal_step ul li::after {
                border-bottom: 2px solid #c8c8c8;
                content: "";
                display: block;
                left: -43%;
                position: absolute;
                right: 0;
                top: 15px;
                z-index: 0;
            }

            .portal_step ul li:first-child {
                padding-left: 0;
            }

                .portal_step ul li:first-child::after {
                    border-color: #2fa95c;
                    border-width: 0;
                }

            .portal_step ul li.active::after {
                border-color: #2fa95c;
            }

            .portal_step ul li:last-child::after {
                right: 43%;
            }

.portal_form {
    max-width: 300px;
}

    .portal_form .row_input {
        margin: 0;
        padding: 0 0 10px;
    }

    .portal_form .checkbox {
        margin: 5px 0 0 20px;
        top: 3px;
    }

    .portal_form .button_div {
        padding: 0;
        text-align: left;
    }

        .portal_form .button_div .button {
            margin-right: 10px;
            margin-left: 0;
        }

.allowed_Functions {
    margin: 0;
    padding: 15px 20px;
    border: solid 1px #d3d3d3;
    border-radius: 5px;
    overflow: auto;
    max-width: 530px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 160px;
}

    .allowed_Functions ul {
        margin: 0;
        padding: 0;
    }

        .allowed_Functions ul li {
            float: left;
            margin: 0;
            padding: 0 0 5px;
            width: 50%;
        }

    .allowed_Functions .checkbox {
        top: 2px;
        margin-right: 5px;
    }

.allowed_Functions_button {
    max-width: 530px;
}


/* ======== Error Page ============= */

.error_page {
    margin: 0;
    padding: 30px 0 0 0;
}

    .error_page .error_icon {
        text-align: center;
    }

    .error_page .error_title {
        margin: 0;
        padding: 0;
        text-align: center;
        font-size: 25px;
        color: #264d6c;
    }

    .error_page .error_text {
        margin: 0;
        padding: 20px 20px 0;
        text-align: center;
        font-size: 16px;
    }



.grid_checkbox table tr td:first-child, .grid_checkbox table tr th:first-child {
    text-align: center;
}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


/* ======== Customor Page Start ============= */

.help_div {
    float: left;
    line-height: normal;
    margin: 5px 0 0 20px;
}

    .help_div a {
        color: #20282b;
        font-size: 20px;
    }

        .help_div a span {
            position: relative;
            top: 3px;
        }

.head_right_con_top {
    float: right;
    line-height: normal;
}

.pending_text_cel {
    font-size: 22px;
}

    .pending_text_cel span {
        font-size: 30px;
        color: #0080c9;
    }

.ServiceCall_border {
    border-left: solid 1px #b9b9b9;
    padding-left: 10px;
    margin-left: 10px;
}

.head_right_con_top a.button {
    float: left;
    margin-left: 5px;
}

.head_right_con_top a img {
    margin-top: 2px;
}

.Call_search_section {
    margin: 0;
    padding: 15px 15px;
    position: relative;
}

    .Call_search_section .search_box {
        float: left;
        margin: 0;
        padding: 0;
        width: 100%;
    }
        /*.Call_search_section .search_box input.inputbox {border: medium none; margin-right:-10px; padding: 12px 15px 10px 35px; width:47%; font-size:16px; font-style:italic;  background:#fff url("../Images/seach_big_icon.png") no-repeat scroll 5px 10px;}*/
        .Call_search_section .search_box input.inputbox {
            margin-right: 10px;
            float: left;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            padding: 6px 15px 6px 35px;
            width: 45%;
            font-size: 16px;
            font-style: italic;
            background: #fff url("../Images/seach_big_icon.png") no-repeat scroll 5px 9px;
            height: 38px;
            line-height: 20px;
        }
    /*.Call_search_section .button { padding:11px 10px 12px; margin:0 5px 0 0; height: 43px; position:relative; top:0; width:90px; border:solid 1px #20a9f0; box-sizing: border-box; -webkit-box-sizing: border-box;}*/
    .Call_search_section .button {
        padding: 7px 10px 6px;
        margin: 0 5px 0 0;
        height: 38px;
        position: relative;
        top: 0;
        width: 90px;
        border: solid 1px #0080c9;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        text-transform: uppercase;
    }

        .Call_search_section .button:hover {
            border: solid 1px #264d6c;
        }

    .Call_search_section .button_border {
        background: none;
        border: solid 1px #0080c9;
        color: #0080c9;
    }

        .Call_search_section .button_border:hover {
            background: #015383;
            border: solid 1px #015383;
            color: #fff;
        }

    .Call_search_section .search_right {
        float: right;
        position: absolute;
        right: 15px;
    }

        .Call_search_section .search_right .button {
            width: auto;
            top: 0; /*padding:12px 10px 13px;*/
            padding: 11px 10px 6px;
            margin: 0 0 0 2px;
        }

        .Call_search_section .search_right i {
            background: url(../images/arrow_right.png) no-repeat 0 0;
            width: 11px;
            height: 18px;
            display: inline-block;
            margin: 0 0 0 5px;
            position: relative;
            top: 4px;
            width: 11px;
        }

        .Call_search_section .search_right .orange {
            background: #f38b48 none repeat scroll 0 0;
            border-color: #e68c2d;
        }

            .Call_search_section .search_right .orange:hover {
                background: #fff none repeat scroll 0 0;
                border-color: #f38b48;
                color: #f38b48;
            }



.CumminsCustomer_data {
    padding: 0 20px;
}

.Customer_data_inside {
    padding: 20px 0;
}

.bottom_button_section {
    margin: 0;
    padding: 20px 0px 0px;
}

    .bottom_button_section .button {
        text-transform: uppercase;
        margin-left: 5px;
        margin-bottom: 5px;
    }

    .bottom_button_section .orange {
        background: #e68c2d;
    }

        .bottom_button_section .orange:hover {
            background: #264d6c;
        }

.Customer_data_inside h3 {
    font-size: 18px;
    color: #000;
}

.accordion {
    font-size: 18px;
    color: #000;
    padding-left: 50px;
    position: relative;
    line-height: 33px;
}

.Call_Request {
    padding-top: 25px;
}

.accordion span {
    width: 40px;
    display: inline-block;
    height: 32px;
    background: url(../images/accordion_up_arrow.jpg) no-repeat center center #e6e6e6;
    left: 0;
    position: absolute;
}

.accordion-open span {
    background: url(../images/accordion_down_arrow.jpg) no-repeat center center #e6e6e6;
}

.accordion_content {
    border-left: 40px solid #e6e6e6;
    margin-bottom: 1px;
    margin-top: -1px;
    padding-left: 10px;
}

    .accordion_content table {
        width: 100%;
    }

        .accordion_content table th {
            background: #e6e6e6;
            text-align: left;
            font-weight: normal;
        }

        .accordion_content table tr {
            border-bottom: solid 1px #e3e3e3;
        }

            .accordion_content table tr:last-child {
                border-bottom: 0;
            }

        .accordion_content table th, .accordion_content table td {
            padding: 2px 5px;
        }

.submit_right_section {
    margin: 0;
    border-left: solid 1px#cecece;
}

.intruction {
    border: solid 1px #dbdbdb;
    border-radius: 5px;
    margin-top: 10px;
    height: 430px;
    overflow: auto;
    padding: 10px;
}

.uppercase {
    text-transform: uppercase;
}

.search_buttondiv {
    padding-top: 26px;
}

.row_sm-col::after, .row_sm-col::before {
    clear: both;
    content: "";
    display: table;
}

.row_sm-col {
    clear: both;
    margin-left: -10px;
    margin-right: -10px;
}

.col-sm-md-1 {
    float: left;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    width: 18%;
}

.col-sm-md-2 {
    float: left;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    width: 30%;
}

.col-sm-md-inside-2of2 {
    width: 50%;
    float: left;
}

.col-sm-md-inside-2of1 {
    width: 50%;
    float: left;
    padding-left: 20px;
}

.col-sm-md-inside-2of5 {
    width: 50%;
    float: left;
    padding: 0 5px;
}

    .col-sm-md-inside-2of5:last-child {
        padding-right: 0px;
    }

.col_cler-left {
    clear: left;
}

.NopadLeft {
    padding-left: 0;
}

.padBot15 {
    padding-bottom: 15px;
}

.col-sm-md-singal {
    float: left;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    width: 20%;
}

.col-sm-md-singal-small {
    width: 12%;
}

.col-sm-md-singal-button {
    width: 36%;
}

.Groupspage_search .search_buttondiv .button {
    float: left;
}

    .Groupspage_search .search_buttondiv .button.orange {
        width: auto;
    }

    .Groupspage_search .search_buttondiv .button:first-child {
        margin-left: 0;
    }

.Groupspage_search {
}

    .Groupspage_search .k-textbox > input, .Groupspage_search .k-autocomplete .k-input, .Groupspage_search .k-picker-wrap .k-input, .Groupspage_search .k-numeric-wrap .k-input, .Groupspage_search .k-dropdown-wrap .k-input, .Groupspage_search .k-selectbox .k-input {
        padding: 0.3em 0;
        font-family: "ProximaNova-Regular",sans-serif;
        font-size: 16px;
        font-style: italic;
        color: #2e2e2e;
    }



.search_result {
    margin: 0;
    padding: 0 0 0px 0;
}

    .search_result h3 {
        padding-bottom: 15px;
    }

.Topcall_search .resultbox {
    width: 30%;
    margin: 0;
    padding: 0 0 0 10px;
    float: left;
}

    .Topcall_search .resultbox span {
        color: #000;
    }

.checkbox_Section {
    margin: 0;
    padding: 20px 0 0 0;
}

.checkbox_insideborder {
    border: solid 1px #d3d3d3;
    padding: 5px;
    border-radius: 5px;
}

.checkbox_Scrollbox {
    height: 100px;
    overflow: auto;
}

.checkbox_Section h4 {
    font-size: 14px;
    color: #000000;
    padding-bottom: 5px;
}

.checkbox_Section label {
    vertical-align: top;
    color: #6f6f6f;
}

.Location_group {
    margin: 0;
    border-left: solid 1px#cecece;
}

    .Location_group .maxwidth {
        max-width: 350px;
    }

.Location_group_box {
    border: solid 1px #d3d3d3;
    padding: 5px;
    margin-top: 5px;
    border-radius: 5px;
}

.Location_Scrollbox {
    height: 607px;
    overflow: auto;
}

.or_text {
    margin-top: 10px;
    text-align: center;
}

.Location_group_box label {
    vertical-align: top;
    color: #6f6f6f;
}

/* ======== Service History Details Page Start ============= */

.head_right_con_top a.icon_button {
    border-radius: 4px;
    color: #FFF;
    padding: 6px 12px;
    margin-left: 10px;
}

    .head_right_con_top a.icon_button:hover {
        background: #20a9f0;
        color: #fff;
    }

    .head_right_con_top a.icon_button img {
        float: left;
        vertical-align: middle;
        margin-right: 5px;
        padding: 0;
    }

    .head_right_con_top a.icon_button p {
        float: left;
        vertical-align: middle;
        padding: 0;
        margin: 0;
        font-size: 16px;
        line-height: 20px;
    }

.head_right_con_top a.mailbtn {
    background: #2d8a2d;
}

.head_right_con_top a.pdfbtn {
    background: #f55454;
}

.history_part1 {
    margin: 0;
    padding: 0;
    border-radius: 5px;
    border: solid 1px #d3d3d3;
    min-height: 146px;
}

    .history_part1 .borderbottom_row {
        border-bottom: solid 1px #d3d3d3;
        padding: 3px 10px;
    }

        .history_part1 .borderbottom_row:last-child {
            border-bottom: 0;
        }

    .history_part1 strong {
        font-size: 13px;
        display: inline-block;
        vertical-align: top;
        width: 160px;
        color: #000;
        font-weight: normal;
        font-family: 'ProximaNova-Semibold';
    }

    .history_part1 span {
        font-size: 13px;
        display: inline-block;
        max-width: 63%;
    }

    .history_part1 i {
        font-style: normal;
        vertical-align: top;
    }

.machine_datails {
    margin: 0;
    padding: 0;
    color: #000;
}

.accordion_machine {
    background: #d3d3d3;
    color: #000;
    font-size: 18px;
    margin-top: 20px;
    border-radius: 5px;
    padding: 6px 10px;
    position: relative;
    cursor: pointer;
}

    .accordion_machine span {
        width: 21px;
        display: inline-block;
        height: 21px;
        background: url(../images/accordion_close_icon.png) no-repeat center center;
        right: 10px;
        top: 11px;
        position: absolute;
    }

    .accordion_machine.accordion-close span {
        background: url(../images/accordion_open_icon.png) no-repeat center center;
    }

    .accordion_machine.accordion-open {
        border-radius: 5px 5px 0px 0px;
    }

.machine_decription {
    padding: 15px 10px;
    margin: 0;
}

.machine_content {
    border-left: solid 1px #d3d3d3;
    border-right: solid 1px #d3d3d3;
    border-bottom: solid 1px #d3d3d3;
    border-radius: 0 0 5px 5px;
}

.machine_serno {
    padding-right: 50px;
}

.machine_charge {
    width: 100%;
    display: table;
}

    .machine_charge th {
        background: #efefef;
        font-family: 'ProximaNova-Semibold';
        font-size: 16px;
        font-weight: normal;
        padding: 3px 10px;
        display: table-cell;
    }

    .machine_charge td {
        padding: 3px 10px;
        display: table-cell;
    }

    .machine_charge tr {
        border-bottom: solid 1px #efefef;
    }

    .machine_charge tfoot {
        background: #d3d3d3 none repeat scroll 0 0;
        font-size: 16px;
    }

        .machine_charge tfoot tr {
            border-bottom: none;
        }

.align_right {
    text-align: right;
}

.align_left {
    text-align: left;
}

.align_center {
    text-align: center;
}

.machine_datails .table_footer {
    background: #d3d3d3 none repeat scroll 0 0;
    font-size: 16px;
    margin: 20px 0 10px;
    padding: 5px 10px;
    border-radius: 5px;
}

.table_footer-text {
    float: right;
}

.table_footer-total {
    float: right;
    margin-left: 10px;
    min-width: 110px;
    text-align: right;
}


.history_part_bottom {
    margin: 0;
    padding: 0;
}

.history_part_bottom_border {
    border: solid 1px #d3d3d3;
    border-radius: 5px;
    min-height: 250px;
    height: auto;
}

.history_part_bottom_leftpart {
    width: 70%;
    margin: 0;
    padding: 0 0 10px;
    float: left;
}

.history_part_bottom_rightpart {
    width: 30%;
    margin: 0;
    padding: 0;
    float: left;
    border-left: 1px solid #d3d3d3;
    min-height: 250px;
    height: auto;
}

.history_part_bottom p {
    padding: 5px 10px 0;
}

.history_part_bottom strong {
    display: inline-block;
    vertical-align: top;
    width: 160px;
    color: #000;
    font-weight: normal;
    font-family: 'ProximaNova-Semibold';
}

.history_part_bottom span {
    display: inline-block;
}

.history_part_bottom i {
    font-style: normal;
    vertical-align: top;
}

.history_part_bottom .bottomborder {
    border-bottom: solid 1px #d3d3d3;
    padding-bottom: 20px;
}

.history_part_bottom .topborder {
    border-top: solid 1px #d3d3d3;
    padding-top: 2px;
}

.history_part_bottom_line {
    position: relative;
    left: 70%;
    height: 100%;
    width: .2em;
    margin: 0 0 0 -.1em;
    background: silver;
}

.history_part_bottom p.copy_text {
    font-weight: bold;
    color: #000;
    padding-bottom: 5px;
}

.history_part_bottom .term_text {
    font-size: 12px;
    padding: 5px -1px 10px 1px;
}

.popup-block {
    background: #ffffff none repeat scroll 0 0;
    margin: 40px auto;
    max-width: 500px;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    text-align: left;
}

.popup_title {
    background: #efefef;
}

    .popup_title h3 {
        font-size: 18px;
        color: #000;
        margin: 0;
        padding: 13px 20px;
    }

.popup_content {
    margin: 0;
    padding: 15px 20px;
}

    .popup_content input, .popup_content select, .popup_content textarea { /*background:#f6f6f6;*/
    }

    .popup_content textarea {
        resize: none;
        height: 80px;
    }

.pop_col1 {
    float: left;
    width: 40%;
    padding-bottom: 5px;
}

.pop_col2 {
    float: left;
    width: 30%;
    padding-left: 10px;
    padding-bottom: 5px;
}

.pop_col3 {
    float: left;
    width: 30%;
    padding-left: 10px;
    padding-bottom: 5px;
}

.popup_content .button-part {
    text-align: center;
    margin: 0;
    padding: 10px 0 0;
}

.popup_content a.button-border {
    border-radius: 4px;
    color: #0080c9;
    margin: 0 5px;
    padding: 3px 15px;
    font-size: 16px;
    border: 1px solid #0080c9;
    cursor: pointer;
    display: inline-block;
}

    .popup_content a.button-border:hover {
        background: #0080c9;
        color: #fff;
    }

.popup_content a.submitnow-border {
    border-radius: 4px;
    color: #2d8a2d;
    margin: 0 5px;
    padding: 3px 15px;
    font-size: 16px;
    border: 1px solid #2d8a2d;
    cursor: pointer;
    display: inline-block;
}

    .popup_content a.submitnow-border:hover, .submitnow-bg {
        background: #2d8a2d;
        color: #fff !important;
    }




/* ========= create service call - add machine ============= */


.k-hierarchy-cell {
    background: #e6e6e6 none repeat scroll 0 0;
}

.k-detail-cell {
    border-top: 1px solid #c5c5c5 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.table_inside_form .col-md-4 {
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}
/*.table_inside_form .col-md-4:last-child { width: 32.5%;}*/
.table_inside_form input, .table_inside_form textarea, .table_inside_form select {
    box-sizing: border-box;
}

.table_inside_form .input_row {
    padding-bottom: 10px;
    line-height: 22px;
    font-size: 14px;
}

.all_display_meg {
    height: 120px;
    padding-top: 60px;
}

.success_meg {
    background: url("../images/sucess_msg_image.png") no-repeat scroll 0 0;
    height: 113px;
    width: 235px;
    right: -235px;
    transition: all 0.2s ease-in-out 0s;
    position: absolute;
}

    .success_meg > p {
        color: #2d8a2d;
        font-size: 19px;
        padding: 23px 0 0 90px;
    }

.success_meg_show {
    right: 0;
}

.error_meg {
    background: url("../images/error_msg_image.png") no-repeat scroll 0 0;
    height: 113px;
    width: 235px;
    right: -235px;
    transition: all 0.2s ease-in-out 0s;
    position: absolute;
}

    .error_meg > p {
        color: #ff0000;
        font-size: 19px;
        padding: 23px 0 0 90px;
    }

.error_meg_show {
    right: 0;
}

a.borderButton, .borderButton {
    border-radius: 4px;
    color: #264d6c;
    margin: 0 1px;
    padding: 3px 15px;
    font-size: 16px;
    border: 1px solid #264d6c;
    cursor: pointer;
    display: inline-block;
}

    a.borderButton:hover, .borderButton:hover {
        background: #20a9f0;
        border: 1px solid #4BB0E5;
        color: #FFF;
    }

.contenteditor {
    display: inline-block;
    width: 79%;
}

#divHelpContentManagement .form-row select.selectmaxwidth {
    max-width: 300px;
}

.bottom_User_2column li {
    width: 33.3%;
    min-height: 235px;
}


/* ======= Kendo custom style ==========*/

.row_sm-col .k-autocomplete, .row_sm-col .k-combobox {
    width: 100%;
}

.row_sm-col .k-datepicker {
    width: auto;
}




.call-schedul {
    background: #f38b48 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: block;
    padding: 2px 8px;
    text-align: center;
}

.call-pending {
    background: #2fa95c none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: block;
    padding: 2px 8px;
    text-align: center;
}

.add-machine {
    background: #20a9f0 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: block;
    padding: 2px 8px;
    text-align: center;
}

.call-schedul_updated {
    background: #e68c2d none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: block;
    padding: 2px 5px;
    text-align: center;
}

.CumminsCustomer_data .location_add {
    color: #000;
    float: left;
    padding-right: 15px;
    font-size: 15px;
    margin-top: 15px;
    font-weight: bold;
}

.CumminsCustomer_data .call_number {
    float: right;
    color: #000;
    font-size: 15px;
    font-weight: bold;
    margin-top: 15px;
}


.contact-page {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    padding: 20px;
}

.contact-inside {
    max-width: 710px;
    margin: 0 auto;
}

.contact-page ul {
}

    .contact-page ul li {
        position: relative;
        margin: 20px 0 10px 0;
        padding: 0 0 0 45px;
        list-style: none;
        font-size: 15px;
        float: left;
        width: 50%;
        line-height: normal;
    }

        .contact-page ul li .icon {
            position: absolute;
            left: 0;
            top: 0;
        }

        .contact-page ul li span {
            display: block;
            font-size: 18px;
            color: #114b7d;
            text-transform: uppercase;
            padding-bottom: 5px;
        }

.addbillto_inside {
    padding: 0px;
    position: relative;
}

. .addbillto_disnone {
    display: none;
}

table.small-editor {
    height: 350px;
}

    table.small-editor iframe.k-content {
        height: 300px; /* 50px less than the Editor height */
    }

.nodataheight {
    min-height: 233px;
}

.inputheight {
    height: 30px;
}


.Notifications_selectbox, .label {
    color: #000000;
    font-size: 14px;
    line-height: 20px;
}

    .Notifications_selectbox .form-row > label {
        width: 31%;
    }

    .Notifications_selectbox .form-row input {
        width: 61%;
    }

    .Notifications_selectbox .checkbox {
        top: 2px;
    }

    .Notifications_selectbox .form-row li {
        display: inline-block;
        padding-right: 5px;
        min-width: 130px;
    }

.display_inline {
    display: inline-block;
}




/*============= New design ===================== */

.createService_mainbox {
    height: calc(100% - 142px);
}

    .createService_mainbox .portal-details {
        height: calc(100% - 2px);
    }

.customerotherpages {
    height: calc(100% - 70px);
}

    .customerotherpages .portal-details { /*height: calc(100% - 2px);*/
        height: calc(100% - 0px);
    }

.add-portal .customer_title {
    min-height: 50px;
}


.head_right_con_top a.button_big {
    padding: 15px 15px;
    border: solid 1px #20a9f0;
}

    .head_right_con_top a.button_border, .head_right_con_top a.button_big:hover {
        border: solid 1px #fff;
        background: #264d6c none repeat scroll 0 0;
    }

        .head_right_con_top a.button_border:hover {
            background: #20a9f0 none repeat scroll 0 0;
            border: solid 1px #20a9f0;
        }

.breadcrubs_two {
    left: 0;
    position: absolute;
    top: 30px;
}

.title .breadcrubs_two a {
    float: none;
    color: #20282b;
}

    .title .breadcrubs_two a:hover {
        text-decoration: underline;
        color: #0080c9;
    }

.steps .helpicon {
    width: 16px;
    height: 16px;
    position: relative;
    cursor: pointer;
    top: 2px;
    background: url("../images/help_icon_2.png") no-repeat scroll 0 0;
    display: inline-block;
}

ul.steps li:hover span .helpicon, ul.steps li.active span .helpicon, ul.steps li.completed span .helpicon {
    background: url("../images/help_icon_white.png") no-repeat scroll 0 0;
}

.textuppercase {
    text-transform: uppercase;
}


table.simple_table {
    display: table;
    width: 100%;
    text-align: left;
    min-width: 800px;
}

    table.simple_table tr th {
        display: table-cell;
        text-align: left;
        color: #2e2e2e;
        font-weight: normal;
        font-size: 14px;
        background: #e6e6e6;
        padding: 7px 10px;
        border-right: 1px solid #fff;
    }

    table.simple_table tr td {
        padding: 7px 10px;
        border-bottom: 1px solid #e3e3e3;
        border-right: 1px solid #e3e3e3;
        vertical-align: top;
    }

    table.simple_table .blacktext {
        color: #000;
    }

    table.simple_table .smallbtn {
        padding: 4px 10px;
        font-size: 13px;
    }

        table.simple_table .smallbtn span {
            font-weight: bold;
            font-size: 14px;
        }

.twopart {
    margin: 0;
    padding: 0;
}

.part-1 {
    float: left;
    width: 50%;
}

.part-2 {
    float: left;
    width: 50%;
}

.required {
    color: #F00;
    padding: 0 3px;
}

.popupbig {
    max-width: 640px;
}

.popup-block .row {
    margin: 0 -10px;
}

.popup-block .col-md-6, .popup-block .col-md-12 {
    padding-left: 10px;
    padding-right: 10px;
}

.popup_titledata {
    color: #000000;
    font-size: 16px;
    margin: 0;
    padding: 13px 20px;
}

.popup_content .col-md-6 {
    padding-bottom: 10px;
}

.popup_content .textarea {
    height: 95px;
}

.popup_content .email-input {
    padding-right: 35px;
}

.emailrow {
    padding-bottom: 5px;
    position: relative;
}

    .emailrow .checkbox {
        top: 3px;
    }

.addicon {
    border: 1px solid #6b6b6b;
    border-radius: 2px;
    color: #2d8a2d;
    cursor: pointer;
    display: inline-block;
    font-size: 21px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 8px;
    width: 20px;
}

.status-list {
    display: inline-block;
    min-width: 130px;
}

    .status-list .checkbox {
        top: 3px;
    }

.status-notifications {
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 10px;
    padding-bottom: 20px;
    padding-top: 30px;
}

.call-remove {
    background: #f55454;
    border-radius: 5px;
    color: #fff;
    display: block;
    padding: 2px 8px;
    text-align: center;
}

    .call-remove:hover {
        color: #fff;
    }


.k-grid {
    border-left: 0 !important;
    border-right: 0 !important;
}

.grid_listing .k-grid-content .k-plus {
    background: url("../images/grid_pluse_icon.png") no-repeat scroll 0 0;
}

.grid_listing .k-grid-content .k-minus {
    background: url("../images/grid_minus_icon.png") no-repeat scroll 0 0;
}

.grid_infoicon {
    margin-top: 3px;
}

.marginTop20 {
    margin-top: 22px;
}

.popup_content .button-border {
    border-radius: 4px;
    color: #264d6c;
    width: auto;
    margin: 0 5px;
    padding: 3px 15px;
    font-size: 16px;
    border: 1px solid #264d6c;
    cursor: pointer;
    display: inline-block;
}

    .popup_content .button-border:hover, .popup_content a.button-bg {
        background: #20a9f0;
        border-color: #20a9f0;
        color: #fff;
    }

.popupscroll {
    max-height: 400px;
    overflow: auto;
}

.pad3px {
    padding: 3px;
}



.cbp-spmenu-push-toright .Call_search_section .search_box input.inputbox {
    width: 37%;
}

.help_popup_content_scroll {
    margin: 0 0 20px;
    max-height: 560px;
    overflow: auto;
}

.k-grid td {
    text-overflow: inherit;
    word-wrap: break-word;
}

.Topcall_search { /* background: #264d6c none repeat scroll 0 0; color: #fff;*/
    padding: 15px;
}

    .Topcall_search label {
        color: #20282b;
    }

    .Topcall_search .button {
        border: solid 1px #20a9f0;
        margin-top: -2px;
    }

        .Topcall_search .button:hover {
            border-color: #fff;
        }

.padleft10 {
    padding-left: 10px;
}


.findmyMachine .popup_content {
    background: #def4ff none repeat scroll 0 0;
}

.findmyMachine .popup_title {
    background: #20a9f0 none repeat scroll 0 0;
}

    .findmyMachine .popup_title h3 {
        color: #fff;
    }

.findmyMachine button.mfp-close {
    color: #ffffff;
}


.search_box_innerside {
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
}

.inputsearch {
    left: 0;
    position: absolute;
    right: 200px;
    z-index: 0;
}

.search_box_innerside .inputbox {
    background: #ffffff url("../Images/seach_big_icon.png") no-repeat scroll 5px 7px;
    box-sizing: border-box;
    font-size: 16px;
    font-style: italic;
    height: 38px;
    line-height: 20px;
    margin-right: -10px;
    padding: 6px 15px 6px 35px;
}

.search_box_innerside .button {
    border: 1px solid #0080c9;
    box-sizing: border-box;
    height: 38px;
    margin: 0 0 0 10px;
    padding: 7px 10px 6px;
    position: relative;
    top: 0;
    width: 90px;
    z-index: 1;
    float: right;
    text-transform: uppercase;
}

    .search_box_innerside .button:hover {
        border: 1px solid #0080c9;
    }

.search_box_innerside .button_border {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #0080c9;
    color: #0080c9;
}

    .search_box_innerside .button_border:hover {
        background: #015383 none repeat scroll 0 0;
        border: 1px solid #015383;
        color: #ffffff;
    }

.datefield {
    float: left;
    width: 280px;
}

.search_historysearch .inputsearch {
    left: 290px;
}

.search_historysearch .k-datepicker {
    width: 100%;
    margin-bottom: 3px;
}
    /*.search_historysearch .k-datepicker .k-input { height: 1.9em; line-height: 1.9em;  font-family: "ProximaNova-Regular",sans-serif; font-size:16px;  font-style: italic;}*/
    /*.search_historysearch .k-datepicker .k-input {
height: 2.3em;
line-height: 0.1em;
font-family: "ProximaNova-Regular",sans-serif;
font-size: 16px;
font-style: italic; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0.4em 0;
}*/
    .search_historysearch .k-datepicker .k-input {
        height: 36px;
        line-height: 17px;
        font-family: "ProximaNova-Regular",sans-serif;
        font-size: 16px;
        font-style: italic;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 6px 0;
    }

    .search_historysearch .k-datepicker .k-select {
        height: 2.6em;
        line-height: 2.6em;
    }

.datewidth {
    width: 90px;
    display: inline-block;
}


.contactblock {
    background: #F4F4F4 none repeat scroll 0 0;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    margin: 0;
    padding: 15px;
    min-height: 255px;
}

.contactnew .col-md-6 {
    padding-bottom: 30px;
}

.contactrow {
    margin: 0;
    padding: 0 0 10px 0;
    position: relative;
}

    .contactrow label {
        font-size: 16px;
        width: 140px;
        display: inline-block;
        line-height: normal;
        position: absolute;
        top: 5px;
    }

    .contactrow span.con_details {
        display: inline-block;
        font-size: 16px;
        padding: 0 0 0 150px;
    }

    .contactrow .con_details > a {
        display: inline-block;
        line-height: 20px;
        word-break: break-all;
        color: #20a9f0;
        text-decoration: underline;
    }

        .contactrow .con_details > a:hover {
            color: #264d6c;
        }

    .contactrow label.na_details {
        width: 195px;
    }

    .contactrow span.con_na_details {
        padding: 0 0 0 200px;
    }


.k-grid-header th.k-with-icon .k-link {
    padding: 0.4em 0.6em 0.4em 0 !important;
    margin-left: 0 !important;
}

.Reportssearch .col-four {
    width: 25%;
    float: left;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

.Reportssearch .col-four_of_1 {
    width: 20%;
}

.Reportssearch .col-full {
    width: 100%;
    float: left;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}
/*.Reportssearch li { float: left; width: 50%;}*/
.Reportssearch .datefield {
    width: auto;
    float: none;
}
/*.Reportssearch .threecolom_li li { float: left; width: 33.33%;}*/
.threecolom_li > li {
    float: left;
    width: 100%;
}

.Reportssearch .padBot10 {
    padding-bottom: 10px;
}

.Reportssearch .padtop10 {
    padding-top: 10px;
}

.Reportssearch .padtop20 {
    padding-top: 25px;
}

.Reportssearch .label_bold {
    font-weight: normal;
    font-size: 16px;
}

.Reportssearch .textarea {
    height: 50px;
    resize: none;
    font-size: 16px;
    font-style: italic;
    font-family: "ProximaNova-Regular",sans-serif;
}

.Reportssearch .checkbox {
    top: 2px;
}

.Reportssearch .button {
    border: 1px solid #0080c9;
    box-sizing: border-box;
    height: 38px;
    margin: 0 0 0 10px;
    padding: 7px 10px 6px;
    position: relative;
    top: 0;
    width: 90px;
    z-index: 2;
    text-transform: uppercase;
}

    .Reportssearch .button:hover {
        border: 1px solid #015383;
    }

.Reportssearch .button_border {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #0080c9;
    color: #0080c9;
}

    .Reportssearch .button_border:hover {
        background: #0080c9 none repeat scroll 0 0;
        border: 1px solid #0080c9;
        color: #fff;
    }

.Reportssearch .options label, .Reportssearch .select-all label {
    color: #2e2e2e;
}

.Reportssearch .col-four > p {
    font-size: 13px;
    line-height: 16px;
}

.Reportssearch .SumoSelect {
    width: 100%;
}

    .Reportssearch .SumoSelect > .CaptionCont {
        width: 100%;
        border-radius: 4px;
    }

        .Reportssearch .SumoSelect > .CaptionCont > span {
            color: #2e2e2e;
            font-size: 16px;
            font-style: italic;
            font-family: "ProximaNova-Regular",sans-serif;
        }

.service-report .col-four {
    width: 25% !important;
}

.service-report #txtSearch {
    width: 74.7%;
    float: left;
    height: 38px;
    font-style: italic;
    font-size: 16px;
    color: #2e2e2e;
    background: #ffffff url(../Images/seach_big_icon.png) no-repeat scroll 5px 7px;
    padding: 6px 15px 6px 35px;
}

.service-report .src-button {
    float: left;
    width: 25%;
    text-align: right;
}

.service-report > li {
    width: 100%;
    margin-right: 12px;
}

.datefield .k-picker-wrap {
    border-color: #a4a4a4 !important;
}

.disnone {
    display: none;
}

.button.orange {
    background: #f38b48 none repeat scroll 0 0;
    border-color: #f38b48;
}

    .button.orange:hover {
        background: #fff none repeat scroll 0 0;
        border-color: #f38b48;
        color: #f38b48;
    }

.marginright20 {
    margin-right: 20px;
}

.float_right {
    float: right !important;
}


.addbillto_inside .k-textbox > input, .addbillto_inside .k-autocomplete .k-input, .addbillto_inside .k-picker-wrap .k-input, .addbillto_inside .k-numeric-wrap .k-input, .addbillto_inside .k-dropdown-wrap .k-input, .addbillto_inside .k-selectbox .k-input {
    color: #2e2e2e;
    font-family: "ProximaNova-Regular",sans-serif;
    font-size: 16px;
    padding: 0.3em 0;
    font-style: italic;
}

.addbillto_inside .k-picker-wrap .k-select, .addbillto_inside .k-numeric-wrap .k-select, .addbillto_inside .k-dropdown-wrap .k-select {
    line-height: 2.5em;
}



.k-ie .SumoSelect > .CaptionCont > span.placeholder {
    color: #2e2e2e;
}

.strong-width {
    min-width: 205px;
    display: inline-block;
}

.portal_adminsearch {
    background: none;
    color: #666666;
    padding: 0;
}

    .portal_adminsearch label {
        color: inherit;
    }

.addbillto_inside .portal_adminsearch .k-textbox > input, .addbillto_inside .portal_adminsearch .k-autocomplete .k-input, .addbillto_inside .portal_adminsearch .k-picker-wrap .k-input, .addbillto_inside .portal_adminsearch .k-numeric-wrap .k-input, .addbillto_inside .portal_adminsearch .k-dropdown-wrap .k-input, .addbillto_inside .portal_adminsearch .k-selectbox .k-input {
    font-size: 14px;
    font-style: normal;
}

.addbillto_inside .portal_adminsearch .k-picker-wrap .k-select, .addbillto_inside .portal_adminsearch .k-numeric-wrap .k-select, .addbillto_inside .portal_adminsearch .k-dropdown-wrap .k-select {
    line-height: 2em;
}

.addbillto_inside .portal_adminsearch .k-multiselect-wrap {
    min-height: 2.27em;
}

    .addbillto_inside .portal_adminsearch .k-multiselect-wrap li {
        line-height: 1.7em;
    }

.addbillto_inside .portal_adminsearch .button {
    margin-right: 10px;
}

    .addbillto_inside .portal_adminsearch .button:hover {
        border-color: #264d6c;
    }

.padtop10 {
    padding-top: 10px;
    display: inline-block;
}


.home-title {
    text-align: center;
}

    .home-title h2 {
        display: inline-block;
    }

    .home-title .help_div {
        display: inline-block;
        float: none;
        margin-top: 25px;
        vertical-align: top;
        opacity: 0.7;
    }

.button-inline-margin {
    display: inline-block;
    margin: 0 5px 0 0;
    min-width: 48px;
}

.valign {
    vertical-align: top;
}

.zipcode-popup {
    width: 100% !important;
}

    .zipcode-popup .k-input {
        height: 1.95em !important;
    }

.verisign {
    margin-top: 15px;
}


.admintable-grid {
    border-left: solid 1px #c5c5c5 !important;
    border-right: solid 1px #c5c5c5 !important;
}

.login-banner {
    height: 250px;
    margin-bottom: 15px;
    border-top: 1px solid #d4e6ef;
    border-bottom: 1px solid #d4e6ef;
    margin-top: 3px;
    background: url(../Images/loging-banner.png) no-repeat center top;
    background-size: cover;
}

.login-banner-title {
    background: rgba(233,91,41,0.8);
    color: #fff;
    font-size: 24px;
    font-weight: normal;
    display: inline-block;
    vertical-align: top;
    margin: 90px 0 0 20px;
    padding: 15px;
    line-height: normal;
    font-weight: normal;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}

    .login-banner-title strong {
        display: block;
        font-size: 20px;
        font-weight: normal;
        margin: 5px 0px;
    }

.login-contant {
    text-align: left;
    float: left;
    max-width: 60%;
    padding-left: 15px;
    width: 100%;
}

    .login-contant h2 {
        color: #000;
        font-size: 24px;
        margin-bottom: 15px;
        font-weight: normal;
    }

    .login-contant p {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .login-contant li {
        float: left;
        width: 50%;
        margin-top: 15px;
        margin-top: 6px;
    }

        .login-contant li a {
            background: #000;
            color: #fff;
            display: block;
            font-size: 16px;
            padding: 25px 2px 0;
            text-align: center;
            font-weight: 600;
            height: 80px;
        }

            .login-contant li a:hover {
                background: #0880c7;
            }

            .login-contant li a i {
                display: inline-block;
                vertical-align: top;
                width: 42px;
                height: 42px;
                background: #e85a2a;
                text-align: center;
                border-radius: 50%;
                margin-right: 10px;
                overflow: hidden;
                margin-top: -6px;
            }

                .login-contant li a i img {
                    width: 100%;
                }

    .login-contant .ul-list {
        margin-bottom: 15px;
        float: left;
        width: 100%;
        list-style-type: disc;
    }

        .login-contant .ul-list li {
            font-size: 16px;
            margin: 0 0 0 0;
            width: 100%;
            list-style-position: inside;
            display: list-item;
        }

.login-main {
    max-width: 985px;
    margin: 0 auto 0px;
}

.rest-password .login_box {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-top: 10%;
    width: 450px;
}

.aboutus-page, .privacy-policy {
    background: #fff;
    padding: 15px;
    margin: 25px 0 40px;
    border-radius: 5px;
    text-align: justify;
}

    .aboutus-page h1, .privacy-policy h1, .contact-page h1 {
        font-family: "ProximaNova-Light";
        font-size: 60px;
        margin-bottom: 50px;
        text-align: center;
    }

    .aboutus-page .ckeditor_ul {
        font-size: 14px;
        color: #505152;
        font-weight: normal;
        list-style: disc;
        margin: 10px 0 40px 15px;
    }

        .aboutus-page .ckeditor_ul li {
            margin-bottom: 5px;
        }

    .aboutus-page h2.subtittle_grey {
        font-weight: 500;
        color: #000;
        font-size: 20px;
        font-weight: 600;
        margin: 15px 0;
    }

    .aboutus-page a, .privacy-policy a {
        color: #1883ba;
    }

    .privacy-policy span.block {
        display: block;
    }

    .privacy-policy p {
        margin-bottom: 20px;
    }

.contact-page {
    margin: 25px 0 70px;
}

.btnSave.disabled {
    background-color: darkgray !important;
    border-color: gray !important;
}

.aboutus-page .btnSave, .privacy-policy .btnSave {
    color: #fff;
}

.addbillto_inside .portal_adminsearch .k-dropdown-wrap .k-input {
    background: #fff;
    display: block;
}

.addbillto_inside .col-sm-md-inside-2of5 .k-dropdown-wrap.k-state-default:before, .addbillto_inside .col-sm-md-1 .k-dropdown-wrap.k-state-default:before {
    display: none;
}


.smallboxinput {
    position: relative;
}

.phonetext {
    display: inline-block;
    padding-left: 20px;
    position: absolute;
    right: 0;
    top: 9px;
    vertical-align: top;
    width: 35%;
}

.phonecheckbox {
    left: 0;
    position: absolute;
    top: 0px;
}

.phonecheckbox2 {
    left: 0;
    position: absolute;
    top: 43px;
}

.smallboxinput input {
    width: 43%;
}

.k-grid .k-grid-content td {
    height: auto;
}

.padleftright20 {
    padding: 20px 20px 0px 20px;
}

body > .k-animation-container {
    transform: translate(-50px,0px);
}

.no-clickable {
    cursor: default !important;
}

.tiles-box {
    border: solid 1px #d3d3d3;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 15px 0;
    border-radius: 5px;
}

.tiles-box-inner-brder {
    border: solid 1px #d3d3d3;
    padding: 15px;
    border-radius: 5px;
}

.tiles-box .form-row .width-auto {
    width: auto;
}


.checkbox label.checkbox-color:after {
    background-color: #358f35 !important;
    width: 10px;
    height: 10px;
    border: 0;
    top: 2px;
    left: 2px;
    transform: inherit;
    opacity: 1 !important;
}

.disableddev {
    pointer-events: none;
    opacity: 0.8;
}

.new-group li {
    margin-bottom: 5px;
}

.new-group input {
    display: inline-block;
    vertical-align: top;
    width: auto;
    background: #20a9f0;
    color: #fff;
    padding: 2px 8px;
    border-radius: 5px !important;
    border: 0;
}

.pad15 {
    padding-top: 15px;
}

    .pad15 .Location_group_box {
        margin-bottom: 15px;
    }

.customer-group-details-box {
    max-height: 300px;
    overflow: auto;
}

    .customer-group-details-box .form-row .width-auto {
        max-width: 92%;
    }

    .customer-group-details-box .form-row .checkbox {
        vertical-align: top;
        margin-top: 5px;
    }

.customerotherpages .orange {
    border: 1px solid #f38b48;
}

.new-group input {
    cursor: pointer;
}

.site-table {
    /*border:1px solid #b9b9b9;*/
    width: 100%;
}

    .site-table th {
        background: #f9f9f9;
    }

    .site-table tr td, .site-table tr th {
        padding: 2px 5px;
        border: 1px solid #b9b9b9;
    }

.contactrow span.BranchPopup {
    padding-left: 0;
    float: right;
}

    .contactrow span.BranchPopup a, .contactrow span.BranchPopup button {
        color: #fff;
        background: #20a9f0;
        border-radius: 5px;
        padding: 10px;
        font-weight: 700;
        font-size: 16px;
    }

.dashboard_grid_btm-4 li {
    width: 25% !important;
}


/****/
.maintenance-form label {
    width: auto;
}

.maintenance-form .checkbox label {
    width: inherit;
}

.maintenance-form h3 {
    font-weight: bold;
}

.maintenance-form input[type="text"] {
    width: 100%;
}

.maintenance-form .textarea {
    height: 80px;
}
/*****/
/*.box-wrap{position:relative;}
    .login-notification{position:absolute;}*/
.noti-box {
    border: 0px solid #c0c0c0;
    margin-bottom: 10px;
    background-color: #0880c7;
    width: 100%;
    padding: 0 10px 10px 10px;
    border-radius: 4px;
}

    .noti-box .head h3 {
        font-weight: bold;
        padding: 10px 0;
        color: #fff;
        text-align: center;
    }

    .noti-box .noti-text {
        padding: 10px;
        background: #fff;
        border-radius: 4px;
        max-height: 100px;
        overflow: auto;
    }

.login-notification {
    padding-top: 10px;
}

.button-grren:hover {
    background: #2FA980;
    color: #ffffff;
}

.button-grren {
    font-size: 16px;
    display: inline-block;
    line-height: 16px;
    padding: 8px 15px;
    border-radius: 4px;
    transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    border: none;
    background: #2fa95c none repeat scroll 0 0;
    color: #fff;
    width: auto;
    cursor: pointer;
}

.padleft0 {
    padding-left: 0px;
}
/*******/
.maintenance-details {
    background-color: #fff;
    width: 480px;
    border-radius: 15px;
    padding-bottom: 25px;
    left: 50%;
    margin-left: -240px;
    position: absolute;
    top: 40%;
    -webkit-transform: translate3d(0px, -50%, 0px) !important;
    -moz-transform: translate3d(0px, -50%, 0px) !important;
    transform: translate3d(0px, -50%, 0px) !important;
    text-align: center;
}

.maintenance-bg {
    background-image: url(../images/body_bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.portal-summry {
    font-size: 16px;
    padding-left: 40px;
}

.summry-cnt {
    color: #f55454;
    font-weight: 600;
}

.addnewbtn {
    background: #20a9f0 none repeat scroll 0 0;
    border-radius: 5px !important;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    padding: 4px 8px;
    text-align: center;
    border: none;
    white-space: normal;
    cursor: pointer;
    width: auto;
}

.editbtn {
    background: #2fa95c none repeat scroll 0 0;
    border-radius: 5px !important;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    padding: 4px 8px;
    text-align: center;
    border: none;
    white-space: normal;
    cursor: pointer;
    width: auto;
    margin-right: 10px;
}

.deletebtn {
    background: #f55454 none repeat scroll 0 0;
    border-radius: 5px !important;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    padding: 4px 8px;
    text-align: center;
    border: none;
    white-space: normal;
    cursor: pointer;
    width: auto;
}

.ui-icon-closethick {
    display: none;
}

.portal-form h2 .btn {
    float: right;
    width: auto;
    background: #f55454 none repeat scroll 0 0;
    border-radius: 5px !important;
    color: #fff;
    display: block;
    padding: 8px 8px;
    text-align: center;
    border: none;
    cursor: pointer;
    font-size: 14px;
}

.step-btn {
    background: #2fa95c none repeat scroll;
    border-radius: 3px !important;
    display: block;
    font-size: 20px;
    height: 30px;
    line-height: 18px;
    margin: 0 auto;
    text-align: center;
    top: 0;
    width: 30px;
    color: #fff;
    border: 0;
    z-index: 2;
    position: relative;
    cursor: pointer;
}

.portal_step ul li span {
    cursor: pointer;
}

.curent_active .step-btn {
    background: #0080c9;
}

.cancelbtn {
    background: #DFDFDF none repeat scroll 0 0;
    border-radius: 4px !important;
    color:#000;
}

    .cancelbtn:hover {
        background: #0080c9 none repeat scroll 0 0;
        color: #fff;
    }

.addbtn {
    background: #2fa95c none repeat scroll 0 0;
    border-radius: 4px !important;
}

    .addbtn:hover {
        background: #228B22 none repeat scroll 0 0 !important;
    }

.searchSNID {
    background: #FFCD00 none repeat scroll 0 0;
    border-radius: 4px !important;
    color: #000;
}
    .searchSNID:hover {
        background: #DFDFDF none repeat scroll 0 0 !important;
        color: #000;
    }

.filterbtn {
    padding: 8px 8px;
    border-radius: 4px !important;
    vertical-align: inherit !important;
}

    .filterbtn:hover {
        background: #015383;
        color: #ffffff;
    }

.unlockbtn {
    width: auto !important;
    float: right;
    border-radius: 0px !important;
}

.head_right_con_top input.icon_button, .inputcsvbtn {
    border-radius: 4px !important;
    color: #FFF;
    padding: 6px 12px;
    margin-left: 10px;
}

    .head_right_con_top input.icon_button img {
        float: left;
        vertical-align: middle;
        margin-right: 5px;
        padding: 0;
    }

    .head_right_con_top input.icon_button p {
        float: left;
        vertical-align: middle;
        padding: 0;
        margin: 0;
        font-size: 16px;
        line-height: 20px;
    }

.head_right_con_top input.mailbtn {
    background: #2d8a2d;
}

.head_right_con_top input.pdfbtn {
    background: url(../images/pdf_icon.png) 8px 8px no-repeat #f55454;
    vertical-align: middle;
    border: 0px;
    width: auto;
    padding-left: 32px;
    font-size: 16px;
    line-height: 20px;
}

.head_right_con_top input.csvbtn, .inputcsvbtn {
    background: url(../images/csv_icon.png) 8px 8px no-repeat #f55454;
    vertical-align: middle;
    border: 0px;
    width: auto;
    padding-left: 35px;
    font-size: 16px;
    line-height: 20px;
}

.head_right_con_top input.pdfbtn:hover {
    background: url(../images/pdf_icon.png) 8px 8px no-repeat #20a9f0;
    color: #fff;
    cursor: pointer;
}

.head_right_con_top input.csvbtn:hover, .inputcsvbtn:hover {
    background: url(../images/csv_icon.png) 8px 8px no-repeat #20a9f0;
    color: #fff;
    cursor: pointer;
}

.portal_step ul li .step-btndefault {
    background: #c8c8c8 none repeat scroll;
    border-radius: 3px !important;
    display: block;
    font-size: 20px;
    height: 30px;
    line-height: 18px;
    margin: 0 auto;
    text-align: center;
    top: 0;
    width: 30px;
    color: #224561;
    border: 0;
    z-index: 2;
    position: relative;
}

.add-machine-btn .btn {
    width: 100% !important;
    margin: 0px !important;
    text-align: center !important;
}


.header-inside {
    margin: 0 auto 0px;
}

.title h2 {
    font-size: 24px;
    text-align: left;
    margin: 0;
    padding: 15px 0 !important;
    color: #fff;
    text-align: center;
}

    .title h2:before{
        content: '';
        width: 90px;
        position: absolute;
        top: 50px;
        margin: auto;
        left: 0;
        right: 0;
        background: #fdd13c;
        height: 3px;
    }

.page-title {
    display: flex;
    flex: 33.33%;
    text-align: center;
    justify-content: center;
    font-size: 24px;
    position: relative;
    color: #EEECED;
    padding-bottom: 10px;
}

    .page-title:before {
        content: '';
        width: 90px;
        position: absolute;
        bottom: -5px;
        margin: auto;
        left: 0;
        right: 0;
        background: #fdd13c;
        height: 3px;
    }


.machine-received-option {
    padding-left: 210px;
}

    .machine-received-option .form-row {
        position: relative;
    }

    .machine-received-option .form-datadiv {
        padding-left: 200px;
    }

        .machine-received-option .form-datadiv .received-at {
            padding: 3px 0 0 0;
            float: left;
            width: auto;
        }

            .machine-received-option .form-datadiv .received-at input {
                width: auto;
                margin-top: 6px;
                float: left;
                margin-right: 3px;
                -webkit-appearance: radio;
            }



.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #a94442;
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

    .has-error .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    }

.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
}

.has-error .form-control-feedback {
    color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
    top: 25px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #a94442;
}

.form-group {
    margin-bottom: 15px;
}



@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(359deg);
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

.machineprob-div {
    padding-left: 202px;
    padding-right: 20px;
}

.k-list .k-item.k-state-hover {
    background-color: #0077c8 !important;
    color: #ffffff;
    border: 0 !important;
    background-image: none !important;
}

.k-list .k-item.k-state-focused {
    background-color: #0077c8 !important;
    color: #ffffff;
    border: 0 !important;
    background-image: none !important;
}

@media (max-width: 1599px) {
    .header .page-title {
        order: 3;
        max-width: 100%;
        flex: 0 0 100%;
    }
}

@media screen and (min-width:1450px) {
.contactnew .col-md-6 {   width: 33.33%;}	
.Reportssearch li { width:50%;float:left; }
.login-banner{background-size:100% 100%;}

.smallboxinput input { width: 53%;}
.phonetext { width: 25%;}


}

@media screen and (min-width:1281px) {
	/*.container{ width:1000px;}*/
    

}

@media screen and (max-width:1281px) {
.pending_text_cel { font-size: 19px;}
.pending_text_cel span { font-size: 23px;}
.col-sm-md-2 { width: 37%;}	
.col-sm-md-1 { width: 21%;}
/*.col-sm-md-singal { width: 20%;}*/
.login-banner{background-size:100% 100%;}

}


@media screen and (max-width:1200px) {

.dark-grey-bg { padding: 0; position: absolute; border-bottom:0 !important;  right: -60px; width: 50px;  min-height: 56px;}
.cbp-spmenu-left.cbp-spmenu-open .dark-grey-bg { right: -50px;}
/*#showLeftPush { padding: 18px 0 0; right: 13px; width: auto;}*/
#showLeftPush { padding: 18px 0 19px; right: 0; text-align: center; width: 100%;}
.mid-left { z-index: 11; position:absolute; left: -280px; width:270px;}
.cbp-spmenu-left.cbp-spmenu-open { left: 0;}
.mid-right { width: 100%;  margin-left: 0;}
.cbp-spmenu-push-toright .mid-right { margin: 0; width: 100%;}
.cbp-spmenu-push.cbp-spmenu-push-toright .mid-left li a { padding: 20px 0 20px 0;}
.mid-left li i { margin-right: 10px; position: relative;}
.mid-left li p { width:auto !important;}
.cbp-spmenu-push-toright .Call_search_section .search_box input.inputbox {
  width: 47%;
}
 

header .logo { padding-left: 70px;}
header { padding-left: 0;}
    .main_login{padding-bottom:90px;}
    .login-contant li a{ font-size:16px;}
        .login-contant li a i
        {
             margin-top:-10px;
        }
.login-main{ max-width:100%; padding:0 15px; width:100%;}

}

@media screen and (max-width:1024px) {

	.container{ width:940px;}
	.dashboard_grid_btm li span{padding: 10px 0px; font-size:26px; }
/*	.dashboard {    margin: 50px auto;    overflow: hidden;}*/
.dashboard { margin: 50px auto; overflow: hidden; padding: 0 0 60px;}
.dashboard h2   { margin-bottom: 30px;   }
.dashboard_grid_btm_customer li span{padding: 10px 10px;}
.dashboard .dashboard_grid-2 li span { font-size:26px; padding-top: 10px;  line-height: 30px; }

/*.dashboard .dashboard_grid-2 li {  min-height: 232px; padding-bottom: 40px; padding-top: 40px;}*/

.user-management_page .col-md-5 { width: 100%;}
.user-management_page .col-md-7 { width: 100%; border-left:0;}

.user-management_page .col-md-6 { width: 100%;}

.add-user_page .form-row input, .add-user_page .form-row select { width: 78%;}

.portal_step ul li { padding: 0;}	
.portal_step ul li::after { border-bottom: 2px solid #c8c8c8;content: ""; display: block; left: -60%; position: absolute; right: 0; z-index: 0;}

.portal_step ul li:nth-child(2)::after { left: -40%; padding-left: 40px; right: 50%; }	
.form-row .email-input { width: 55%;}


.accordion { font-size: 16px;}

.cbp-spmenu-push-toright .Customer_data_inside .col-md-5 { width:100%;}
.cbp-spmenu-push-toright .Customer_data_inside .col-md-7 { width:100%; padding-top:20px;}
/*.cbp-spmenu-push-toright .pending_text_cel { float: none; text-align:right;}*/
.cbp-spmenu-push-toright .ServiceCall_border { border:none;}
.cbp-spmenu-push-toright .col-sm-md-1 { width: 50%;}
.cbp-spmenu-push-toright .col-sm-md-2 { width: 50%;}
.cbp-spmenu-push-toright .col_cler-left { clear: none;}
.cbp-spmenu-push-toright .search_buttondiv { padding-top: 10px;}
/*.cbp-spmenu-push-toright .col-sm-md-singal { width: 50%;}
.cbp-spmenu-push-toright .col-sm-md-singal .search_buttondiv { padding-top: 10px;}	*/
table.small-editor{height: 240px;}
table.small-editor iframe.k-content{height: 240px; /* 50px less than the Editor height */}
    .search_buttondiv > a {
        font-size: 14px;
    }

.k-safari .k-pager-numbers, .k-safari .k-grid .k-pager-numbers{
  display: -webkit-inline-flex;
  display: inline-flex;
  flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
-moz-flex-direction: column-reverse;
  left: 4.8em;
  position: absolute;
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
}
.k-safari .k-pager-numbers .k-current-page .k-link{
  border-radius: 1.0833em;
  padding: 0 0.429em 0 0.714em; text-align:left;
  width: 3.2em;
}
.k-safari .k-pager-numbers li:not(.k-current-page) { display: none;}
.k-safari .k-pager-numbers .k-current-page .k-link::after, .k-safari .k-scheduler-views > li.k-state-selected > .k-link::after{
  content: "";
  display: block;
  height: 1.333em;
  margin-top: -0.5em;
  position: absolute;
  right: 0.333em;
  top: 50%;
  width: 1.333em;
}
.k-safari .k-pager-numbers .k-current-page, .k-safari .k-grid .k-pager-numbers .k-current-page { border-left: 0 none; display: block; transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%);}
.k-safari .k-pager-numbers.k-state-expanded li{ display: inline-block; line-height:2em;}
.k-safari .k-pager-numbers + .k-link {
  margin-left: 4.8em;
}
.k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view, .k-safari .k-pager-numbers .k-current-page .k-link {
  background-color: #e9e9e9;
  background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0) 100%);
  background-position: 50% 50%;
  border-color: #c5c5c5;
}

.k-safari .k-pager-numbers.k-state-expanded .k-current-page{ margin: -2.4em -3px 0; padding: 0;}
.k-safari .k-pager-numbers.k-state-expanded, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
  background-color: #e3e3e3;
  border-color: #c5c5c5;
  border-radius: 4px 4px 0 0;
  border-style: solid;
  border-width: 1px 1px 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}
.k-safari .k-pager-wrap {
  overflow: visible;
}
.k-safari .k-pager-wrap .k-pager-nav .k-safari .k-pager-input{
  display: inline-block;
  float: none;
  vertical-align: top;
}
.k-safari .k-pager-wrap > .k-link { display:inline-block; float:none;}
.k-safari .k-pager-numbers .k-state-selected, .k-safari .k-pager-numbers .k-link{
  border-radius: 3px;
}
.k-safari .k-pager-numbers .k-state-selected, .k-safari .k-pager-numbers .k-link {
  display: block;
  margin-right: 0;
  padding: 1px 5px;
  text-align: left;
}


ul.steps li span.stepmid {font-size: 17px;}

#btnClear {
    margin-right: 0;
}

.part-1 { width: 100%;}
.part-2 { width: 100%;}


.steps .helpicon {top: 3px;}

.col-sm-md-1 { width: 20%;}
.col-sm-md-ipad { width: 40%;}


.Call_search_section .search_box input.inputbox { width: 53%; height: 32px;  padding: 3px 15px 4px 35px;    background-position: 5px 7px;
    background-size:20px auto; font-size: 13px;}
.cbp-spmenu-push-toright .Call_search_section .search_box input.inputbox { width: 53%;}
.Call_search_section .search_right .button { height: 32px; padding: 7px 10px 6px;  text-transform: inherit;   min-width: inherit !important;}
.Call_search_section .button { height: 32px; padding: 3px 5px; width: 60px;  text-transform: inherit;  font-size: 14px;}
.inputsearch { right: 140px;}
.search_box_innerside .inputbox { background-position: 5px 7px; background-size: 20px auto; font-size: 13px; height: 32px; padding: 3px 15px 4px 35px;}
    .service-report #txtSearch
    {
        background-position: 5px 7px; background-size: 20px auto; padding: 3px 15px 4px 35px;
    }
.search_box_innerside .button { font-size: 14px; height: 32px; padding: 3px 5px; width: 60px;text-transform: inherit;}
.search_historysearch .k-datepicker .k-select { height: 2.1em; line-height: 2.1em; }
.search_historysearch .k-datepicker .k-input { /*height: 2.1em; line-height: 2.1em; */font-size:13px; height: 30px;}

.head_right_con_top a.button_big { font-size: 14px; padding: 7px 10px; text-transform: capitalize;}
/*.add-portal .title { margin-bottom:30px;}*/
.Reportssearch .button { font-size: 14px; height: 32px; padding: 3px 5px; width: 60px;text-transform: inherit;}
.SelectBox { padding: 1px 8px !important;}

.Groupspage_search .k-textbox > input, .Groupspage_search .k-autocomplete .k-input, .Groupspage_search .k-picker-wrap .k-input, .Groupspage_search .k-numeric-wrap .k-input, .Groupspage_search .k-dropdown-wrap .k-input, .Groupspage_search .k-selectbox .k-input {
  padding: 0.14em 0;
}

.col-sm-md-singal-small {
  width: 14.5%;
}
.col-sm-md-singal-button {
  width: 31%;
}

.addbillto_inside .k-textbox > input, .addbillto_inside .k-autocomplete .k-input, .addbillto_inside .k-picker-wrap .k-input, .addbillto_inside .k-numeric-wrap .k-input, .addbillto_inside .k-dropdown-wrap .k-input, .addbillto_inside .k-selectbox .k-input {
    padding: 0.13em 0;
}
.addbillto_inside .k-picker-wrap .k-select, .addbillto_inside .k-numeric-wrap .k-select, .addbillto_inside .k-dropdown-wrap .k-select {   line-height: 2.1em;}
.addbillto_search .button { font-size: 14px; /*padding: 6px 10px;*/}

.addbillto_inside .portal_adminsearch .k-textbox > input, .addbillto_inside .portal_adminsearch .k-autocomplete .k-input, .addbillto_inside .portal_adminsearch .k-picker-wrap .k-input, .addbillto_inside .portal_adminsearch .k-numeric-wrap .k-input, .addbillto_inside .portal_adminsearch .k-dropdown-wrap .k-input, .addbillto_inside .portal_adminsearch .k-selectbox .k-input {
  padding: 0.35em 0;
}


.contactblock {  min-height: 315px;}
.service-report #txtSearch{ height:32px; font-size:13px;}
    .Reportssearch .SumoSelect > .CaptionCont > span
    {
         height:29px; font-size:13px; padding-top:3px
    }
	
	
.add-user_page .smallboxinput .form-row input { width: 42%;}
    .search_historysearch .k-datepicker
    {
         margin-bottom:7px;
    }

.assume-sumry { display: block; padding-top: 15px;}
.assume-sumry .portal-summry:first-child { padding-left:0;  }
    /*.grid_listing{margin-top:10px;}*/
    .portal-sumry { padding-top: 15px;}
}

@media screen and (max-width:980px){
.col-sm-md-singal { width: 50%;}	
.col-sm-md-singal .search_buttondiv { padding-top: 10px;}
.Topcall_search .resultbox { width: 50%;}	

.cbp-spmenu-push-toright .col-md-6 { width:100%;}
.cbp-spmenu-push-toright .col-md-6:last-child { padding-top:20px;}

/*.Reportssearch .col-sm-md-inside-2of5 { width:100%; padding:0; margin-bottom:10px;}*/ 
.Reportssearch .threecolom_li li { width: 100%;}
.Reportssearch li { width: 100%;}
.Reportssearch .padtop10 { padding-top: 0;}
.Reportssearch .padtop20 { padding-top: 0;}

.service-report{ padding-top: 10px ; float:left; width:100%;}





.col-sm-md-singal { width: 33%; padding-bottom:5px;}
.col-sm-md-singal-button {width: 64%;}
.col-sm-md-singal .search_buttondiv { padding-top: 26px;}
.portal-summry{font-size: 16px;padding-left:25px;}
.grid_mrgtop{margin-top:10px;}
 .portal-sumry { display:block;}
 .portal-sumry .portal-summry {padding-left:0px !important;}		
}

@media screen and (max-width:991px){
	.login_box{ position:static; width:100%; margin-bottom:30px;}
	.main_login{ padding-bottom:70px;}
	.login-contant li{ float:none; display:inline-block; vertical-align:top; margin-left:-4px;}
    .login-contant
    {
         max-width:100%;
		 padding-left:0;
    }
	.login-bg footer{ position:static}
    .dashboard .dashboard_grid4 li
    { min-height:295px;
    }

}
	
@media screen and (min-width:768px) and (max-width:959px) {
	.container{ width:700px;}
	.col-sm-12{width:100%}
	.col-sm-11{width:91.66666667%}
	.col-sm-10{width:83.33333333%}
	.col-sm-9{width:75%}
	.col-sm-8{width:66.66666667%}
	.col-sm-7{width:58.33333333%}
	.col-sm-6{width:50%}
	.col-sm-5{width:41.66666667%}
	.col-sm-4{width:33.33333333%}
	.col-sm-3{width:25%}
	.col-sm-2{width:16.66666667%}
	.col-sm-1{width:8.33333333%}
	header .company_logo{ position:inherit}
	.pending_service,.machine_search_form{ width:auto; margin:0 20px; float:none; margin-top:20px;}
	.serial_number,.model_number,.last_update{ display:none}
	/*.dashboard_grid_btm li span{padding: 10px ; font-size: 18px; line-height:20px;}*/
		
	
.allowed_Functions { max-width: inherit;}		
.allowed_Functions_button {max-width: inherit;}
.add-user_page .col-md-5 { width: 100%;}	



 
.cbp-spmenu-push-toright .col-sm-md-inside-2of2 { width: 100%;}
.cbp-spmenu-push-toright .col-sm-md-inside-2of1 { padding-left: 0; width: 100%; padding-top: 10px;}
/*.cbp-spmenu-push-toright .search_buttondiv {padding-top: 20px;}*/
table.small-editor{height: 450px;}
table.small-editor iframe.k-content{height: 400px; /* 50px less than the Editor height */}

.dashboard .dashboard_grid-2.dashboard_cusadmin li a { padding-bottom: 40px; padding-top: 29px;  }
.dashboard_grid_btm .contact_cust  { padding-bottom:0;  }



}	


@media screen and (max-width:959px){
	
.portal_step ul li {padding: 0 0 0 11px;}

.portal_step ul li a { line-height: 15px;}	

.Customer_data_inside .col-md-5 { width:100%;}
.Customer_data_inside .col-md-7 { width:100%; padding-top:20px;}

.add-portal .title h2 { font-size:25px;}
/*.head_right_con_top a.button { font-size: 14px; text-transform: capitalize;}	*/

.pending_text_cel { float: none; text-align:right;}
.ServiceCall_border { border:none;}

.col-sm-md-1 { width: 50%;}
.col-sm-md-2 { width: 50%;}
.col_cler-left { clear: none;}
.col-sm-md-inside-2of2 { width: 100%;}
.col-sm-md-inside-2of1 { padding-left: 0; width: 100%; padding-top: 10px;}
.search_buttondiv {padding-top: 20px;}

.history_details_top .col-md-6 { width:100%;}
.history_details_top .col-md-6:last-child { padding-top:20px;}

.history_part_bottom_leftpart { border-bottom: 1px solid #d3d3d3; border-right: medium none; padding: 0 0 10px; width: 100%;}
.history_part_bottom_rightpart { width: 100%;}

ul.steps li span.stepmid { font-size:14px;}

 
.table_inside_form { position: relative;}
.table_inside_form .col-md-4 { padding: 0 5px;  transition: all 0.2s ease-in-out 0s;  width: 50%;}
.table_inside_form .col-md-4:last-child {
  position: absolute;
  right: 0;
  top: 0;
  transform: scale(1, 0);
  transform-origin: 0 0 0;
}
.all_display_meg   { padding-top:0;   }
.table_inside_form .col-md-4.msg-show_responsive { transform: scale(1, 1);}
.success_meg {  right: 0px;  top: -113px;}
.error_meg {  right:0;  top: -113px;}
.error_meg_show { right: 0; z-index:10;  top:0;}
.success_meg_show { right:0px; z-index:10; top:0;}
 
.contactnew .col-md-6 {   width:100%;}	

.Call_search_section .search_box input.inputbox { width: 36%;}
.cbp-spmenu-push-toright .Call_search_section .search_box input.inputbox {  width: 36%;}

    .Location_Scrollbox    {height:300px;    }
.addbillto_inside .portal_adminsearch .button { margin: 6px 10px 0 0;}
.addbillto_inside .portal_adminsearch .k-multiselect-wrap {
  min-height: 2.3em;
}

.contactblock { min-height:inherit;}

.service-report #txtSearch{ width:74.5%; height:34px}
.service-report .src-button{ width:25%}

/*.phonecheckbox2 { top: 64px;}*/
.add-user_page .smallboxinput .form-row input { width: 52%;}	
.phonetext { width: 25%;}
    .buttondiv-col {
        width: 100% !important;
        padding: 0 0 15px 0 !important;
        text-align:right !important;
    }

}
	
@media screen and (max-width:767px){
	.container{ width:auto; padding:0 10px;}
	.col-xs-12{width:100%}
	.col-xs-11{width:91.66666667%}
	.col-xs-10{width:83.33333333%}
	.col-xs-9{width:75%}
	.col-xs-8{width:66.66666667%}
	.col-xs-7{width:58.33333333%}
	.col-xs-6{width:50%}
	.col-xs-5{width:41.66666667%}
	.col-xs-4{width:33.33333333%}
	.col-xs-3{width:25%}
	.col-xs-2{width:16.66666667%}
	.col-xs-1{width:8.33333333%}
	header .company_logo{ position:inherit}
	.pending_service,.machine_search_form{ width:auto; margin:0 20px; float:none; margin-top:20px;}
	header .company_logo{ position:absolute; top:0px; left:inherit; right:10px;}
	header .logo,header .right_header{ float:none; width:100%;}
	header .right_header{ text-align:right; border-top:1px solid #339ad1;}
	

header .right_header > ul > li { padding: 4px 12px;}	
header .right_header > ul > li a.notification { padding: 4px 12px;}

.Call_search_section .search_box input.inputbox { margin-bottom: 10px; width: 100%;}
.cbp-spmenu-push-toright .Call_search_section .search_box input.inputbox { width: 100%;}
.Call_search_section .search_right { top: 57px;}

.cbp-spmenu-push { height: auto; overflow-x: inherit;}
.wrapper { padding-bottom:0;}
footer { position:relative;}
	
.add-portal { height: auto; overflow: inherit;}	
.addportal-box { height: auto !important; overflow:visible !important;}
.portal-details { height: auto; overflow: inherit;}
.Call_search_section { border-radius: 6px 6px 0 0;}


table.simple_table { min-width:inherit;}	
table.simple_table thead { display:none;}
table.simple_table tbody,
table.simple_table th,
table.simple_table td,
table.simple_table tr {
display: block;
}
	table.simple_table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
	table.simple_table tr td{	border: none;
-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
	-o-box-sizing: border-box;
position: relative;
padding-left: 50%;

text-align:left;}
	
	table.simple_table tr td:before{ content:attr(data-label); position: absolute; top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
 
text-align:left;
color:#000000;  }	
table.simple_table tr { border-bottom:solid 1px #e3e3e3;}


.createService_mainbox .k-grid-content, .createService_mainbox .grid_listing, .customerotherpages .grid_listing, .customerotherpages .k-grid-content{ height: auto !important;}
.createService_mainbox .portal-details {   height: auto;}
.add-portal { margin-left:10px; margin-right:10px;}
	
.dark-grey-bg { min-height: 53px;}	
header .usermenu {  top: 33px;}	
header .notificationmenu {top: 34px;}
.datefield { margin-bottom: 10px; width: 100%;}
.search_historysearch .k-datepicker { width: 100%;}
.search_historysearch .inputsearch { left: 0; top: 42px;}


.form-row > label { position: relative; top: 0;}
.form-datadiv { padding: 0; min-height: inherit;}
.machine-received-option {  padding-left: 0;}
.machine-received-option .form-datadiv {  padding-left: 0;}


	
}

@media screen and (max-width:680px){
ul.steps li span.stepmid { line-height: 19px; padding-right: 20px;}
/*.Call_search_section .search_box input.inputbox { width: 54%;}	*/
}

@media screen and (max-width:640px){
		.page_title .float_l{ width:100%; float:none}
		.page_title .float_r{ width:100%; float:none; margin-bottom:20px; text-align:right}
		footer{ height:auto; text-align:center; line-height:30px; padding:10px 0;}
		footer .float_l,footer .float_r{ width:100%; float:none;}


.steps .helpicon { top: 0;}	

 

}


@media screen and (max-width:600px){
.pending_text_cel {  text-align: left;    padding-top: 10px; padding-left:0; margin-left:0;}
.breadcrubs_two { clear: both; margin: 10px 0 0; position: relative; top: 0; width: 100%;}
.head_right_con_top { clear: both; float: none; width: 100%;}
.head_right_con_top a.button { margin-left: 0;  margin-right: 10px;} 
 


}
@media screen and (max-width:479px){


    .login_logo span{
        width :60%;
    }

	header .company_logo{ width:150px;}
	header .company_logo img{ max-width:100%;}
header .right_header > ul > li.backli > a {  padding: 19px 10px 19px 6px;}

.add-portal { overflow: visible;}
ul.steps li span.stepmid {  font-size: 13px;  line-height: 14px; padding: 6px 35px 1px 20px;}
.steps .helpicon { position: absolute; background-size:85% auto !important;  right: 15px;  top: 20px;}

ul.steps { margin-left: -20px; margin-right: -20px; width: auto;}


.popup-block .col-md-6, .popup-block .col-md-12 { width: 100%;}

.CumminsCustomer_data .location_add {  float: none;}
.CumminsCustomer_data .call_number { float: none;  margin-top: -5px;}

header .notificationmenu { width:300px;}

.Call_search_section .search_right { position: relative; right: 0; top: 0;}
.Call_search_section .search_right .button { margin-top: 10px;}

.carton-damage .fileupload-button { padding-left: 0 !important;  width: 100%; float: left;  margin-top: 5px;}

}

@media screen and (max-width:360px){

.Call_search_section .search_right .button { padding: 7px 6px 6px;}	
	
}
/**
 * FormValidation (http://formvalidation.io)
 * The best jQuery plugin to validate form fields. Support Bootstrap, Foundation, Pure, SemanticUI, UIKit and custom frameworks
 *
 * @author      http://twitter.com/nghuuphuoc
 * @copyright   (c) 2013 - 2015 Nguyen Huu Phuoc
 * @license     http://formvalidation.io/license/
 */

.fv-has-feedback {
    position: relative;
}
.fv-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}
.fv-has-feedback .fv-control-feedback {
    /*right: 15px;*/
}
.fv-help-block {
    display: block;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~ For Bootstrap form ~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.fv-form-bootstrap .help-block {
    margin-bottom: 0;
}
.fv-form-bootstrap .tooltip-inner {
    text-align: left;
}
/* Bootstrap stacked form without label */
.fv-form-bootstrap .fv-icon-no-label {
	top: 0;
}
.fv-form-bootstrap .fv-bootstrap-icon-input-group {
	z-index: 100;
}
/* Bootstrap inline form */
.form-inline.fv-form-bootstrap .form-group {
    vertical-align: top;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~ For Foundation form ~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.fv-form-foundation .fv-control-feedback {
    top: 21px;      /* The height of Foundation label */
    right: 15px;    /* The padding-right of .columns */
    width: 37px;
    height: 37px;
    line-height: 37px;
}
.fv-form-foundation .collapse .fv-control-feedback {
    top: 0;
    right: 0;
}
/* Foundation horizontal form */
.fv-form-horizontal.fv-form-foundation .fv-control-feedback {
    top: 0;
}
/* Foundation stacked form without label */
.fv-form-foundation .fv-icon-no-label {
	top: 0;
}
.fv-form-foundation .error .fv-control-feedback {
    color: #f04124;
}
/**
 * Foundation reset the bottom marin to 0 when the row has '.error' class
 * I need to adjust it when using tooltip to show the error
 */
.fv-form-foundation .error.fv-has-tooltip input, .error.fv-has-tooltip textarea, .error.fv-has-tooltip select {
    margin-bottom: 1rem;
}

/* ~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~ For Pure form ~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~ */

.fv-form-pure .fv-control-feedback {
    top: 22px;      /* Height of Pure label */
    width: 36px;    /* Height of Pure input */
    height: 36px;
    line-height: 36px;
}
.pure-form-stacked.fv-form-pure .fv-control-feedback {
    top: 4px;
}
.pure-form-aligned .pure-control-group .fv-help-block {
    margin-top: 5px;
    margin-left: 180px;
}
.pure-form-aligned.fv-form-pure .fv-control-feedback,    /* Pure horizontal form */
.fv-form-pure .fv-icon-no-label {           /* Pure stacked form without label */
	top: 0;
}
.fv-form-pure .fv-has-error label,
.fv-form-pure .fv-has-error .fv-help-block,
.fv-form-pure .fv-has-error .fv-control-feedback {
    color: #CA3C3C;     /* Same as .button-error */
}
.fv-form-pure .fv-has-success label,
.fv-form-pure .fv-has-success .fv-control-feedback {
    /*color: #1CB841;*/     /* Same as .button-success */
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~ For Semantic form ~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~ */

.fv-form-semantic .fv-control-feedback.icon {
    right: 7px;
}
.fv-form-semantic .error .icon {
    color: #d95c5c;
}
/* Semantic horizontal form */
.fv-form-horizontal.fv-form-semantic .row {
    padding-bottom: 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~ For UIKit form ~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~ */

.fv-form-uikit .fv-control-feedback {
    top: 25px;      /* Height of UIKit label */
    width: 30px;    /* Height of UIKit input */
    height: 30px;
    line-height: 30px;
}
.fv-form-uikit .uk-text-danger {
    display: block;
}
/* UIKit horizontal form */
.uk-form-horizontal.fv-form-uikit .fv-control-feedback {
    /*line-height: normal;*/
    top: 0;
}
.fv-form-uikit .fv-has-error label,
.fv-form-uikit .fv-has-error .uk-form-label,
.fv-form-uikit .fv-has-error .fv-control-feedback {
    color: #D85030;     /* Same as .uk-form-danger */
}
.fv-form-uikit .fv-has-success label,
.fv-form-uikit .fv-has-success .uk-form-label,
.fv-form-uikit .fv-has-success .fv-control-feedback {
    /*color: #659F13;*/     /* Same as .uk-form-success */
}
/* UIKit stacked form without label */
.fv-form-uikit .fv-icon-no-label {
	top: 0;
}

.ajax-loading {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999999;
    /*background-image: url('../Images/loader.gif');*/
    background-repeat: no-repeat;
    opacity: 0.7;
    filter: alpha(opacity=70); /* ie */
    -moz-opacity: 0.7; /* mozilla */
    background-position: center;
    display: none;
    background-color: dimgray;
}

    .ajax-loading .loader {
        border: 16px solid #f3f3f3;
        border-radius: 50%;
        border-top: 16px solid #015383;
        /*border-right: 16px solid green;*/
        border-bottom: 16px solid #015383;
        /*border-left: 16px solid pink;*/
        width: 120px;
        height: 120px;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
        background-color: dimgray;
        margin-left: 47%;
        margin-top: 20%;
    }

    .ajax-loading .msgtitle {
        text-align: center;
        color: #fff;
        float: left;
        margin-top: 10px;
        width: 100%;
    }


.error {
    color: #e80c4d;
}

    .error span {
        color: black;
    }

/* styles for validation helpers */

.field-validation-error {
    color: red;
}

.field-validation-valid {
    display: none !important;
}

input.input-validation-error, select.input-validation-error, textarea.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

.notification-error {
    background-color: #ff3333;
    clear: both;
    position: fixed;
    bottom: 0;
    color: #fff;
    font-size: 13px;
    width: 100%;
    z-index: 9999999;
    left: 0;
}

    .notification-error span {
        padding: 0 25px;
        display: block;
        font-family: Arial;
    }

        .notification-error span i {
            width: 18px;
            height: 18px;
            background-color: #fff;
            border: #ff0000 solid 1px;
            display: inline-block;
            text-align: center;
            line-height: 18px;
            color: #ff3333;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: bold;
            position: absolute;
            top: 16px;
            left: 10px;
            border-radius: 4px;
        }

.notification-approved {
    background-color: #393;
    clear: both;
    position: fixed;
    bottom: 0;
    color: #fff;
    font-size: 13px;
    width: 100%;
    z-index: 9999999;
    left: 0;
}

    .notification-approved span {
        padding: 10px 10px 10px 40px;
    }

        .notification-approved span i {
            width: 18px;
            height: 18px;
            background-color: #fff;
            border: #393 solid 1px;
            display: inline-block;
            text-align: center;
            line-height: 18px;
            color: #393;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: bold;
            position: absolute;
            top: 10px;
            left: 10px;
            border-radius: 4px;
        }

.label100 {
    width: 100%;
}


.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert-bottom {
    padding: 3px 0 !important;
    margin-bottom: -1px !important;
    border-radius: 0 !important;
}

.alert {
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.notfiction-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-success {
    border-color: #393;
    background-color: #393;
    color: #fff;
}

    .alert-success hr {
        border-top-color: #c9e2b3;
    }

    .alert-success .alert-link {
        color: #2b542c;
    }


.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

    .alert-info hr {
        border-top-color: #a6e1ec;
    }

    .alert-info .alert-link {
        color: #245269;
    }

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

    .alert-warning hr {
        border-top-color: #f7e1b5;
    }

    .alert-warning .alert-link {
        color: #66512c;
    }


.damange-upload {
    position: relative;
}

    .damange-upload .upload-btn {
        position: absolute;
        right: 0;
        top: 0;
    }


.carton-damage .checkbox-sec {
    width: auto;
    padding: 3px 0 0 0;
    float: left;
    padding-right: 5px;
}

    .carton-damage .checkbox-sec label {
        float: left;
        margin-top: 2px;
    }

        .carton-damage .checkbox-sec label[for='rdbDamangeNo'] {
            margin-right: 5px;
        }

.carton-damage .fileupload-button {
    padding-left: 110px;
}

fieldset {
    width: 100%;
    padding: 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-top: 5px;
    margin-bottom: 15px;
}

    fieldset .fieldset-inner {
        padding: 15px;
    }

    fieldset legend {
        padding: 0 5px 0 5px;
        margin-bottom: 0;
        margin-left: 10px;
        font-weight: 600;
        width: auto;
        border: 0 !important;
        font-size: 15px;
        font-family: arial, sans-serif;
    }

.received-damaged {
    margin-top: 4px;
    margin-right: 5px;
    width: auto;
    float: left;
}

    .received-damaged input {
        width: auto;
        margin-top: 6px;
        float: left;
        margin-right: 3px;
        -webkit-appearance: radio;
    }

.confirm-box .modal-dialog {
    top: 13% !important;
}

    .confirm-box .modal-dialog .modal-content {
        width: 100%;
    }

.confirm-box ul li {
    padding: 14px 12px;
    font-size: 12pt;
    list-style-type: square;
    margin-left: 20px;
}

.confirm-box input,
.confirm-box button {
    width: 110px;
    line-height: 25px;
    margin-right: 20px;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-dialog {
    width: 600px;
    margin: 30px auto;
}

@media screen and (max-width: 568px) {
    .modal-dialog {
        width: 95% !important;
        margin: 0 auto;
    }

    .confirm-box input, .confirm-box button {
        width: 100%;
        margin-bottom: 10px;
    }
}


.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1050;
    outline: 0;
}

    .modal .fade .modal-dialog {
        -webkit-transform: translate(0,-25%);
        -ms-transform: translate(0,-25%);
        -o-transform: translate(0,-25%);
        transform: translate(0,-25%);
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: -webkit-transform .3s ease-out;
        transition: transform .3s ease-out;
        transition: transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out;
    }

.fade.in {
    opacity: 1;
}



.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

    .modal-header .close {
        margin-top: -2px;
    }

.modal-title {
    margin: 0;
    line-height: 1.42857143;
    font-weight: 600;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    outline: 0;
}

/* The Close Button */
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
}

.displayattachments ul li {
    padding: 0;
    width: 80px;
    height: 70px;
    float: left;
    border: 1px solid #ccc;
    margin: 10px;
}

    .displayattachments ul li a {
    }

        .displayattachments ul li a img {
            height: 100%;
        }

    .displayattachments ul li img {
        width: 100%;
        height: 100px;
    }

    .displayattachments ul li span {
        width: 100%;
    }

.padding-0 {
    padding: 0 !important;
}


.separate-line {
    border-top: 1px dotted #ccc;
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
    text-align: center;
    padding-bottom: 20px;
}

.span-selected-file {
    color: green;
    float: right;
}

.machine-received-option input[type=file] {
    border: none;
    padding-left: 0;
    width: auto;
    display: none;
}

.im-caret{-webkit-animation:1s blink step-end infinite;-moz-animation:1s blink step-end infinite;-ms-animation:1s blink step-end infinite;-o-animation:1s blink step-end infinite;animation:1s blink step-end infinite}@keyframes blink{from,to{border-right-color:#000}50%{border-right-color:transparent}}@-moz-keyframes blink{from,to{border-right-color:#000}50%{border-right-color:transparent}}@-webkit-keyframes blink{from,to{border-right-color:#000}50%{border-right-color:transparent}}@-ms-keyframes blink{from,to{border-right-color:#000}50%{border-right-color:transparent}}@-o-keyframes blink{from,to{border-right-color:#000}50%{border-right-color:transparent}}.im-static{color:grey}/*# sourceMappingURL=inputmask.min.css.map */