/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on August 21, 2018 */

/*@font-face {
    font-family: 'effraitalic';
    src: url('../../Webfonts/effra_std_it-webfont.woff2') format('woff2'), url('effra_std_it-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'effra_mediumregular';
    src: url('../../Webfonts/effra_std_md-webfont.woff2') format('woff2'), url('effra_std_md-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'effraregular';
    src: url('../../Webfonts/effra_std_rg-webfont.woff2') format('woff2'), url('effra_std_rg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}*/

@-moz-document url-prefix(http://),url-prefix(https://) {
    scrollbar {
        -moz-appearance: none !important;
        background: rgb(0,255,0) !important;
    }

    thumb, scrollbarbutton {
        -moz-appearance: none !important;
        background-color: rgb(0,0,255) !important;
    }

        thumb:hover, scrollbarbutton:hover {
            -moz-appearance: none !important;
            background-color: rgb(255,0,0) !important;
        }

    scrollbarbutton {
        display: none !important;
    }

    scrollbar[orient="vertical"] {
        min-width: 5px !important;
    }
}

::-webkit-scrollbar {
    width: 5px;
    height: 8px;
}

::-webkit-scrollbar-button {
    background-color: rgba(30, 30, 30, 0.2);
}

::-webkit-scrollbar-track {
    background-color: #C0C0C0;
}

::-webkit-scrollbar-track-piece {
    background-color: #C0C0C0;
}

::-webkit-scrollbar-thumb {
    height: 20px;
    background-color: #666;
    border-radius: 3px;
}

::-webkit-scrollbar-corner {
    background-color: #999;
}

}

::-webkit-resizer {
    background-color: #666;
}

#btnActions span.glyphicon {
    -webkit-animation: rotation 2s infinite linear;
    animation: rotation 2s infinite linear;
    -moz-animation: rotation 2s infinite linear;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

@-moz-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}


body {
    padding-top: 55px;
    /*font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif !important;*/
    /*font-family: 'effraregular';*/
    font-size: 12px;
    background: #fbfcfe;
    scrollbar-base-color: #C0C0C0;
    scrollbar-base-color: #C0C0C0;
    scrollbar-3dlight-color: #C0C0C0;
    scrollbar-highlight-color: #C0C0C0;
    scrollbar-track-color: #EBEBEB;
    scrollbar-arrow-color: black;
    scrollbar-shadow-color: #C0C0C0;
    scrollbar-dark-shadow-color: #C0C0C0;
    overflow-x: hidden;
    color: #4a4a4a;
    display: inline-block;
    width: 100%;
}

#notifications {
    z-index: 1000000 !important;
}
/*
@media (min-width: 992px) {
    body {
        padding-top: 80px;
    }
}*/
.statustooltip {
    color: #428bca;
    background: #f1f1f1;
    padding: 4px 0px;
}

    .statustooltip ul li {
        list-style: none;
    }

    .statustooltip a {
        color: #428bca !important;
    }

.panel-body {
    padding: 1px 1px 10px 1px;
}

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

.mg-0 {
    margin: 0 !important;
}

.divengcount {
    margin-top: 5%;
    vertical-align: middle;
    padding: 2px;
    float: left;
    width: auto;
}

.divRevcount {
    margin-top: 5%;
    vertical-align: middle;
    padding: 2px;
    float: left;
    width: auto;
}

.redcolourdv {
    background: rgba(255, 0, 0, 0.5);
}

.greencolourdv {
    background: lightgreen;
}

.divengcount, .divRevcount {
    margin-top: 5%;
    vertical-align: middle;
    padding: 2px;
    float: left;
    width: auto;
    margin-top: 6%;
    vertical-align: middle;
    padding: 2px;
    float: left;
    width: auto;
    text-align: center;
    border: 1px solid #00942f;
    padding: 2px 3px;
    height: 20px;
    color: #00942f;
    margin-bottom: 0;
    float: none;
    display: inline-block;
    margin: 0;
}


.redcolourdv {
    border: 1px solid #fb0505;
    color: #622222;
}

.card {
    height: 100%;
}

textarea {
    resize: none;
}

.input, .textarea {
    border: 1px solid transparent;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 1.5;
    position: relative;
    vertical-align: top;
    background-color: #fff;
    border-color: #dbdbdb;
    color: #363636;
    -webkit-box-shadow: inset 0 1px 2px rgba(10,10,10,.1);
}

.form-control {
    border: 1px solid #aba9a9;
    border-radius: 3px;
    box-shadow: none;
}

    .form-control:focus {
        border-color: #00d1b2;
    }


.session-timeout {
    position: absolute;
    height: 190px !important;
    width: 300px !important;
    display: inline-block !important;
    background: #fff !important;
    padding: 15px !important;
    top: 1% !important;
    bottom: 0 !important;
    right: 1% !important;
    z-index: 10000 !important;
}

.padd-none {
    padding: 0 !important;
}

legend {
    margin-bottom: 10px !important;
}

.close:focus, .close:hover {
    color: #f5f5f5;
}

button.close {
    color: #fff;
}

.modal-header {
    background-color: #44899e;
    /*background-color: #5884e7;*/
}

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

.mrg-tp-home {
    margin-top: 10em !important;
}

.form-control {
    padding: 0px 3px;
}

.div_disable {
    opacity: 0.5;
    pointer-events: none;
}

    .div_disable a {
        cursor: not-allowed;
    }

        .div_disable a .color {
            border: 5px solid #ccc;
        }


.input-group-addon {
    padding: 0px 8px;
}

.panel-group .panel {
    padding-bottom: 15px;
    overflow: unset
}

.panel-default #dvViewDetails {
    margin-bottom: 5em;
}

.marg-bottom {
    margin-bottom: 10% !important;
}

.navbar-nav > li > a {
    padding: 0px 0px;
    color: #fff;
    line-height: 26px;
}

    .navbar-nav > li > a#logout {
        padding-top: 27px;
    }

.textoverflow_SearchResult table tbody tr td a {
    width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.allocation_SearchResult table tbody tr td a {
    width: 140px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    cursor: pointer;
}

.allocation_SearchResult table tbody tr td span {
    width: 130px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    cursor: default;
}
/*/////// header styles //////////*/
.navbar {
    padding: 0px;
    /*-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);*/
}

.bg-blue {
    /*background: #024f77;*/
    /*background: linear-gradient(to right, rgba(28,122,153,1) 0%, rgba(0,76,117,1) 100%);*/
    /*background: -moz-linear-gradient(top, rgba(0,26,87,1) 0%, rgba(25,54,117,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,26,87,1)), color-stop(100%, rgba(25,54,117,1)));
    background: -webkit-linear-gradient(top, rgba(0,26,87,1) 0%, rgba(25,54,117,1) 100%);
    background: -o-linear-gradient(top, rgba(0,26,87,1) 0%, rgba(25,54,117,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,26,87,1) 0%, rgba(25,54,117,1) 100%);
    background: linear-gradient(to bottom, rgba(0,26,87,1) 0%, rgba(25,54,117,1) 100%);*/
    /*background: linear-gradient(120deg, #02b7a7, #5983e8);
    background: -o-linear-gradient(120deg, #02b7a7, #5983e8);
    background: linear-gradient(to right, rgba(89,131,232,0.8) 0%,rgba(89,131,232,0.85) 2%,rgba(2,183,167,0.85) 100%),url('../../Images/HeaderBG.jpg');*/
    /*background: -webkit-linear-gradient(rgba(89, 131, 232,0.8), rgba(2, 183, 167,0.8)),url('../../Images/HeaderBG.jpg');*/
    /*background: linear-gradient( rgba(26, 111, 140, 0.8) 100%, rgba(0, 0, 0, 0.5)100%),url('../../Images/HeaderBG.jpg');*/
    z-index: 100000;
    background: #fff !important;
    border-bottom: 8px solid #53565a;
}

.header_logos {
    margin: 13px 0px;
}

    .header_logos img {
        width: 150px;
        display: inline-block;
    }

    .header_logos .navbar-brand:last-child {
        padding-left: 15px;
    }

    .header_logos .navbar-brand:first-child {
        padding-right: 15px;
        border-right: 1px solid #53565a;
        margin-top: 8px;
    }

.navbar-brand {
    padding: 0px 0px;
}

    .navbar-brand img {
        width: 90%;
        /*line-height: 50px;
        padding: 3px 15px 5px 0px;
        margin-top: 6px;*/
        /* padding-right: 15px; */
    }

.cyientlogo {
    border-right: 1px solid #fff;
    margin: 5px 0px;
    float: left;
    padding-right: 10px;
}

    .cyientlogo .smart_nav {
        float: right;
        line-height: 40px;
        font-size: 23px;
        color: #ed37;
        transition: all 0.5s;
        cursor: pointer;
        opacity: 0.5;
    }

        .cyientlogo .smart_nav:hover {
            opacity: 0.9;
        }

        .cyientlogo .smart_nav.rotate_icon {
            transform: rotate(90deg);
        }

.logout i {
    color: #f23501;
    font-size: 20px;
    padding-top: 3px;
    border: 0px solid #000000;
}

    .logout i:hover {
        color: rgb(255,0,0)
    }

#navbarResponsive .navbar-nav {
    display: block;
    font-size: 14px;
}

    #navbarResponsive .navbar-nav li {
        float: left;
        padding: 0px 6px;
    }

.headercaption {
    /*font-family: 'titillium_webregular';*/
    /*font-family: "Segoe UI Light","Segoe WPC","Segoe UI", Helvetica, Arial, "Arial Unicode MS", Sans-Serif;*/
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 39px;
    display: inline-block;
    padding-left: 10px;
    border-left: 1px solid #fff;
    margin-top: 5px;
}

    .headercaption.customer_logo {
        border-left: 1px solid #fff;
        padding-left: 15px;
        margin-top: 5px;
        height: 39px;
        line-height: 20px;
        margin-left: 15px;
    }

.resp-menu, .resp-nav {
    display: none;
}

.navbar > .container, .navbar > .container-fluid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.blockUI.blockMsg.blockPage {
    width: 9% !important;
    border: none !important;
}

    .blockUI.blockMsg.blockPage h4 img {
        width: 30%;
    }

.dashboard-menu {
    float: left;
    background: #222d32;
}

    .dashboard-menu .home-menu ul li.User-profile a:hover {
        background: none;
        border-left: none;
        padding-left: 5px;
        text-shadow: none;
    }

.home-menu .User-profile .user_icon {
    border: 1.5px solid #fff;
    float: left;
    height: 50px;
    width: 50px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50px;
    overflow: hidden;
    transition: all 0.5s;
}

.home-menu .User-profile .usedetails {
    float: left;
    margin-left: 5px;
    color: #fff;
    display: block;
    text-overflow: ellipsis;
    max-width: 130px;
    overflow: hidden;
    text-align: left;
    transition: all 2s;
}

    .home-menu .User-profile .usedetails span {
        display: block
    }

.home-menu .User-profile .user_icon img {
    width: auto;
    padding: 0;
    height: 100%;
}

.home-menu.collaps_nav .User-profile .user_icon {
    height: 40px;
    width: 40px;
}

.home-menu.collaps_nav .User-profile .usedetails {
    width: 0px;
    margin-left: -200px;
}

.dashboard-menu .home-menu.collaps_nav ul li.User-profile {
    padding: 0;
}

.home-menu .User-profile {
    background: linear-gradient( rgba(10, 44, 119, 0.5) 100%, rgba(7, 0, 121, 0.5)100%),url(../../Images/world_map.jpg);
    background-size: cover;
    height: 75px;
}

.short_notes {
    width: 85px;
    display: inline-block;
    text-align: center;
    height: 69px;
    border-left: 1px solid #fff;
    background: #069ba6;
    border-right: 1px solid #fff;
    margin-right: 0 !important;
    padding-right: 10px;
    padding-top: 18px;
}

    .short_notes span.title {
        color: #fff;
    }

    .short_notes:first-child {
        border-right: none;
    }

    .short_notes span.title {
        font-size: 10px;
        line-height: normal;
        width: auto;
        display: inline-block;
        word-break: keep-all;
    }

.active_user {
    display: inline-block;
    padding-top: 15px;
    margin-left: 10px;
}

.dashboard-menu .home-menu {
    top: 70px;
    position: fixed;
    left: 0px;
    width: 100px;
    z-index: 20;
    float: left;
    bottom: 0;
    /*background: #4a4a4a;*/
    background: #fff;
    padding-top: 15px;
    text-align: center;
    /*background: #39435c;*/
    -webkit-box-shadow: 5px 2px 14px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 5px 2px 14px -4px rgba(0,0,0,0.75);
    box-shadow: 5px 2px 14px -4px rgba(0,0,0,0.75);
    transition: all 0.5s;
}

    .dashboard-menu .home-menu.collaps_nav {
        width: 50px;
    }

        .dashboard-menu .home-menu.collaps_nav ul li a.active {
            border-left: none
        }

        .dashboard-menu .home-menu.collaps_nav ul li .menu-item {
            display: none;
        }

.designedBy {
    position: absolute;
    right: 30px;
    bottom: 1em;
    border-bottom: none !important;
    transition: all 0.5s;
    width: 71px;
    opacity: 0.5;
}

.dashboard-menu .home-menu.collaps_nav ul li.designedBy {
    transform: rotate(-90deg);
}

.dashboard-menu .home-menu ul li {
    display: inline-block;
    float: left;
    width: 100%;
    /*border-bottom: 1px solid #6e7692;*/
    border-bottom: 1px solid #c7c4c4;
}



    .dashboard-menu .home-menu ul li a {
        color: #4a4a4a;
        text-align: center;
        display: block;
        text-decoration: none;
        height: auto;
        float: left;
        width: 100%;
        padding-left: 3px;
        font-weight: 600;
        padding: 8px 5px;
    }

    .dashboard-menu .home-menu ul li.report-menu {
        position: relative;
    }
    .dashboard-menu .home-menu ul li.dashb-menu {
        position: relative;
    }

    .dashboard-menu .home-menu ul li a img {
        padding: 0px 11px 0px;
        display: inline-block;
        width: 47px;
    }

    .dashboard-menu .home-menu ul li .menu-item {
        /* position: absolute; */
        left: 48px;
        z-index: 1;
        /* padding: 10px 5px; */
        /* width: auto; */
        line-height: 20px;
        display: block;
        /* text-align: left; */
        font-size: 14px;
        margin-top: 9px;
    }

        .dashboard-menu .home-menu ul li .menu-item.menu-item-admin {
            padding-left: 1px;
            /*font-size: 11.5px;*/
        }

    .dashboard-menu .home-menu ul li .report-drop {
        position: absolute;
        left: 98px;
        background-color: rgba(255, 255, 255,0.9);
        border: 1px solid #3a3f51;
        z-index: 1;
        padding: 0px 0px;
        width: 200px;
        line-height: 20px;
        display: none;
        float: left;
        top: 0;
        text-shadow: none;
        font-weight: 700;
    }
    .dashboard-menu .home-menu ul li .dashb-drop {
        position: absolute;
        left: 98px;
        background-color: rgba(255, 255, 255,0.9);
        border: 1px solid #3a3f51;
        z-index: 1;
        padding: 0px 0px;
        width: 200px;
        line-height: 20px;
        display: none;
        float: left;
        top: 0;
        text-shadow: none;
        font-weight: 700;
    }

        .dashboard-menu .home-menu ul li .report-drop.reportmenu-drop {
            display: block;
        }
        .dashboard-menu .home-menu ul li .dashb-drop.dashbmenu-drop {
            display: block;
        }
       
        .dashboard-menu .home-menu ul li .report-drop a {
            padding: 5px 9px;
        }
    .dashboard-menu .home-menu ul li .dashb-drop a {
        padding: 5px 9px;
    }
   

            .dashboard-menu .home-menu ul li .report-drop a:hover {
                background: rgba(48, 171, 176, 0.7);
                color: #3a3f51;
                font-weight: 700;
                text-shadow: none;
            }
    .dashboard-menu .home-menu ul li .dashb-drop a:hover {
        background: rgba(48, 171, 176, 0.7);
        color: #3a3f51;
        font-weight: 700;
        text-shadow: none;
    }
    .dashboard-menu .home-menu ul li .menu-item > strong {
        width: 0;
    }

    .dashboard-menu .home-menu ul li a:hover {
        /*background: #6a6971;*/
        background: #0179bc70;
        border-left: 3px solid #02c0ff;
        text-shadow: 5px 5px 5px #000;
        padding-left: 0px;
        color: #fff;
    }



.designedBy img {
    width: 80px;
    opacity: 0.5;
}

img.home-icons {
    -webkit-filter: drop-shadow(2px 2px 2px #4a4a4a );
    filter: drop-shadow(2px 2px 2px #4a4a4a);
}

.dashboard-menu .home-menu ul li a.active {
    /*background: #7d7d7d;*/
    background: #30abb0;
    /*background: rgba(83,83,83,0.5);*/
    border-left: 3px solid #fff;
    text-shadow: 5px 5px 5px #000;
    padding-left: 0px;
    color: #fff;
    text-align: center;
}

/*.dashboard-menu .home-menu ul li:hover .menu-item {
    display: block !important;
}*/

.dashboard-menu .home-menu ul li .report-drop {
    font-weight: normal;
    border-left: 3px solid #197494;
}
.dashboard-menu .home-menu ul li .dashb-drop {
    font-weight: normal;
    border-left: 3px solid #197494;
}


.dashboard-menu .home-menu ul {
    padding: 0;
}

.dashboard-main {
    margin-left: 100px;
    background: #fbfcfe;
    /* height: 100vh; */
    margin-top: 2.3em;
    margin-bottom: 5%;
    transition: all 0.5s
}

    .dashboard-main.smart-dashboard {
        margin-left: 50px;
    }
/*DESKTOP */
/*/////// footer styles //////////*/
.bg-footer {
    background: #00353b;
    position: fixed;
    width: 100% !important;
    bottom: 0px;
    right: 0px;
    z-index: 10;
    height: 50px;
    float: left;
    bottom: 0;
    padding: 15px;
}

    .bg-footer p {
        color: #b6b7b9;
        letter-spacing: 0.75px;
        word-spacing: 4px;
    }

.cyient_logo {
    position: absolute;
    right: 10px;
    top: 10px;
}

    .cyient_logo img {
        width: 50%;
    }

.py-3 {
    padding-top: 3rem !important;
}


/*/////// content circles styles //////////*/
.circle_container {
    margin-top: 100px;
}

.circle {
    display: inline-block;
    width: 100%;
    height: 250px;
    text-align: center;
    border: 1px solid rgba(47, 186, 187, 0.5);
    border-radius: 30px 2px 50px 2px;
}

    .circle:hover {
        z-index: 2;
        /*box-shadow: 2px 2px 15px rgba(120, 120, 120, .6);*/
        box-shadow: 2px 2px 15px rgba(99, 98, 98, 0.7);
        transition: all 0.5s;
    }

    .circle img {
        -webkit-transition: all 300ms ease-in;
        -webkit-transform: scale(1);
        -ms-transition: all 300ms ease-in;
        -ms-transform: scale(1);
        -moz-transition: all 300ms ease-in;
        -moz-transform: scale(1);
        transition: all 300ms ease-in;
        transform: scale(1);
        width: 120px;
    }

    .circle .dashboard-icons {
        height: 200px;
        float: left;
        width: 100%;
        padding-top: 25px;
    }

    /*.circle .dashboard-icons.icon_adjestment img {
            width: 120px;
        }
    .circle.administrator .dashboard-icons.icon_adjestment img {
        width: 120px;
    }*/

    .circle:hover img {
        width: 140px;
        -webkit-transition: all 200ms ease-in;
        -webkit-transform: scale(1.1);
        -ms-transition: all 200ms ease-in;
        -ms-transform: scale(1.1);
        -moz-transition: all 200ms ease-in;
        -moz-transform: scale(1.1);
        transition: all 200ms ease-in;
        transform: scale(1.1);
        filter: drop-shadow(2px 2px 5px #7f8182);
        filter: -webkit-drop-shadow(2px 2px 5px #7f8182);
    }

    .circle span.engine {
        width: 176px;
        height: 176px;
        background: url("/Images/circle_engine.png") no-repeat;
        opacity: 0.5;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 1;
        border-radius: 100px;
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px;
        -webkit-animation-name: rotate;
        -webkit-animation-duration: 15s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        background-size: cover;
    }


.badge a {
    color: #fff;
    text-decoration: none;
}

.circle p {
    font-size: 18px;
    color: #464646;
    font-weight: 400 !important;
    left: 0;
    right: 0;
    padding: 11px 0px;
    border-top: 1px solid #dedbdb;
    margin: 0;
    float: left;
    width: 100%;
    /*background: linear-gradient(315deg, white 0%, #aaa 9%, #ccc 33%, white 80%);*/
    background: linear-gradient(315deg, rgba(111, 149, 235,0.5) 0%,rgba(13, 170, 170,0.5) 9%,rgba(89, 138, 227,0.5) 80%),url(../../Images/bg.png);
    text-transform: uppercase;
    font-weight: bold !important;
    letter-spacing: 1.5px;
    border-radius: 0 0 30px 0;
    /*background: linear-gradient(to right, rgba(89,131,232,0.8) 0%,rgba(89,131,232,0.85) 2%,rgba(2,183,167,0.85) 100%),url(../../Images/HeaderBG.jpg);*/
}

.circle:hover p {
    bottom: -45px;
}

/*#dvBarCharts svg {
    height: 270px;
    width: 240px;
    padding-left: 0;
    margin-left: -20px;
}*/
/*
#dvBarCharts #PartNumberBarChart #highcharts-5hzcuo1-3 {
    float: left !important;
    height:auto !important;
}*/

.circle .badge, .circle p {
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.circle .badge {
    position: absolute;
    right: 25px;
    top: 3px;
    z-index: 2;
    width: auto;
    height: 25px;
    background: #f26522;
    line-height: 18px;
    font-size: 11px;
    border-radius: 100px;
}


.circle span.color {
    width: 162px;
    height: 162px;
    position: absolute;
    left: 6px;
    top: 6px;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
}
/*.customer_logo {
    display: none;
}*/

#navbarResponsive ul {
    margin: 0px;
}

/*/////// MOBILE VIEW RESPONSIVE styles //////////*/


.navbar-toggle {
    background: #97ce2f;
    margin: 0 0 10px 0;
}

    .navbar-toggle .icon-bar {
        background: #ffffff;
    }

.modules-nav {
    margin: 0;
    padding: 0;
}

    .modules-nav ul {
        background: #1a2226;
        margin: 0 0 20px 0;
        float: left;
        display: none;
        top: 91px;
        position: fixed;
        z-index: 1;
        /*height: 44px;
  overflow: hidden;*/
        padding: 0;
        color: #464646;
    }

        .modules-nav ul li {
            list-style: none;
            width: 156px;
        }
            /*.modules-nav ul li:last-child{
  border: none;
}*/

            .modules-nav ul li a {
                color: #ffffff;
                display: block;
                padding: 5px 20px;
                position: relative;
                text-decoration: none;
                text-align: left;
            }

                .modules-nav ul li a span {
                    display: block;
                }

                .modules-nav ul li a.active {
                    background: #4481c7;
                    color: #ffffff;
                }

                .modules-nav ul li a:hover {
                    background: #222d32;
                    color: #ffffff;
                }

                .modules-nav ul li a.active:after {
                    width: 0;
                    height: 0;
                    border-left: solid 10px transparent;
                    border-right: solid 10px transparent;
                    border-top: solid 10px #4481c7;
                    position: absolute;
                    top: 44px;
                    left: 40%;
                    content: " ";
                    z-index: 100;
                }

                .modules-nav ul li a.single-line-nav {
                    line-height: 25px;
                }

    .modules-nav .home-menu {
        background: #222d32;
        /*box-shadow: 0px 0px 0px #ccc;
        border-radius: 8px;*/
        color: white;
        border-right: solid 1px #ccc;
        padding: 10px 15px;
    }

.panelHeader {
    background-color: #1c7a99 !important;
    /*background: linear-gradient(to right, rgba(28,122,153,1) 0%, rgba(0,76,117,1) 100%);*/
    /*background: linear-gradient(to right, rgba(28,122,153,1) 0%, rgba(0,26,87,1) 100%);*/
    background: linear-gradient(120deg, #3c5dad, #468cbb);
    background: linear-gradient(to right, rgba(89,131,232,0.8) 0%,rgba(89,131,232,0.85) 2%,rgba(2,183,167,0.85) 100%),url(../../Images/Title_BG.png);
    /*rgba(0,26,87,1);*/
    margin-bottom: 15px;
    background-size: cover;
}

.panelHeaderText {
    font-size: 18px;
    color: #fff;
}

.search-results-grid table {
    background: #ffffff;
    margin-top: 15px;
}

    .search-results-grid table tr th {
        /*background: #468cbb;*/
        background: #468cbb;
        font-weight: bold;
        color: #fff;
    }

    .search-results-grid table tr td {
        padding: 10px;
    }

.search-results-grid button, .button {
    background: #eff0f4;
    border: solid 1px #e1e1e1;
    border-radius: 3px;
    font-weight: bold;
    margin: 0 0 0 1px;
    padding: 4px 15px;
}

    /*.search-results-grid button:hover {
        box-shadow: 2px 2px 2px #616161;
    }*/

    .search-results-grid button:first-child {
        margin: 0;
    }

/*.search-results-grid .add:before {
    content: '&#xf067';
    font-size: 12px;
}

.search-results-grid .new:before {
    content: '&#xf067';
    font-size: 12px;
}*/

.search-results-grid .add {
    padding-left: 17px;
    height: 30px;
}

.search-results-grid .delete {
    background: #2e5596 url(../images/delete_white.png) no-repeat 4px center;
    padding-left: 18px;
    border: none;
    color: #ffffff;
    height: 30px
}

.search-results-grid .upload {
    background: #2e5596 url(../images/upload.png) no-repeat 5px center;
    padding-left: 20px;
    border: none;
    color: #ffffff;
    height: 30px
}

.container .submit {
    background: #eb7618;
    border: none;
    color: #ffffff;
    height: 30px
}

.search-results-grid .new {
    background: #3d86ca;
    border: none;
    color: #ffffff;
    padding-left: 10px;
    height: 24px
}

.search-results-grid .export {
    background: #2e5596 url(/Images/export.png) no-repeat 5px center;
    border: none;
    color: #ffffff;
    padding-left: 23px;
    height: 30px
}

.search-results-grid .filter {
    background: #2e5596 url(/Images/filter.png) no-repeat 7px center;
    border: none;
    color: #ffffff;
    padding-left: 23px;
    height: 30px
}

.search-results-grid .customButton {
    background: #428bca;
    border: none;
    color: #ffffff;
    height: 30px;
}

.no-left-padding {
    padding-left: 0;
}

.no-right-padding {
    padding-right: 0;
}

.login-user-info span {
    width: 180px;
    overflow: hidden;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    word-break: break-all;
    margin-right: 1px;
    padding-left: 15px;
    line-height: 45px;
    color: #4a4a4a;
}

/*administrator */
.left-navigation, #dvAdmin {
    margin-top: 15px;
    display: inline-block;
}

    .left-navigation h4 {
        background: #f6f6f6;
        border: solid 1px #e1e1e1;
        color: #44af2b;
        font-weight: bold;
        margin: 0 0 15px 0;
        padding: 9px 15px 11px;
    }

    .left-navigation .menu-icon {
        background: url(/Images/admin-menu-icon.png) no-repeat scroll right center;
        display: inline-block;
        height: 70px;
        padding: 0;
        position: absolute;
        right: 15px;
        top: 40px;
        width: 48px;
    }

    .left-navigation ul {
        background: #f3f3f3;
        border: solid 1px #e1e1e1;
        /*border-radius: 5px;*/
        box-shadow: 0 1px 3px #ccc;
        font-size: 15px;
        margin: 0;
        padding: 0;
    }

        .left-navigation ul li {
            border-bottom: solid 1px #dfdfdf;
            list-style: none;
        }



            .left-navigation ul li a:hover {
                text-decoration: none;
            }

.node-selected a {
    color: #ffffff !important;
}

.left-navigation ul li a.active {
    background: #3d86ca;
    color: #ffffff;
}


.left-navigation ul li img {
    margin: 0 12px 0 0;
}

.menu-icon {
    background: url(/Images/admin-menu-icon.png) no-repeat scroll right center;
    display: inline-block;
    height: 50px;
    padding: 0;
    position: absolute;
    right: 17px;
    top: 1px;
    width: 48px;
}

.content-wrapper h3 {
    border-bottom: dotted 2px #ccc;
    margin: 0 0 20px 0;
    padding: 6px 0 5px 40px;
    background: url(../images/sams-icon.png) no-repeat;
}
/*admin menu*/


/* CUSTOM PADDING*/
.no-padding {
    padding: 0;
}

.close {
    opacity: 0.8;
    text-shadow: 0px 0px 0px;
}

.required-field {
    border: 2px solid #e52213 !important;
}

.form-control-feedback {
    pointer-events: inherit;
}

#ModelPartFamilys > .modal-dialog {
    width: auto !important;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal-footer {
    display: inline-block;
    width: 100%;
}

.add-new-sample-window .modal-dialog {
    width: 800px;
    margin: 0 auto;
}

.modal-content {
    border: none;
    border-radius: 0px;
}

    .modal-content label {
        padding-top: 4px;
        text-align: left;
        color: #4a4a4a;
    }

.modal {
    text-align: center;
    padding: 0 !important;
    overflow-y: auto;
}

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

#alertTemplate .modal-dialog {
    width: 500px;
}

.Customdisabled {
    cursor: not-allowed;
    pointer-events: none;
}

/*input upper case placehoder*/
.customtransform {
    text-transform: uppercase;
}

    .customtransform:-ms-input-placeholder {
        text-transform: capitalize;
    }

    .customtransform::-webkit-input-placeholder {
        text-transform: capitalize;
    }

    .customtransform ::-moz-placeholder {
        text-transform: capitalize;
    }
/*input upper case placehoder*/
.fileinput-button-align {
    margin: 0px -29px 0px 0px !important;
    height: 28px !important;
    float: left !important;
}

#dvBrowse {
    height: 27px !important;
}

.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    direction: ltr;
    cursor: pointer;
    padding: 5px !important;
}



field-btn-wrap {
    display: inline-block;
    padding-right: 18px;
    overflow: hidden;
}

.field-btn-wrap .btn-block {
    display: block;
    float: right;
    margin-top: 5px;
}

.field-btn-wrap.browse-btns {
    float: none;
    margin-top: -1px;
    padding-right: 0px;
    overflow: hidden;
    height: 28px;
    margin-left: -7px;
}

    .field-btn-wrap.browse-btns .btn-block {
        display: block;
        text-align: center;
        padding: 4px 6px;
        margin-top: 0px;
        height: 27px;
        border-radius: 0px 4px 4px 0px;
    }

.data_field {
    width: 87%;
    height: 27px;
}


.panel-default > .panel-heading {
    padding: 7px 10px;
}

.panel-group .panel-heading {
    display: inline-block;
    width: 100%;
}

.list-group-item {
    padding: 7px 10px;
}

    .list-group-item h5.LIheading {
        margin-top: 0;
        margin-bottom: 5px;
        font-weight: 600;
        font-size: 13px;
    }

    .list-group-item a {
        text-decoration: none
    }

    .list-group-item ul.Sublist li {
        list-style: none;
        padding: 5px 10px;
        background: #f6f3f3;
    }

    .list-group-item ul.Sublist {
        padding: 0;
    }

fieldset.scheduler-border {
    border: 1px solid #d2d2d2 !important;
    /*border: 1px solid #029dc9 !important; */
    border-radius: 5px;
    padding: 0px 8px;
    margin: 0 0 1.5em 0 !important;
}

.scheduler-header {
    margin-left: -8px;
    margin-right: -8px;
    background: rgba(47, 157, 195, 0.9);
    padding: 8px 15px;
    display: block;
    font-weight: 700;
    color: #fff;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
    color: #3d86ca;
}

.col-padding {
    padding-left: 5px;
    padding-right: 5px;
}

.form-group {
    margin-bottom: 5px;
}

    .form-group > label {
        margin-bottom: 0px !important;
        font-size: 14px;
    }

.form-control {
    height: 24px;
    font-size: 12px;
}

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

.upload-submit {
    margin-bottom: 5px;
    border-bottom: 1px solid #e5e5e5;
    display: inline-block;
    width: 100%;
}

.detailsinfo {
    height: 600px;
    overflow-y: scroll;
}

.detailstable tbody {
    height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
}

.table-fixed tbody {
    min-height: 70px;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden
}

.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
    display: block;
}

.table-fixed th {
    background-color: #468cbb !important;
    border-bottom: 1px solid #ffffff !important;
    border-top: 0px !important;
    border-bottom: 0px;
    color: #fff;
    padding: 6px !important;
    font-size: 10pt;
}

.nav > li > a:hover, .nav > li > a:focus {
    /*background-color: rgba(255,255,255,0.3);*/
    background-color: inherit;
}

/*.paneldetails {
    height: 550px;
    overflow-y: scroll;
}*/
/*action buttons*/
.closed_actions_box {
    position: absolute;
    right: 0;
}

.dvActions-allocation {
    position: absolute;
    z-index: 1;
}

#btnActions {
    position: absolute;
    z-index: 3;
    top: 168px;
    transform: rotate(90deg);
    transition: ease-in-out 0.5s;
}

.dvActions-close {
    position: absolute;
    left: -322px;
    transition: ease-in-out 0.5s;
    top: 0px;
    z-index: 11;
}

.dvActions-open {
    position: absolute;
    margin: 0;
    padding: 0;
    left: 30px;
    z-index: 11;
    left: 0;
}

.modal-backdrop {
    z-index: 10;
}
/*action button*/
/*search*/
.searchheading .search {
    float: left;
}

.Search-form {
    width: 100%;
    margin: 0 auto;
    margin-top: -17px;
}

    .Search-form .panel.panel-default {
        margin: 0;
    }

    .Search-form button {
        width: 100%;
        height: 30px;
        padding: 0;
    }



.adv-search {
    float: left;
    padding: 4px 8px;
    border: 1px solid #e5e5e5 !important;
    margin-bottom: 15px;
    vertical-align: middle;
    background: #0593b1 !important;
    color: #fff;
    margin-bottom: 15px;
    cursor: pointer;
}

    .adv-search img {
        padding: 3px;
    }

div#advsearch-box {
    width: auto;
}

.searchexpand {
    position: absolute;
    top: 0px;
    right: 15px !important;
    width: 120px;
    padding: 5px;
}

    .searchexpand span.glyphicon {
        transform: rotate(180deg);
        transition: all 0.4s;
    }

.searchcollaps span.glyphicon {
    transform: rotate(0deg);
}

.advancesearch_box {
    margin-top: -71px !important;
}

.advancesearch_position {
    top: 10em;
    z-index: 1000;
}

.advancesearch_wrp {
    margin: -172px auto 8px;
}

    .advancesearch_wrp .advance_search input[type="text"] {
        height: 30px;
    }

    .advancesearch_wrp .advance_search button.seachbutton {
        padding: 0;
        margin: 0;
        border-left: none;
        box-shadow: none;
        height: 30px;
    }

    .advancesearch_wrp .advance_search button {
        height: 30px;
        padding: 0 8px;
        width: 100%;
    }

        .advancesearch_wrp .advance_search button.seachbutton:hover, .advancesearch_wrp .advance_search button.seachbutton:focus, .advancesearch_wrp .advance_search button.seachbutton:active {
            border: 1px solid #ccc;
            border-left: none;
            background: none;
            background-color: #fff;
            border-color: #ccc;
            outline: none;
        }

    .advancesearch_wrp .advance_search input[type="text"]:focus .advancesearch_wrp .advance_search button.seachbutton {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    }

    .advancesearch_wrp .advance_search button.seachbutton img:hover {
        border-color: #ccc;
        border: none;
        border-left: none;
    }


    .advancesearch_wrp .advance_search button.seachbutton img {
        width: 28px;
        height: auto;
        padding: 0;
        padding: 5px;
        border-left: 0;
    }

    .advancesearch_wrp select {
        padding: 4px;
        margin: 0;
        border-radius: 4px;
        -webkit-box-shadow: 0 0px 0 #ccc, 0 0px #fff inset;
        /*background: url('http://i45.tinypic.com/309nb74.png') no-repeat right;
    background: url('http://i45.tinypic.com/309nb74.png') no-repeat right;*/
        color: black;
        background: url('../../Images/down.png') no-repeat right;
        border: none;
        outline: none;
        display: inline-block;
        -webkit-appearance: none;
        cursor: pointer;
        border: 1px solid #ccc;
        height: 30px;
        /*background-position: right center;*/
    }

        .advancesearch_wrp select option:hover {
            background: red;
        }

    .advancesearch_wrp .box-header {
        padding: 8px
    }

    .advancesearch_wrp .box-footer {
        float: right;
        padding-top: 8px;
    }

    .advancesearch_wrp > div {
        margin: 0;
    }

#stageRemarks .panel-heading, #templatePath .panel-heading, #WIPath .panel-heading, #RefPath .panel-heading, #ToolPath .panel-heading {
    background: rgba(47, 157, 195, 0.9);
    padding: 8px 15px;
    display: block;
    font-weight: 700;
    color: #fff;
}

.box-footer .panel-body {
    padding: 8px;
}

table.dataTable {
    margin: 0 0 !important;
}

.panel-default > .panel-heading {
    background-color: #fff;
}

.panelHeaderText {
    font-size: 18px;
    color: #fff;
    text-shadow: 5px 5px 5px #494949;
}

.dashboard-result {
    overflow: inherit;
}

    .dashboard-result .search-results-grid {
        overflow: inherit;
    }
/*.dashboard-result .search-results-grid table tbody {
        height: 400px;
        overflow: auto;
        overflow-x: hidden;
        display: block;
        width: 100%;
    }*/
/*.dashboard-result .search-results-grid table thead tr {
            display: table;
            width: 100%;
            table-layout: fixed;
        }
        .dashboard-result .search-results-grid table tbody tr {
            display: table;
            width: 100%;
            table-layout: fixed;
            
        }*/




.search-results-grid table {
    background: #ffffff;
    margin-top: 15px;
}

    .search-results-grid table tr th {
        /*background: #468cbb;*/
        background: #468cbb;
        font-weight: bold;
        color: #fff;
    }

.dataentry_actions {
    font-weight: bold;
    color: #fff;
    padding: 7px 5px;
    cursor: pointer;
    background-color: rgba(47, 157, 195, 0.9);
    margin-bottom: 1px
}

    .dataentry_actions .badge {
        margin-right: 8px;
        float: right;
        font-size: 10px;
        background-color: #ffffff;
        color: #d4491e;
    }

    .dataentry_actions.closeaction:before {
        content: "\f067";
        font-family: FontAwesome;
        color: #fff;
        font-size: 11px;
        padding-right: 0;
        float: right;
    }

    .dataentry_actions.openaction:before {
        content: "\f068";
        font-family: FontAwesome;
        color: #fff;
        font-size: 11px;
        padding-right: 0.5em;
        float: right;
    }

.search-results-grid table tr td {
    padding: 10px;
}

.search-results-grid button, .button {
    background: #eff0f4;
    border: solid 1px #e1e1e1;
    border-radius: 0px;
    font-weight: bold;
    margin: 0 0 0 1px;
    padding: 0px 15px;
    box-shadow: 1px 1px 3px #969393;
    height: 29px;
}

    .search-results-grid button.ExploreData {
        color: #fff !important;
        background-color: #337ab7 !important;
        border-color: #2e6da4 !important;
    }
    /*.search-results-grid button:hover {
        box-shadow: 2px 2px 2px #616161;
    }*/
    .search-results-grid button:first-child {
        margin: 0;
    }

/*.search-results-grid .add:before {
    content: '&#xf067';
    font-size: 12px;
}

.search-results-grid .new:before {
    content: '&#xf067';
    font-size: 12px;
}*/

.search-results-grid .add {
    padding-left: 17px;
    height: 30px;
}

.search-results-grid .delete {
    background: #2e5596 url(../images/delete_white.png) no-repeat 4px center;
    padding-left: 18px;
    border: none;
    color: #ffffff;
    height: 30px
}

.search-results-grid .upload {
    background: #2e5596 url(../images/upload.png) no-repeat 5px center;
    padding-left: 20px;
    border: none;
    color: #ffffff;
    height: 30px
}

.dummy-box {
    display: none;
}

.blockUI.blockMsg.blockElement {
    width: 24% !important;
    border: none !important;
}

    .blockUI.blockMsg.blockElement img {
        width: 37%;
    }

.input-filesupload {
    width: 100% !important;
}

    .input-filesupload .data_field {
        width: 90%;
    }

        .input-filesupload .data_field .field-btn-wrap {
            width: 10%;
        }

            .input-filesupload .data_field .field-btn-wrap .fileinput-button {
                width: 100%;
            }

.textoverflow_SearchResult table tbody tr td a, .allocation_SearchResult table tbody tr td a {
    width: 360px;
}

#tblOnHold tbody tr td a {
    width: 242px;
}

.notified_text {
    color: #e65100;
}
/*keyframe animation for notification*/
.notify {
    animation-name: flash;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    /*Firefox 1+ -webkit-animation-name: flash;*/
    -webkit-animation-duration: 1.75s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    /*Safari 3-4 -moz-animation-name: flash;*/
    -moz-animation-duration: 1.75s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
}

@keyframes flash {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes flash {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1.0;
    }
}

@-moz-keyframes flash {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1.0;
    }
}

.dvActions-close {
    left: -394px;
}

#btnActions {
    left: 372px;
    top: 258px;
}

.dvActions-open {
    left: 3px;
}

.dvaction-review.dvActions-close, .dvaction-review.dvActions-open {
    top: 170px;
}

.action-btn-review {
    top: 159px !important;
}

.dvActions-open.dvaction-review-approve, .dvaction-review-approve.dvActions-close {
    top: 164px;
}

.action-btn-review-approve {
    top: 135px !important;
}

.dvActions-open #btnActions {
    left: 372px;
}

.dvActions-close.flexactions {
    left: -462px;
}

#btnActions.flexactions_btn {
    left: 439px;
}

    #btnActions.flexactions_btn.btnActions-open {
        left: 443px;
    }

.dvActions-open.flexactions {
    left: 3px;
}

.alloacation_action_btn {
    top: 220px !important;
}

.Evaluation_action_btn {
    top: 286px !important;
}

.action-btn-review, .action-btn-review-approve {
    top: 200px !important;
}

.k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link {
    color: #454545 !important;
}

#utility .k-grid-header .k-grid-header-wrap.k-auto-scrollable .k-header.k-with-icon .k-link span, #disList .k-grid-header .k-grid-header-wrap.k-auto-scrollable .k-header .k-link span, #disList .k-grid-header .k-grid-header-wrap.k-auto-scrollable .k-header .k-link {
    color: #fff !important;
}

#dvNCDetails #dvPartNumber #tblPartData_wrapper .dataTables_scrollBody {
    max-height: 400px !important;
}
/*work flow*/
.box {
    margin-top: 5em;
    /* margin-left: 10em; */
    width: 400px;
    position: relative;
    margin: 5em auto;
    text-align: center;
    padding-right: 0;
}



.progress-bar-vertical {
    width: 20px;
    min-height: 500px;
    align-items: flex-end;
    margin-right: 20px;
    /* float: right; */
    margin: 0 auto;
    display: inline-block;
    /* margin: 0 auto; */
}

.WFbranches {
    height: 500px;
    display: inline-block;
    position: absolute;
    left: 0;
}

.progress-bar-vertical .progress-bar {
    width: 100%;
    height: 0;
    -webkit-transition: height 0.6s ease;
    -o-transition: height 0.6s ease;
    transition: height 0.6s ease;
}

/*arrow_box  right*/
.arrow_box_right {
    position: relative;
    background: #009ca6;
    border: 1px solid #009ca6;
}

    .arrow_box_right:after, .arrow_box_right:before {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_box_right:after {
        border-color: rgba(0, 156, 166, 0);
        border-left-color: #009ca6;
        border-width: 7px;
        margin-top: -7px;
    }

    .arrow_box_right:before {
        border-color: rgba(0, 156, 166, 0);
        border-left-color: #009ca6;
        border-width: 8px;
        margin-top: -8px;
    }
/*arrow_box right*/
/*arrow_box  left*/
.arrow_box_left {
    position: relative;
    background: #009ca6;
    border: 1px solid #009ca6;
}

    .arrow_box_left:after, .arrow_box:before {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_box_left:after {
        border-color: rgba(0, 156, 166, 0);
        border-right-color: #009ca6;
        border-width: 7px;
        margin-top: -7px;
    }

    .arrow_box_left:before {
        border-color: rgba(0, 156, 166, 0);
        border-right-color: #009ca6;
        border-width: 8px;
        margin-top: -8px;
    }
/*arrow_box  left*/

.workflow, .workflow_dataentry {
    background-color: #5cb85c;
    border: 1px solid #5cb85c;
    width: auto;
    float: left;
    font-weight: 700;
    border-radius: 5px;
    position: absolute;
    left: 80px;
    top: 0;
    width: 85px;
}

    .workflow.arrow_box_right:after, .workflow.arrow_box_right:before {
        border-left-color: #5cb85c;
        border-left-color: #5cb85c;
    }

    .workflow span {
        padding: 5px 10px;
        display: block;
        color: #fff;
    }

.workflow_allocation {
    float: right;
    margin-right: 52px;
    top: 18%;
    position: absolute;
    left: 237px;
    background-color: #01579b;
    border: 1px solid #01579b;
}

    .workflow_allocation.arrow_box_left:after, .workflow_allocation.arrow_box_left:before {
        border-right-color: #01579b;
        border-right-color: #01579b;
    }

.workflow_Evaluation {
    float: right;
    margin-right: -1px;
    top: 35%;
    position: absolute;
    left: 238px;
    background-color: #26c6da;
    border: 1px solid #26c6da;
}

    .workflow_Evaluation.arrow_box_left:after, .workflow_Evaluation.arrow_box_left:before {
        border-right-color: #26c6da;
        border-right-color: #26c6da;
    }

.workflow_Review {
    float: right;
    margin-left: 0px;
    top: 54%;
    position: absolute;
    left: 84px;
    background-color: #9575cd;
    border: 1px solid #9575cd;
    text-align: center;
}

    .workflow_Review.arrow_box_right:after, .workflow_Review.arrow_box_right:before {
        border-left-color: #9575cd;
        border-left-color: #9575cd;
    }

.workflow_Delivery {
    float: right;
    margin-right: 52px;
    top: 74%;
    position: absolute;
    left: 79px;
    background-color: #ee6e73;
    border: 1px solid #ee6e73;
}

    .workflow_Delivery.arrow_box_right:after, .workflow_Delivery.arrow_box_right:before {
        border-left-color: #ee6e73;
        border-left-color: #ee6e73;
    }

.workflow_Closure {
    float: right;
    margin-right: 52px;
    top: 95%;
    position: absolute;
    left: 243px;
    background-color: #ffa726;
    border: 1px solid #ffa726;
}

    .workflow_Closure.arrow_box_left:after, .workflow_Closure.arrow_box_left:before {
        border-right-color: #ffa726;
        border-right-color: #ffa726;
    }
/*icons*/
.workflow span.icon {
    position: absolute;
    left: 102px;
    top: -7px;
    /* width: 40px; */
    display: inline-block;
    background: #ffffff;
    padding: 7px;
    width: auto;
    border-radius: 25px;
    border: 2px solid #0582e8;
}
    /*.workflow span.icon.finished{
    background: #b2dbff;
    border: 2px solid #5cb85c;
	border-color: #5cb85c;
}*/
    .workflow span.icon img {
        width: 20px;
    }

.workflow_allocation span.icon {
    top: -7px;
    left: -55px;
    border-color: #01579b;
}

.workflow_Evaluation span.icon {
    top: -3px;
    left: -56px;
    border-color: #26c6da;
}

.workflow_Review span.icon {
    top: -7px;
    left: 98px;
    border-color: #9575cd;
}

.workflow_Delivery span.icon {
    top: -7px;
    left: 105px;
    border-color: #ee6e73;
}

.workflow_Closure span.icon {
    top: -7px;
    left: -58px;
    border-color: #ffa726;
}

.disable_status {
    background-color: #d6d6d6;
    border: 1px solid #d6d6d6;
}

    .disable_status.arrow_box_left:after, .disable_status.arrow_box_left:before {
        border-right-color: #d6d6d6;
        border-right-color: #d6d6d6;
    }

    .disable_status.arrow_box_right:after, .disable_status.arrow_box_right:before {
        border-left-color: #d6d6d6;
        border-left-color: #d6d6d6;
    }

    .disable_status span.icon {
        border-color: #d6d6d6;
    }

/*work flow end*/

/*responsive*/
@media only screen and (max-width: 1920px) {
    .searchexpand {
        right: 10px;
    }



    .textoverflow_SearchResult table tbody tr td a, .allocation_SearchResult table tbody tr td a {
        width: 360px;
    }

    #tblOnHold tbody tr td a {
        width: 242px;
    }
    .dvActions-close {
        left: -446px;
    }
    #btnActions {
        left: 425px;
    }
    .dvActions-open {
        left: 3px;
    }
        .dvActions-open #btnActions {
            left: 432px;
        }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
@media screen and (min-width: 1600px) and (max-width:1680px){
    .dvActions-close {
        left: -386px;
    }
    #btnActions {
        left: 365px;
    }
    .dvActions-open #btnActions {
    left: 369px;
}
    .dvActions-open {
        left: 3px !important;
    }
}


@media screen and (max-width: 1600px) {
    /*.dashboard-main {
        width: 95%;
        /*float:none;
}*/
    .dvActions-close {
        left: -372px;
    }

    #btnActions {
        left: 351px;
        top: 288px;
    }

    .dvActions-open {
        left: 3px;
    }

        .dvActions-open #btnActions {
            left: 353px;
        }

    .dvaction-review.dvActions-close, .dvaction-review.dvActions-open {
        top: 236px;
    }

    .dvActions-open.dvaction-review-approve, .dvaction-review-approve.dvActions-close {
        top: 234px;
    }

    .action-btn-review, .action-btn-review-approve {
        top: 131px !important;
    }

    .textoverflow_SearchResult table tbody tr td a, .allocation_SearchResult table tbody tr td a {
        width: 300px;
    }

    #tblOnHold tbody tr td a {
        width: 189px;
    }



    #tblDefect_filter, #tblusers_filter, #tblBalloon_filter {
        padding-right: 11px;
    }

    .input-filesupload {
        width: 100% !important;
    }

        .input-filesupload .data_field {
            width: 86% !important;
        }

            .input-filesupload .data_field .field-btn-wrap {
                width: 10%;
            }

                .input-filesupload .data_field .field-btn-wrap .fileinput-button {
                    width: 100%;
                }

    .mrg-tp-home {
        margin-top: 6em !important;
    }

    .WFbranches {
        left: -40px;
    }

    .box {
        width: 325px;
    }
}



    /*@media (min-width: 992px) {
    .headercaption {
        font-size: 24px;
    }

    .customer_logo {
        display: block;
    }
}*/

    @media (max-width: 991px) {
        .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
            padding-right: 0;
            padding-left: 0;
        }
    }

    @media only screen and (max-width:1366px) {
        /*.dashboard-main {
        width: 94.2%;
    }*/

        #btnActions {
            left: 293px;
        }



        .dvActions-open #btnActions {
            left: 293px;
        }

        .dvActions-close {
            left: -315px;
        }

        .dvActions-open {
            left: 0px !important;
        }

        .input-filesupload .data_field {
            width: 86% !important;
        }

        .textoverflow_SearchResult table tbody tr td a, .allocation_SearchResult table tbody tr td a {
            width: 240px;
        }

        #tblOnHold tbody tr td a {
            width: 152px;
        }

        .WFbranches {
            left: -68px;
        }

        .box {
            width: 269px;
        }
    }

    @media only screen and (max-width:1280px) {
        .dvActions-open {
            left: 0px;
        }

        #btnActions {
            left: 266px;
        }



        .field-btn-wrap.browse-btns {
            margin-top: -5px;
        }

        /*.dashboard-main {
        width: 94%;
    }*/

        .dvActions-close {
            left: -292px;
        }

        .dvActions-open {
            left: 3px;
        }

        #btnActions {
            left: 269px;
            top: 287px;
        }

            #btnActions.btnActions-open {
                left: 270px;
            }

        #tblDefect_filter, #tblusers_filter, #tblBalloon_filter {
            padding-right: 30px;
        }

        #btnActions.flexactions_btn.btnActions-open {
            left: 283px;
        }

        .dvActions-close.flexactions {
            left: -300px;
        }

        #btnActions.flexactions_btn {
            left: 277px;
        }

        .input-filesupload .data_field {
            width: 82% !important;
        }

        .textoverflow_SearchResult table tbody tr td a, .allocation_SearchResult table tbody tr td a {
            width: 227px;
        }

        #tblOnHold tbody tr td a {
            width: 136px;
        }

        .mrg-tp-home {
            margin-top: 6em !important;
        }

        .WFbranches {
            left: -79px;
        }

        .box {
            width: 247px;
        }
    }

    @media only screen and (max-width:1200px) {
        .dvActions-close {
            left: -273px;
        }

        .dvActions-open {
            left: 0px;
        }

        #btnActions {
            left: 252px;
        }

        .dvActions-open #btnActions {
            left: 250px !important;
        }

        .dvActions-open #btnActions {
            left: 252px !important;
        }

        #btnActions.btnActions-open {
            left: 250px;
        }

        .login-user-info span {
            width: 127px;
        }



        .input-filesupload .data_field {
            width: 83% !important;
        }

        .textoverflow_SearchResult table tbody tr td a, .allocation_SearchResult table tbody tr td a {
            width: 207px;
        }

        .allocation_SearchResult table tbody tr td span {
            width: 119px;
        }

        #tblOnHold tbody tr td a {
            width: 124px;
        }

        .dataentry_actions {
            font-size: 11px;
        }

            .dataentry_actions .badge {
                margin-right: 5px;
            }

        .WFbranches {
            left: -89px;
        }

        .workflow span {
            padding: 5px 7px;
        }

        .workflow_dataentry {
            left: 93px;
        }

        .workflow span.icon {
            position: absolute;
            left: 90px;
        }

        .workflow_allocation {
            left: 226px;
        }

            .workflow_allocation span.icon {
                top: -7px;
                left: -45px;
            }

        .workflow_Evaluation {
            left: 226px;
        }

            .workflow_Evaluation span.icon {
                left: -45px;
            }

        .workflow_Review {
            left: 95px;
        }

            .workflow_Review span.icon {
                left: 90px;
            }

        .workflow_Delivery {
            left: 96px;
        }

            .workflow_Delivery span.icon {
                left: 90px;
            }

        .workflow_Closure {
            left: 226px;
        }

            .workflow_Closure span.icon {
                left: -45px;
            }

        .box {
            width: 232px;
        }
    }

    @media only screen and (max-width:1024px) {
        .dvActions-open {
            left: 2px;
        }

        #btnActions {
            left: -14px;
        }



        .form-group > label {
            font-size: 12px;
        }

        .textoverflow_SearchResult table tbody tr td a {
            width: 160px;
        }

        .textoverflow_SearchResult table tbody tr td a, .allocation_SearchResult table tbody tr td a {
            width: 167px;
        }

        .allocation_SearchResult table tbody tr td span {
            width: 91px;
        }

        #tblOnHold tbody tr td a {
            width: 91px;
        }

        .mrg-tp-home {
            margin-top: 5em !important;
        }

        .bg-footer {
            width: 99% !important;
        }

            .bg-footer marquee {
                font-size: 12px;
            }
    }



    @media only screen and (min-width: 769px) and (max-width:1024px) {
        .dashboard-menu {
            width: 5%;
        }


        /*.navbar-fixed-top .navbar-brand {
        width: 80%;
    }*/

        .navbar-fixed-top .navbar-brand > div {
            width: 90%;
        }

        .navbar-brand img {
            width: 85%;
            padding: 3px 1px 5px 0px;
        }

        .headercaption {
            font-size: 15px;
        }

            .headercaption.customer_logo {
                border-left: none;
                padding: 0 0 0px 0;
                margin: 0;
                height: auto;
                width: 70px;
            }

                .headercaption.customer_logo img {
                    width: 100%;
                }

        .login-user-info span {
            width: 101px;
        }

        .short_notes {
            width: 80px;
        }

        .header_logos {
            margin: 10px 0px;
        }

        .dashboard-menu .home-menu {
            top: 5.5em;
        }

        .font-size {
            font-size: 15px;
            float: right;
        }

        .input-filesupload .data_field {
            width: 72% !important;
        }

        .mrg-tp-home {
            margin-top: 3em !important;
        }

        .dashboard-main {
            width: auto;
            margin-top: 1.5em;
        }

        .circle {
            margin-bottom: 15px;
        }

        .right-padding-mobile {
            padding-right: 15px;
        }

        .left-padding-mobile {
            padding-left: 15px;
        }

        .action-tab {
            width: 280px;
        }

        #btnActions {
            top: 270px;
        }

        #dvViewDetails #template span {
            word-break: normal;
        }

        .dvActions-open.dvaction-review-approve, .dvaction-review-approve.dvActions-close {
            top: 193px;
        }

        #btnActions {
            left: 268px !important;
        }

            #btnActions.btnActions-open {
                left: 205px !important;
            }

        .dvActions-close {
            left: -291px;
        }

        .dvActions-open #btnActions {
            left: 263px !important;
        }


        .dvaction-review.dvActions-close, .dvaction-review.dvActions-open {
            top: 188px;
        }

        .action-btn-review, .action-btn-review-approve {
            top: 173px !important;
        }

        .bg-footer {
            width: 98% !important;
        }

        .textoverflow_SearchResult table tbody tr td a, .allocation_SearchResult table tbody tr td a {
            width: 146px;
        }

        #tblOnHold tbody tr td a {
            width: 91px;
        }

        .bg-footer .container > marquee {
            font-size: 12px !important;
        }

        .field-btn-wrap.browse-btns {
            margin-top: -2px;
        }

        .advancesearch_wrp {
            margin: -356px auto 8px;
        }

        .data_field {
            width: 86%;
        }

        .box {
            width: 500px;
        }

        .WFbranches {
            left: 0;
            right: 0;
            margin: 0 auto;
            width: 402px;
        }
    }

    @media only screen and (max-width:768px) {

        .dashboard-main {
            width: 88.5%;
        }

        #btnActions {
            display: none;
        }

        .dvActions-allocation {
            position: static;
        }

        .login-user-info {
            margin-right: 15px;
        }
    }

    @media only screen and (max-width: 767px) {

        #tblusers_length {
            padding-right: 510px;
        }
        /*#dvAddButton {
        padding-left: 405px;
    } - ravi*/
        .resp-nav {
            position: fixed;
            left: 10px;
            top: 2.5em;
            z-index: 10000;
            color: #fff;
            display: block;
        }

        .dashboard-main.smart-dashboard {
            margin-left: 0px;
        }

        .cyientlogo .smart_nav {
            display: none;
        }

        bg-blue {
            width: 100%;
        }

        .navbar-fixed-top img {
            width: 100%;
        }

        .navbar-fixed-top .navbar-brand {
            width: 22%;
            float: left;
        }

        .cyientlogo {
            padding-right: 0px;
        }

        .profileimg {
            margin-right: 0px !important;
        }

        .circle {
            margin-bottom: 15px;
        }

        .mrg-tp-home {
            margin-top: 0px !important;
        }

        .headercaption.customer_logo {
            border-left: none;
            padding: 0 0 10px 0;
            margin: 0;
            height: auto;
            width: 26%;
        }

        .short_notes {
            width: 53px;
            border-left: none;
        }

            .short_notes span.title {
                display: none;
            }

        #navbarResponsive .navbar-nav li {
            padding: 5px 1px;
        }

        .dashboard-main {
            width: 100%;
            margin-bottom: 15%;
            margin-top: 20%;
            display: inline-block;
            margin-left: 0;
        }

        .dashboard-menu {
            display: none;
        }

        .bg-footer {
            width: 100%;
            z-index: 10;
        }

            .bg-footer .cyient_logo img {
                width: 50%;
                float: right;
            }

            .bg-footer .copyrights {
                margin-bottom: 5px;
            }

            .bg-footer .text-info {
                color: #222d32;
            }

        .resp-menu {
            display: block;
        }

            .resp-menu.sidenav {
                height: 100%;
                width: 0;
                position: fixed;
                z-index: 11;
                top: 85px;
                left: 0;
                background-color: #222d32;
                overflow-x: hidden;
                transition: 0.5s;
                padding-top: 60px;
            }

                .resp-menu.sidenav a {
                    padding: 8px 8px 8px 32px;
                    text-decoration: none;
                    font-size: 25px;
                    color: #d0caca;
                    display: block;
                    transition: 0.3s;
                }

                    .resp-menu.sidenav a:hover {
                        color: #f1f1f1;
                    }

                .resp-menu.sidenav .closebtn {
                    position: absolute;
                    top: 0;
                    right: 25px;
                    font-size: 36px;
                    margin-left: 50px;
                    color: #fff;
                }

            .resp-menu .dropbtn {
                color: white;
                padding: 16px;
                font-size: 16px;
                border: none;
                cursor: pointer;
            }

            .resp-menu .dropdown {
                position: relative;
                display: inline-block;
                width: 100%;
            }

            .resp-menu .dropdown-content {
                display: none;
                position: absolute;
                background-color: #344250;
                width: 100%;
                box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
                z-index: 1;
            }

                .resp-menu .dropdown-content a {
                    color: #fff;
                    padding: 12px 16px;
                    text-decoration: none;
                    display: block;
                }

                    .resp-menu .dropdown-content a:hover {
                        background-color: #222d32;
                        border-bottom: 3px solid #3e74ab;
                        color: #fff;
                    }

            .resp-menu .dropdown:hover .dropdown-content {
                display: block;
            }

            .resp-menu .dropdown:hover .dropbtn {
                background-color: none;
            }

            .resp-menu.sidenav {
                padding-top: 35px;
                margin-top: -1em;
            }

                .resp-menu.sidenav a {
                    font-size: 18px;
                }

            .resp-menu a img {
                padding-right: 10px;
                width: 35px;
            }

            .resp-menu a:hover {
                background: #344250;
                border-bottom: 3px solid #3e74ab;
            }

        .headercaption {
            font-size: 11px;
            font-weight: 700;
            padding-left: 2px;
            border-left: none;
        }

        .dvActions-allocation {
            position: static;
        }

        .login-box, .register-box {
            margin-top: 15em !important;
        }

        .right-padding-mobile {
            padding-right: 15px;
        }

        .left-padding-mobile {
            padding-left: 15px;
        }

        fieldset.scheduler-border {
            margin: 0;
            padding: 0px 15px;
        }

        .box-content {
            margin-left: 0 !important;
        }

        .data_field::parent {
            width: 100% !important;
        }

        .input-filesupload {
            width: 100% !important;
        }



        .field-btn-wrap.browse-btns {
            margin-top: -7px;
            margin-left: -4px;
        }

            .field-btn-wrap.browse-btns .btn-block {
                margin-top: 0;
                height: 28px;
                border-radius: 0;
                padding: 3px 6px;
            }

        .fakeClass > button {
            float: right;
        }

        #tblNCDetails_wrapper #tblNCDetails_filter {
            width: 100%;
            float: left;
        }

        #tblNCDetails_wrapper #buttons button {
            width: 49%;
            margin-bottom: 5px;
        }

        .Search-form input {
            margin-bottom: 5px;
        }

        Search-form button {
            width: 92%;
            font-size: 10px;
        }

        .searchexpand {
            right: 0;
            width: 110px;
        }

        .advancesearch_wrp .advance_search input[type="text"], .advancesearch_wrp .advance_search select {
            margin-bottom: 5px;
        }

        .resp-model {
            width: 300px !important;
        }

        .field-btn-wrap.browse-btns {
            margin-left: -3px;
        }

            .field-btn-wrap.browse-btns .btn-block {
                height: 28px;
                margin-top: 1px;
            }

        .data_field {
            margin-top: 3px;
        }

        .dvActions-close {
            position: static;
        }

        #divAssignQN .modal-body {
            padding: 20px 10px;
        }

            #divAssignQN .modal-body select {
                width: 80%;
            }

        .blockUI.blockMsg.blockPage {
            width: 40% !important;
            margin: 0 auto !important;
            left: 0 !important;
            right: 0;
        }

        .blockUI.blockMsg.blockElement {
            width: 60% !important;
            /* float: left; */
            /* vertical-align: middle; */
            border: none !important;
        }

            .blockUI.blockMsg.blockElement img {
                width: 36%;
            }

        div.dataTables_wrapper > div.row > div, div.dataTables_length, div.dataTables_filter, div.dataTables_info, div.dataTables_paginate {
            width: 100%;
        }

        .box {
            width: 300px;
        }

        .WFbranches {
            /* left: 0; */
            right: 0;
            margin: 0 auto;
            width: 310px;
        }
    }
    /* Multi Select Css Begin*/
    span.multiselect-native-select {
        position: relative
    }

        span.multiselect-native-select select {
            border: 0 !important;
            clip: rect(0 0 0 0) !important;
            height: 1px !important;
            margin: -1px -1px -1px -3px !important;
            overflow: hidden !important;
            padding: 0 !important;
            position: absolute !important;
            width: 1px !important;
            left: 50%;
            top: 30px
        }

    .multiselect-container {
        position: absolute;
        list-style-type: none;
        margin: 0;
        padding: 0
    }

        .multiselect-container .input-group {
            margin: 5px
        }

        .multiselect-container > li {
            padding: 0
        }

            .multiselect-container > li > a.multiselect-all label {
                font-weight: 700
            }

            .multiselect-container > li.multiselect-group label {
                margin: 0;
                padding: 3px 20px 3px 20px;
                height: 100%;
                font-weight: 700
            }

            .multiselect-container > li.multiselect-group-clickable label {
                cursor: pointer
            }

            .multiselect-container > li > a {
                padding: 0
            }

                .multiselect-container > li > a > label {
                    margin: 0;
                    height: 100%;
                    cursor: pointer;
                    font-weight: 400;
                    padding: 3px 20px 3px 40px
                }

                    .multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox {
                        margin: 0
                    }

                    .multiselect-container > li > a > label > input[type=checkbox] {
                        margin-bottom: 5px
                    }

    .btn-group > .btn-group:nth-child(2) > .multiselect.btn {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .btn-danger {
        background-color: #d9534f !important;
        border-color: #d43f3a !important;
    }

    .form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
        padding: 3px 20px 3px 40px
    }

    .form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
        margin-left: -20px;
        margin-right: 0
    }
    /* End*/
    .multiselect-native-select > div.btn-group {
        width: 100%;
    }

    .multiselect-native-select .multiselect-selected-text {
        float: left;
        color: #555555
    }

    .multiselect-native-select .caret {
        float: right;
        margin-top: 4%;
    }

    .multiselect-native-select ul li label {
        text-align: left;
    }

    .multiselect-native-select .multiselect.dropdown-toggle.form-control.btn.btn-default {
        background: none;
        box-shadow: none;
    }

    .dropdown-menu {
        overflow-y: scroll;
        overflow-x: hidden;
        max-height: 250px;
    }

    .notified_text {
        color: #A0522D;
    }

    /*only internet explorer*/
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        span.multiselect-native-select > select {
            display: none !important;
        }

        btn.multiselect.dropdown-toggle {
            width: 100%;
            text-align: left;
        }

            btn.multiselect.dropdown-toggle caret {
                float: right;
                margin-top: 4%;
            }

        ul.multiselect-container li.multiselect-item label {
            text-align: left;
        }

        select.show-menu-arrow option:hover {
            background: #1e90ff;
            background-color: #1e90ff;
        }
    }

    .full-width {
        width: 100% !important;
    }
    /*only internet explorer end*/
    /*session time out*/
    /*!
 * jQuery UI CSS Framework 1.11.3
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Segoe%20UI%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=8px&bgColorHeader=817865&bgTextureHeader=gloss_wave&bgImgOpacityHeader=45&borderColorHeader=494437&fcHeader=ffffff&iconColorHeader=fadc7a&bgColorContent=feeebd&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=8e846b&fcContent=383838&iconColorContent=d19405&bgColorDefault=fece2f&bgTextureDefault=gloss_wave&bgImgOpacityDefault=60&borderColorDefault=d19405&fcDefault=4c3000&iconColorDefault=3d3d3d&bgColorHover=ffdd57&bgTextureHover=gloss_wave&bgImgOpacityHover=70&borderColorHover=a45b13&fcHover=381f00&iconColorHover=bd7b00&bgColorActive=ffffff&bgTextureActive=inset_soft&bgImgOpacityActive=30&borderColorActive=655e4e&fcActive=0074c7&iconColorActive=eb990f&bgColorHighlight=fff9e5&bgTextureHighlight=gloss_wave&bgImgOpacityHighlight=90&borderColorHighlight=eeb420&fcHighlight=1f1f1f&iconColorHighlight=ed9f26&bgColorError=d34d17&bgTextureError=diagonals_medium&bgImgOpacityError=20&borderColorError=ffb73d&fcError=ffffff&iconColorError=ffe180&bgColorOverlay=5c5c5c&bgTextureOverlay=flat&bgImgOpacityOverlay=50&opacityOverlay=80&bgColorShadow=cccccc&bgTextureShadow=flat&bgImgOpacityShadow=30&opacityShadow=60&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px
 */
    /* Component containers
----------------------------------*/
    .ui-widget {
        font-family: 'Titillium Web', sans-serif;
        font-size: .8em;
    }

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

        .ui-widget input,
        .ui-widget select,
        .ui-widget textarea,
        .ui-widget button {
            /*font-family: Segoe UI,Arial,sans-serif;*/
            font-family: 'Titillium Web', sans-serif;
            font-size: 1em;
        }

    .ui-widget-content {
        border: 1px solid #8e846b;
        background: none !important;
        color: #383838;
    }

        .ui-widget-content a {
            color: #383838;
        }

    .ui-widget-header {
        border: 1px solid #494437;
        background: #817865 url("images/ui-bg_gloss-wave_45_817865_500x100.png") 50% 50% repeat-x;
        color: #ffffff;
        font-weight: bold;
    }

        .ui-widget-header a {
            color: #ffffff;
        }

    .blockUI.blockMsg.blockPage {
        border: none !important;
        width: 100px !important;
        border-radius: 10%;
    }

        .blockUI.blockMsg.blockPage h4 img {
            width: 100%;
        }
    /* Interaction states
----------------------------------*/
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
        border: 1px solid #d19405;
        background: #fece2f url("images/ui-bg_gloss-wave_60_fece2f_500x100.png") 50% 50% repeat-x;
        font-weight: bold;
        color: #4c3000;
    }

        .ui-state-default a,
        .ui-state-default a:link,
        .ui-state-default a:visited {
            color: #4c3000;
            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 #a45b13;
        background: #ffdd57 url("images/ui-bg_gloss-wave_70_ffdd57_500x100.png") 50% 50% repeat-x;
        font-weight: bold;
        color: #381f00;
    }

        .ui-state-hover a,
        .ui-state-hover a:hover,
        .ui-state-hover a:link,
        .ui-state-hover a:visited,
        .ui-state-focus a,
        .ui-state-focus a:hover,
        .ui-state-focus a:link,
        .ui-state-focus a:visited {
            color: #381f00;
            text-decoration: none;
        }

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active {
        border: 1px solid #655e4e;
        background: #ffffff url("images/ui-bg_inset-soft_30_ffffff_1x100.png") 50% 50% repeat-x;
        font-weight: bold;
        color: #0074c7;
    }

        .ui-state-active a,
        .ui-state-active a:link,
        .ui-state-active a:visited {
            color: #0074c7;
            text-decoration: none;
        }

    /* Interaction Cues
----------------------------------*/
    .ui-state-highlight,
    .ui-widget-content .ui-state-highlight,
    .ui-widget-header .ui-state-highlight {
        border: 1px solid #eeb420;
        background: #fff9e5 url("images/ui-bg_gloss-wave_90_fff9e5_500x100.png") 50% top repeat-x;
        color: #1f1f1f;
    }

        .ui-state-highlight a,
        .ui-widget-content .ui-state-highlight a,
        .ui-widget-header .ui-state-highlight a {
            color: #1f1f1f;
        }

    .ui-state-error,
    .ui-widget-content .ui-state-error,
    .ui-widget-header .ui-state-error {
        border: 1px solid #ffb73d;
        background: #d34d17 url("images/ui-bg_diagonals-medium_20_d34d17_40x40.png") 50% 50% repeat;
        color: #ffffff;
    }

        .ui-state-error a,
        .ui-widget-content .ui-state-error a,
        .ui-widget-header .ui-state-error a {
            color: #ffffff;
        }

    .ui-state-error-text,
    .ui-widget-content .ui-state-error-text,
    .ui-widget-header .ui-state-error-text {
        color: #ffffff;
    }

    .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); /* support: IE8 */
        font-weight: normal;
    }

    .ui-state-disabled,
    .ui-widget-content .ui-state-disabled,
    .ui-widget-header .ui-state-disabled {
        opacity: .35;
        filter: Alpha(Opacity=35); /* support: IE8 */
        background-image: none;
    }

        .ui-state-disabled .ui-icon {
            filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */
        }

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

    /* states and images */
    .ui-icon {
        width: 16px;
        height: 16px;
    }

    .ui-icon,
    .ui-widget-content .ui-icon {
        background-image: url("images/ui-icons_d19405_256x240.png");
    }

    .ui-widget-header .ui-icon {
        background-image: url("images/ui-icons_fadc7a_256x240.png");
    }

    .ui-state-default .ui-icon {
        background-image: url("images/ui-icons_3d3d3d_256x240.png");
    }

    .ui-state-hover .ui-icon,
    .ui-state-focus .ui-icon {
        background-image: url("images/ui-icons_bd7b00_256x240.png");
    }

    .ui-state-active .ui-icon {
        background-image: url("images/ui-icons_eb990f_256x240.png");
    }

    .ui-state-highlight .ui-icon {
        background-image: url("images/ui-icons_ed9f26_256x240.png");
    }

    .ui-state-error .ui-icon,
    .ui-state-error-text .ui-icon {
        background-image: url("images/ui-icons_ffe180_256x240.png");
    }

    /* positioning */
    .ui-icon-blank {
        background-position: 16px 16px;
    }

    .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-on {
        background-position: -96px -144px;
    }

    .ui-icon-radio-off {
        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 {
        border-top-left-radius: 8px;
    }

    .ui-corner-all,
    .ui-corner-top,
    .ui-corner-right,
    .ui-corner-tr {
        border-top-right-radius: 8px;
    }

    .ui-corner-all,
    .ui-corner-bottom,
    .ui-corner-left,
    .ui-corner-bl {
        border-bottom-left-radius: 8px;
    }

    .ui-corner-all,
    .ui-corner-bottom,
    .ui-corner-right,
    .ui-corner-br {
        border-bottom-right-radius: 8px;
    }

    /* Overlays */
    .ui-widget-overlay {
        background: #5c5c5c url("images/ui-bg_flat_50_5c5c5c_40x100.png") 50% 50% repeat-x;
        opacity: .5;
        filter: Alpha(Opacity=80); /* support: IE8 */
    }

    .ui-widget-shadow {
        margin: -7px 0 0 -7px;
        padding: 7px;
        background: #cccccc url("images/ui-bg_flat_30_cccccc_40x100.png") 50% 50% repeat-x;
        opacity: .6;
        filter: Alpha(Opacity=60); /* support: IE8 */
        border-radius: 8px;
    }

    /*!
 * jQuery UI CSS Framework 1.11.3
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */

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

    .ui-helper-hidden-accessible {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 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;
        border-collapse: collapse;
    }

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

    .ui-helper-clearfix {
        min-height: 0; /* support: IE7 */
    }

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

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


    /* 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: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .ui-draggable-handle {
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-resizable {
        position: relative;
    }

    .ui-resizable-handle {
        position: absolute;
        font-size: 0.1px;
        display: block;
        -ms-touch-action: none;
        touch-action: none;
    }

    .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-button {
        display: inline-block;
        position: relative;
        padding: 0;
        line-height: normal;
        margin-right: .1em;
        cursor: pointer;
        vertical-align: middle;
        text-align: center;
        overflow: visible; /* removes extra width in IE */
    }

        .ui-button,
        .ui-button:link,
        .ui-button:visited,
        .ui-button:hover,
        .ui-button:active {
            text-decoration: none;
        }
    /* to make room for the icon, a width needs to be set here */
    .ui-button-icon-only {
        width: 2.2em;
    }
    /* button elements seem to need a little more width */
    button.ui-button-icon-only {
        width: 2.4em;
    }

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

    .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;
    }

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

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

    /* workarounds */
    /* reset extra padding in Firefox, see h5bp.com/l */
    input.ui-button::-moz-focus-inner,
    button.ui-button::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

    .ui-dialog {
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        padding: .2em;
        outline: 0;
    }

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

        .ui-dialog .ui-dialog-title {
            float: left;
            margin: .1em 0;
            white-space: nowrap;
            width: 90%;
            overflow: hidden;
            text-overflow: ellipsis;
        }

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

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

            .ui-dialog .ui-dialog-content p {
                font-size: 16px;
            }

            .ui-dialog .ui-dialog-content > div {
                font-size: 16px;
            }

        .ui-dialog .ui-dialog-buttonpane {
            text-align: left;
            border-width: 1px 0 0 0;
            background-image: none;
            margin-top: .5em;
            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;
                border-radius: 3px;
                background: #3e74ab;
                border: none;
                font-size: 12px;
                color: #fff;
                padding: 5px;
            }



        .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable {
            background: #fff !important;
            height: auto !important;
            border-radius: 0 !important;
            border: 0;
            padding: 0;
        }



    .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle {
        background: #5a5b5b;
        border-radius: 0;
    }

        .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle span {
            font-size: 18px;
        }

    .ui-dialog .ui-resizable-se {
        width: 12px;
        height: 12px;
        right: -5px;
        bottom: -5px;
        background-position: 16px 16px;
    }

    .ui-draggable .ui-dialog-titlebar {
        cursor: move;
    }
    /*Session timeout dialog end*/


    /*keyframe anuimations*/
    /*Bell*/


    .bell {
        display: block;
        font-size: 40px;
        color: #fff;
        -webkit-animation: ring 4s .7s ease-in-out infinite;
        -webkit-transform-origin: 50% 4px;
        -moz-animation: ring 4s .7s ease-in-out infinite;
        -moz-transform-origin: 50% 4px;
        animation: ring 4s .7s ease-in-out infinite;
        transform-origin: 50% 4px;
        font-size: 18px !important;
    }

    @-webkit-keyframes ring {
        0% {
            -webkit-transform: rotateZ(0);
        }

        1% {
            -webkit-transform: rotateZ(30deg);
        }

        3% {
            -webkit-transform: rotateZ(-28deg);
        }

        5% {
            -webkit-transform: rotateZ(34deg);
        }

        7% {
            -webkit-transform: rotateZ(-32deg);
        }

        9% {
            -webkit-transform: rotateZ(30deg);
        }

        11% {
            -webkit-transform: rotateZ(-28deg);
        }

        13% {
            -webkit-transform: rotateZ(26deg);
        }

        15% {
            -webkit-transform: rotateZ(-24deg);
        }

        17% {
            -webkit-transform: rotateZ(22deg);
        }

        19% {
            -webkit-transform: rotateZ(-20deg);
        }

        21% {
            -webkit-transform: rotateZ(18deg);
        }

        23% {
            -webkit-transform: rotateZ(-16deg);
        }

        25% {
            -webkit-transform: rotateZ(14deg);
        }

        27% {
            -webkit-transform: rotateZ(-12deg);
        }

        29% {
            -webkit-transform: rotateZ(10deg);
        }

        31% {
            -webkit-transform: rotateZ(-8deg);
        }

        33% {
            -webkit-transform: rotateZ(6deg);
        }

        35% {
            -webkit-transform: rotateZ(-4deg);
        }

        37% {
            -webkit-transform: rotateZ(2deg);
        }

        39% {
            -webkit-transform: rotateZ(-1deg);
        }

        41% {
            -webkit-transform: rotateZ(1deg);
        }

        43% {
            -webkit-transform: rotateZ(0);
        }

        100% {
            -webkit-transform: rotateZ(0);
        }
    }

    @-moz-keyframes ring {
        0% {
            -moz-transform: rotate(0);
        }

        1% {
            -moz-transform: rotate(30deg);
        }

        3% {
            -moz-transform: rotate(-28deg);
        }

        5% {
            -moz-transform: rotate(34deg);
        }

        7% {
            -moz-transform: rotate(-32deg);
        }

        9% {
            -moz-transform: rotate(30deg);
        }

        11% {
            -moz-transform: rotate(-28deg);
        }

        13% {
            -moz-transform: rotate(26deg);
        }

        15% {
            -moz-transform: rotate(-24deg);
        }

        17% {
            -moz-transform: rotate(22deg);
        }

        19% {
            -moz-transform: rotate(-20deg);
        }

        21% {
            -moz-transform: rotate(18deg);
        }

        23% {
            -moz-transform: rotate(-16deg);
        }

        25% {
            -moz-transform: rotate(14deg);
        }

        27% {
            -moz-transform: rotate(-12deg);
        }

        29% {
            -moz-transform: rotate(10deg);
        }

        31% {
            -moz-transform: rotate(-8deg);
        }

        33% {
            -moz-transform: rotate(6deg);
        }

        35% {
            -moz-transform: rotate(-4deg);
        }

        37% {
            -moz-transform: rotate(2deg);
        }

        39% {
            -moz-transform: rotate(-1deg);
        }

        41% {
            -moz-transform: rotate(1deg);
        }

        43% {
            -moz-transform: rotate(0);
        }

        100% {
            -moz-transform: rotate(0);
        }
    }

    @keyframes ring {
        0% {
            transform: rotate(0);
        }

        1% {
            transform: rotate(30deg);
        }

        3% {
            transform: rotate(-28deg);
        }

        5% {
            transform: rotate(34deg);
        }

        7% {
            transform: rotate(-32deg);
        }

        9% {
            transform: rotate(30deg);
        }

        11% {
            transform: rotate(-28deg);
        }

        13% {
            transform: rotate(26deg);
        }

        15% {
            transform: rotate(-24deg);
        }

        17% {
            transform: rotate(22deg);
        }

        19% {
            transform: rotate(-20deg);
        }

        21% {
            transform: rotate(18deg);
        }

        23% {
            transform: rotate(-16deg);
        }

        25% {
            transform: rotate(14deg);
        }

        27% {
            transform: rotate(-12deg);
        }

        29% {
            transform: rotate(10deg);
        }

        31% {
            transform: rotate(-8deg);
        }

        33% {
            transform: rotate(6deg);
        }

        35% {
            transform: rotate(-4deg);
        }

        37% {
            transform: rotate(2deg);
        }

        39% {
            transform: rotate(-1deg);
        }

        41% {
            transform: rotate(1deg);
        }

        43% {
            transform: rotate(0);
        }

        100% {
            transform: rotate(0);
        }
    }
    /*Bell*/
    @-webkit-keyframes rotate {
        from {
            -webkit-transform: rotate(0deg);
        }

        to {
            -webkit-transform: rotate(360deg);
        }
    }

    .hvr-shutter-out-horizontal {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        position: relative;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }

        .hvr-shutter-out-horizontal:before {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: #6e94ea;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transform-origin: 50%;
            transform-origin: 50%;
            -webkit-transition-property: transform;
            transition-property: transform;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
        }

        .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
            color: white;
        }

            .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
                -webkit-transform: scaleX(1);
                transform: scaleX(1);
            }
    /*icon animaion*/
    @-webkit-keyframes hvr-icon-wobble-horizontal {
        16.65% {
            -webkit-transform: translateX(6px);
            transform: translateX(6px);
        }

        33.3% {
            -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
        }

        49.95% {
            -webkit-transform: translateX(4px);
            transform: translateX(4px);
        }

        66.6% {
            -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
        }

        83.25% {
            -webkit-transform: translateX(1px);
            transform: translateX(1px);
        }

        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }

    @keyframes hvr-icon-wobble-horizontal {
        16.65% {
            -webkit-transform: translateX(6px);
            transform: translateX(6px);
        }

        33.3% {
            -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
        }

        49.95% {
            -webkit-transform: translateX(4px);
            transform: translateX(4px);
        }

        66.6% {
            -webkit-transform: translateX(-2px);
            transform: translateX(-2px);
        }

        83.25% {
            -webkit-transform: translateX(1px);
            transform: translateX(1px);
        }

        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }

    .hvr-icon-wobble-horizontal {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }

        .hvr-icon-wobble-horizontal .hvr-icon {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }

        .hvr-icon-wobble-horizontal:hover .hvr-icon, .hvr-icon-wobble-horizontal:focus .hvr-icon, .hvr-icon-wobble-horizontal:active .hvr-icon {
            -webkit-animation-name: hvr-icon-wobble-horizontal;
            animation-name: hvr-icon-wobble-horizontal;
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
        }
    /*logout*/
    @-webkit-keyframes hvr-pop {
        50% {
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
        }
    }

    @keyframes hvr-pop {
        50% {
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
        }
    }

    .hvr-pop {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    }

        .hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
            -webkit-animation-name: hvr-pop;
            animation-name: hvr-pop;
            -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
            -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
        }
    /*logout*/
    /*button*/
    button {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        position: relative;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }

        button:before {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(220, 221, 222, 0.0);
            -webkit-transform: scaleY(0);
            transform: scaleY(0);
            -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
            -webkit-transition-property: transform;
            transition-property: transform;
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
        }

        button:hover, button:focus, button:active {
        }

            button:hover:before, button:focus:before, button:active:before {
                -webkit-transform: scaleY(1);
                transform: scaleY(1);
                -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
                transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
                background: rgba(95, 167, 234, 0.5);
            }

    /*attention*/

    .list-group-item i.fa-shield {
        animation-name: flash;
        font-size: 16px;
        animation-duration: 1s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        /*Firefox 1+ -webkit-animation-name: flash;*/
        -webkit-animation-duration: 1s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        /*Safari 3-4 -moz-animation-name: flash;*/
        -moz-animation-duration: 1s;
        -moz-animation-timing-function: linear;
        -moz-animation-iteration-count: infinite;
    }

    @keyframes flash {
        0% {
            opacity: 1.0;
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1.0;
        }
    }

    @-webkit-keyframes flash {
        0% {
            opacity: 1.0;
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1.0;
        }
    }

    @-moz-keyframes flash {
        0% {
            opacity: 1.0;
        }

        50% {
            opacity: 0.5;
        }

        100% {
            opacity: 1.0;
        }
    }
    /*Quick links*/
    .list-group-item i.fa-link {
        animation: rotate 2s infinite;
        -webkit-animation: rotate 2s infinite;
    }

    @-webkit-keyframes rotate {
        100% {
            transform: rotateY(360deg);
        }
    }

    @keyframes rotate {
        100% {
            transform: rotateY(-360deg);
        }
    }

    .list-group-item i.fa-calendar {
        animation: rotate 3s infinite;
        -webkit-animation: rotate 3s infinite;
        -webkit-transform-origin: top;
    }

    @-webkit-keyframes rotate {
        100% {
            transform: rotateX(270deg);
        }
    }

    @keyframes rotate {
        100% {
            transform: rotateX(-360deg);
        }
    }

    /*dashboard hover*/
    .hvr-curl-bottom-right {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        position: relative;
        box-shadow: 2px 2px 15px rgba(187, 186, 186, 0.4);
    }

        .hvr-curl-bottom-right:before {
            pointer-events: none;
            position: absolute;
            content: '';
            height: 0;
            width: 0;
            bottom: 0;
            right: 0;
            background: white;
            /* IE9 */
            background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
            box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-transition-property: width, height;
            transition-property: width, height;
        }

        .hvr-curl-bottom-right:before, .hvr-curl-bottom-right:before, .hvr-curl-bottom-right:before {
            width: 25px;
            height: 25px;
        }

    /*keyframe anuimations*/

    .disable_Role {
        opacity: 0.5;
        pointer-events: none;
    }

    .dataTables_scrollBody {
        max-height: calc(70vh - 68px) !important;
    }