@charset "UTF-8";
/* CSS Document */



/******************************************************************/
/*	Reset CSS 												      */
/******************************************************************/
* {
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
}

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


body {
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
    background-color: #f5eff1;
    font-size: 13px;
    color: #707070;
    line-height: 1.3;
    letter-spacing: normal;
}


.clear {
    clear: both;
}

/******************************************************************/
/*	Reset CSS *END*											      */
/******************************************************************/


/*TYPE*/

p {
    padding-bottom: 14px;
}

h1 {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

    h1#mw {
        font-size: 18px;
        padding: 3px 0 2px !important;
    }

    h1#ts {
        font-size: 18px;
        padding: 3px 0 2px !important;
    }

    h1#po {
        font-size: 18px;
        padding: 3px 0 2px !important;
    }

    h1#cp {
        font-size: 16px;
        padding: 3px 0 2px !important;
    }

    h1#md {
        font-size: 16px;
        padding: 3px 0 2px !important;
    }

    h1#sp {
        font-size: 16px;
        padding: 3px 0 2px !important;
    }

    h1#sc {
        font-size: 16px;
        padding: 3px 0 2px !important;
    }

    h1#pi {
        font-size: 18px;
        padding: 3px 0 2px !important;
    }

    h1#hol {
        font-size: 18px;
        padding: 3px 0 2px !important;
    }

    h1#exp {
        font-size: 18px;
        padding: 3px 0 2px !important;
    }

    h1#doc {
        font-size: 18px;
        padding: 3px 0 2px !important;
    }

    h1#plan {
        font-size: 15px;
        padding: 3px 0 2px !important;
    }

    h1#addu {
        font-size: 18px;
        padding: 3px 0 2px !important;
    }

    h1#quo {
        font-size: 18px;
        padding: 3px 0 2px !important;
    }


h2 {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

h3 {
    color: #f5eff1;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 0 7px 7px;
}

h4 {
}

h5 {
}

h6 {
}


a {
    text-decoration: none;
}

#wrapper {
    padding: 0px;
    width: 960px;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    height: auto;
    border: 1px solid #fff;
    min-height: 1000px;
}



/*HEADER*/

#header {
    background: #0a304e;
    height: 27px;
}

#head-wrap {
    margin: 0 auto;
    width: 960px;
    height: 90px;
    position: relative;
}

#logo {
    float: left;
    margin: 0px 0px 0px -35px;
    padding: 12px 0 0 0;
}

#login-logo {
    float: left;
    margin: 0px 30px 0 340px;
    padding: 5px 0 0 0;
}

a.logout {
    height: 16px;
    padding: 7px 15px;
    position: absolute;
    top: -30px;
    right: 0px;
    background: #24bca4;
    font-weight: 600;
    color: #f5eff1;
}

    a.logout:hover {
        background: #4d5a5c;
    }

.welcome {
    padding-top: 7px;
    position: absolute;
    top: -30px;
    font-weight: 600;
    color: #f5eff1;
    width: 100%;
    text-align: center;
}
/*NAVIGATION*/

#nav {
    position: absolute;
    top: 0;
    left: 186px;
    width: 900px;
}

    #nav a {
        float: left;
        margin: 40px 0 0 10px;
        padding: 10px;
        display: inline-block;
        color: #707070;
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
    }

        #nav a:hover {
            background: #7e7e7e;
            color: #ffffff !important;
            text-decoration: none;
            -moz-border-radius: 7px;
            border-radius: 7px;
            opacity: 0.5;
        }

body#my-westway div#nav a.my-westway,
body#home div#nav a.home,
body#servicedesk div#nav a.servicedesk,
body#quotes div#nav a.mobile,
body#mobile div#nav a.quotes,
body#parts div#nav a.parts,
body#engineerrota div#nav a.engineerrota,
body#accesssetup div#nav a.accesssetup,
body#jobs div#nav a.jobs,
body#ppm div#nav a.ppm,
body#logs div#nav a.logs,
body#engineers div#nav a.engineers,
body#suppliers div#nav a.suppliers {
    background: #24bca4;
    color: #ffffff !important;
    text-decoration: none;
    -moz-border-radius: 7px;
    border-radius: 7px;
    float: left;
}

.subnav {
    background-color: #0a304e;
    height: 43px;
    width: auto;
}

.subnav-wrap {
    margin: 0 auto;
    width: 960px;
}

.subnav a {
    color: #fff;
    padding: 12px;
    font-size: 16px;
    text-transform: uppercase;
    float: right;
    display: block;
    border-right: 1px dotted #333e3f;
}

    .subnav a.end {
        padding-right: 9px;
    }

    .subnav a.start {
        border-left: 1px dotted #333e3f;
    }

    .subnav a.active {
        color: #fff;
        display: block;
        background: url(images/subnav-arrow.png) no-repeat #24bca4 center top;
    }

    .subnav a:hover {
        color: #C4E9B6;
    }

/*
    Override default button style
    Fix for DevExpress no longer having an EnableDefaultAppearance option
*/

.dxbButton {
    color: inherit;
    font: inherit;
    border: inherit;
    background: inherit;
    padding: inherit;
}

    .dxbButton div.dxb {
        padding: 0px;
    }

/*CONTENT*/


#content-wrap {
    position: absolute;
    margin: 0 auto;
    width: 100%;
    height: 86%;
    background: #c2c1bb;
}

#content {
    margin: 0 auto;
    width: 960px;
    min-height: 600px;
    position: relative;
    padding-top: 20px;
}

#content2-wrap {
    position: absolute;
    margin: 0 auto;
    width: 100%;
    height: 83%;
    background: #c2c1bb;
}

#content2 {
    margin: 0 auto;
    width: 960px;
    min-height: 565px;
    position: relative;
    padding-top: 20px;
}

#content3-wrap {
    margin: 0 auto;
    width: auto;
    min-height: 565px;
    background: #486bab;
    padding-bottom: 20px;
}

#content3 {
    margin: 0 auto;
    width: 1090px;
    min-height: 565px;
    position: relative;
    padding-top: 20px;
}

#data {
    width: 960px;
    height: 480px;
    margin: 20px 0px;
}

.grey-border-top {
    background: #24bca4;
    height: 5px;
    width: auto;
    position: relative;
    z-index: 1;
    margin: 0 auto;
}

.grey-border-bot {
    background: #7695be;
    height: 10px;
    width: auto;
    position: absolute;
    bottom: 0px;
}

.blue-border-top {
    background-color: #0a304e;
    height: 8px;
    width: auto;
    z-index: 2;
}

.blue-border-bot {
    background-color: #24bca4;
    height: 5px;
    width: auto;
}

.one-fifth-wrap {
    width: 176px;
    margin-right: 20px;
    float: left;
    height: 100px;
    min-height: 10px;
}

.one-fifth-bottom {
    padding-top: 10px;
    width: 176px;
    margin-right: 20px;
    float: left;
    height: 100px;
    min-height: 10px;
}

.one-fifth {
    width: 176px;
    margin-right: 20px;
    float: left;
    height: auto;
    min-height: 10px;
}

.two-fifth {
    width: 19%;
    padding-top: 40px;
    height: 291px;
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    min-width: 372px;
}

.three-fifth {
    width: 568px;
    margin-right: 20px;
    float: left;
    height: auto;
    min-height: 10px;
}

.three-fifth-centre {
    width: 568px;
    margin-right: 20px;
    float: left;
    height: auto;
    min-height: 10px;
    margin-left: 190px;
}

.four-fifth {
    width: 764px;
    min-height: 10px;
    float: left;
}

.four-fifth-wide {
    width: 894px;
    min-height: 10px;
    float: left;
}


#titlebottom {
    width: 100%;
    background: #555555;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 7px 0;
}

#title {
    width: 100%;
    background: #0a304e;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 7px 0;
}

.radiolist {
    -moz-border-radius: 7px;
    border-radius: 7px;
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
}


.title-sub {
    width: 100%;
    background: #0a304e;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 7px 0;
}

.title-sub2 {
  width: 100%;
  background: #cd0000;
  -moz-border-radius: 7px;
  border-radius: 7px;
  padding: 7px 0;
}

    .title-sub:hover {
        width: 100%;
        background: #0a304e;
        -moz-border-radius: 7px;
        border-radius: 7px;
        padding: 7px 0;
        cursor: pointer;
    }

    .title-sub.active {
        width: 100%;
        background: #0a304e;
        -moz-border-radius: 7px;
        border-radius: 7px;
        padding: 7px 0;
        cursor: pointer;
    }

        .title-sub.active:hover {
            width: 100%;
            background: #24bca4;
            -moz-border-radius: 7px;
            border-radius: 7px;
            padding: 7px 0;
            cursor: pointer;
        }

.title {
    width: 100%;
    background: #0a304e;
    -moz-border-radius: 0 7px 7px 0;
    border-radius: 0 7px 7px 0;
    padding: 7px 0;
}

.titlebottom {
    width: 100%;
    height: 69px;
    background: #606e70;
    -moz-border-radius: 0 7px 7px 0;
    border-radius: 0 7px 7px 0;
    padding: 7px 0;
}

.title90 {
    width: 90%;
    background: #606e70;
    -moz-border-radius: 0 7px 7px 0;
    border-radius: 0 7px 7px 0;
    padding: 7px 0;
}

.end {
    margin-right: 0px;
}

.indent-1 {
    margin-left: 196px;
}

.indent-2 {
    margin-left: 392px;
}


/*FOOTER*/

#footer-wrap {
    height: 27px;
    background: #0a304e;
    color: #e4e1e2;
    text-align: center;
    position: fixed;
    width: 100%;
    bottom: 0;
    overflow: hidden;
}

#footer {
    padding-top: 3px;
    width: 960px;
    margin: 0 auto;
}

    #footer p {
        color: #f5eff1;
        font-size: 11px;
    }

/*-TABLE--------------------------------------------------------------------------*/

.tlbr {
    -moz-border-radius: 7px 0 0 0;
    border-radius: 7px 0 0 0;
}

.trbr {
    -moz-border-radius: 0 7px 0 0;
    border-radius: 0 7px 0 0;
}


/*SEARCH*/

#search-group {
    width: 176px;
    border-bottom: 5px solid #24bca4;
    height: 36px;
    margin-top: 20px;
}

.search {
    background: #0a304e;
    color: #fff;
    font-weight: 600;
    padding: 10px 0 10px 10px;
    float: left;
    width: 86px;
    height: 16px;
}

.magnifier {
    background: url(images/search-icon.png) no-repeat #0a304e;
    float: left;
    width: 40px;
    height: 36px;
    border-left: 1px solid #9ba2a3;
}

    .magnifier:hover {
        background: url(images/search-icon.png) no-repeat #0a304e;
        cursor: pointer;
    }

.search-reset {
    background: url(images/search-clear-icon.png) no-repeat #0a304e;
    float: left;
    width: 40px;
    height: 36px;
    border-left: 1px solid #9ba2a3;
}

    .search-reset:hover {
        background: url(images/search-clear-icon.png) no-repeat #0a304e;
        cursor: pointer;
    }

.input-dd {
    border: 0px;
    background: #fff !important;
    width: 161px;
    color: #707070;
    height: 25px;
    -moz-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px;
    padding: 5px 5px 5px 10px;
    font-weight: bold;
}

.input-cb {
    border: 0px;
    background: #fff !important;
    width: 176px;
    color: #707070;
    height: 18px;
    -moz-border-radius: 0 0 7px 7px;
    border-radius: 7px 7px 7px 7px;
    padding: 5px 5px 5px 10px;
    font-weight: bold;
}

.input-cb2 {
    border: 0px;
    background: #fff !important;
    width: 176px;
    color: #707070;
    height: 25px;
    -moz-border-radius: 0 0 7px 7px;
    border-radius: 7px 7px 7px 7px;
    padding: 5px 5px 5px 10px;
    font-weight: bold;
}

.login {
    border: 0px;
    background: #fff !important;
    width: 357px;
    color: #555555;
    height: 35px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 5px 5px 5px 10px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
}

.login-btn {
    background: #f5eff1;
    float: right;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 10px 20px;
    border: none !important;
    font-size: 15px;
    font-weight: 600;
    color: #555555;
    -moz-box-shadow: 3px 3px 0px #7e7e7e;
    -webkit-box-shadow: 3px 3px 0px #7e7e7e;
    box-shadow: 3px 3px 0px #7e7e7e;
}

    .login-btn:hover {
        background: #555555;
        color: #f5eff1;
        cursor: pointer;
    }

.login-div {
    margin-left: 294px;
}

/*DD-GROUP*/

.dd-group {
    width: 176px;
}

.dd-text {
    width: 126px;
    height: 16px;
    background: #fff;
    -moz-border-radius: 7px 0 0 7px;
    border-radius: 7px 0 0 7px;
    float: left;
    padding: 10px 0 10px 10px;
    color: #606e70;
    font-size: 12px;
}

.dd-arrow {
    background: url(images/dd-arrow.png) no-repeat #606e70;
    width: 40px;
    -moz-border-radius: 0 7px 7px 0;
    border-radius: 0 7px 7px 0;
    height: 36px;
    float: left;
}



/*PANELS*/

.panels {
    margin: 20px 0 0;
    background: #d5d4cc;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 15px 0;
}

    .panels a {
        width: 107px;
        float: left;
        margin: 0px 10px 0px 10px;
        height: 90px;
        padding-top: 15px;
        display: block;
        -moz-border-radius: 7px;
        border-radius: 7px;
        color: #606e70;
        text-align: center;
        font-weight: 800;
        font-size: 13px;
        text-transform: uppercase;
        background: #fff;
    }

.panelsM {
    margin: 20px 0 0;
    background: #9dbed7;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 15px 0;
}

    .panelsM a {
        width: 107px;

        float: left;
        margin-right: 20px;
        height: 100px;
        padding-top: 15px;
        display: block;
        -moz-border-radius: 7px;
        border-radius: 7px;
        color: #606e70;
        text-align: center;
        font-weight: 800;
        font-size: 14px;
        text-transform: uppercase;
        background: #fff;
    }

.panelsW {
    margin: 20px 0 0;
    background: #d5d4cc;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 15px 0;
}

    .panelsW a {
        width: 171px;
        float: left;
        margin-right: 20px;
        height: 100px;
        padding-top: 15px;
        display: block;
        -moz-border-radius: 7px;
        border-radius: 7px;
        color: #606e70;
        text-align: center;
        font-weight: 800;
        font-size: 14px;
        text-transform: uppercase;
        background: #fff;
    }

.panel-1 {
    border-top: 20px solid #fc3203;
}

    .panel-1:hover {
        background: #fc3203;
        color: #fff !important;
        transition: all ease 0.5s;
    }

.panel-1nr {
    border-top: 20px solid #fc3203;
    cursor: default;
}

.panel-2 {
    border-top: 20px solid #fc6103;
}

    .panel-2:hover {
        background: #fc6103;
        color: #fff;
        transition: all ease 0.5s;
    }

.panel-2nr {
    border-top: 20px solid #fc6103;
    cursor: default;
}

.panel-3 {
    border-top: 20px solid #01bc0a;
}

    .panel-3:hover {
        background: #01bc0a;
        color: #fff;
        transition: all ease 0.5s;
    }

.panel-3nr {
    border-top: 20px solid #01bc0a;
    cursor: default;
}

.panel-4 {
    border-top: 20px solid #093c70;
}

    .panel-4:hover {
        background: #093c70;
        color: #fff;
        transition: all ease 0.5s;
    }

.panel-4nr {
    border-top: 20px solid #093c70;
    cursor: default;
}

.panel-5 {
    border-top: 20px solid #FFD700;
}

    .panel-5:hover {
        background: #FFD700;
        color: #fff !important;
        transition: all ease 0.5s;
    }

.panel-5nr {
    border-top: 20px solid #FFD700;
    cursor: default;
}

.panel-6 {
    border-top: 20px solid #483D8B;
}

    .panel-6:hover {
        background: #483D8B;
        color: #fff !important;
        transition: all ease 0.5s;
    }

.panel-6nr {
    border-top: 20px solid #483D8B;
    cursor: default;
}

.panel-7 {
    border-top: 20px solid #8b483d;
}

    .panel-7:hover {
        background: #8b483d;
        color: #fff !important;
        transition: all ease 0.5s;
    }

.panel-7nr {
    border-top: 20px solid #8b483d;
    cursor: default;
}

span.panel-no {
    font-weight: 800;
    font-size: 40px;
    padding-bottom: 10px;
}

.thead {
    width: 100%;
    height: 12px;
    background: #0a304e;
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    -moz-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0 0;
}

.thead2 {
    width: 100%;
    height: 18px;
    padding-top: 9px;
    text-align: center;
    background: #555555;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    -moz-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0 0;
}

.gridpagertop {
    width: 100%;
    height: 15px;
    background: #555555;
    /*text-transform:uppercase;*/
}

.tfoot {
    width: 100%;
    height: 10px;
    background: #0a304e;
    -moz-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px;
}

.bigtfoot {
    width: 100%;
    height: 40px;
    background: #555555;
    -moz-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px;
}

.gridpagerbottom {
    width: 100%;
    height: 29px;
    background: #0a304e;
    padding-top: 12px;
}

.c-gridpagerbottom {
    width: 100%;
    height: 30px;
    background: #0a304e;
    padding-top: 12px;
}

.gridpagerbottom-slim {
    width: 100%;
    height: 30px;
    background: #555555;
    padding-top: 0px;
    padding-bottom: 0px;
}

.dxgvHeader {
    cursor: pointer;
    white-space: nowrap;
    padding: 6px 6px 5px 6px;
    border: None 1px #9F9F9F;
    background-color: #DCDCDC;
    overflow: hidden;
    -moz-user-select: none;
}

.GridRowCSS {
    height: 33px;
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
    font-size: 13px;
    color: #707070;
}

.GridRowcmdcol {
    text-align: center;
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.GridRowCSS_small {
    height: 24px;
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #707070;
}

.g-btn {
    padding: 2px 6px !important;
    color: #fff !important;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #24bca4 !important;
    margin: 0px !important;
    top: -1px;
    position: relative;
    /*text-transform: uppercase;*/
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin-right: 5px;
    text-decoration: none !important;
}

    .g-btn:hover {
        background-color: #486bab;
        color: #fff !important;
    }

.b-btn {
    padding: 2px 6px;
    color: #fff !important;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #004CA0;
    text-transform: uppercase;
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin-right: 5px;
}

    .b-btn:hover {
        background-color: #486bab;
        color: #fff !important;
    }


.action-btn {
    padding: 6px 10px;
    color: #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #24bca4;
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    float: right;
    font-weight: bold;
    box-sizing: border-box;
    text-align: center;
    width: 100%;
}


.action-btn-details {
    padding: 1px 5px;
    color: #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #8ed572;
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    float: right;
    font-weight: bold;
    box-sizing: border-box;
    text-align: center;
    width: 100%;
}

.delete-btn {
    padding: 6px 10px;
    color: #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #e00000;
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    float: left;
    font-weight: bold;
    margin-right: 5px;
    width: 100%;
}

.tab-btn {
    padding: 6px 10px;
    color: #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #8ed572;
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    float: left;
    font-weight: bold;
    margin-right: 5px;
    width: 100%;
}

.action-btn:hover {
    background-color: #B0B0B0;
    color: #fff !important;
    cursor: pointer;
}

.delete-btn:hover {
    background-color: #B0B0B0;
    color: #fff !important;
    cursor: pointer;
}

.tab-btn:hover {
    background-color: #B0B0B0;
    color: #fff !important;
    cursor: pointer;
}

.action-btn1 {
    padding: 6px 10px;
    color: #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #24bca4;
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-right: 5px;
    width: 100%;
}

    .action-btn1:hover {
        background-color: red;
        color: #fff !important;
        cursor: pointer;
    }

.action-btn2 {
    padding: 6px 10px;
    color: #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #24bca4;
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-right: 5px;
    width: 100%;
}

    .action-btn2:hover {
        background-color: #486bab;
        color: #fff !important;
        cursor: pointer;
    }

.action-btn3 {
    padding: 0 0 2px 0;
    color: #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #486bab;
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin-right: 5px;
    width: 100%;
}

    .action-btn3:hover {
        background-color: #B0B0B0;
        color: #fff !important;
        cursor: pointer;
    }

.action-btn4 {
    padding: 6px 10px;
    color: #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #7e7e7e;
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
    font-size: 15px;
    font-weight: bold;
    margin-right: 5px;
    width: 100%;
}

    .action-btn4:hover {
        background-color: #486bab;
        color: #fff !important;
        cursor: pointer;
        transition: all ease 0.5s;
    }

.action-btn5 {
    padding: 6px 10px;
    color: #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #24bca4;
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
    font-size: 15px;
    font-weight: bold;
    margin-right: 5px;
    width: 100%;
}

    .action-btn5:hover {
        background-color: #24bca4;
        color: #fff !important;
        cursor: pointer;
        transition: all ease 0.5s;
    }

.action-btn6 {
    padding: 6px 10px;
    color: #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #BC243C;
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
    font-size: 15px;
    font-weight: bold;
    margin-right: 5px;
    width: 100%;
}

    .action-btn6:hover {
        background-color: #24bca4;
        color: #fff !important;
        cursor: pointer;
        transition: all ease 0.5s;
    }

.dxgvEditFormDisplayRow td.dxgv, .dxgvDataRow td.dxgv, .dxgvDataRowAlt td.dxgv, .dxgvSelectedRow td.dxgv, .dxgvFocusedRow td.dxgv {
    padding-top: 6px;
}

.roundedPopup, .roundedPopup .dxpc-header {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.roundedPopup, .dxpc-content, .roundedPopup {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.editformbutton {
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-right: 5px;
}

.plannerbutton {
    position: absolute;
    left: 215px;
    top: 28px;
    background: url(images/Calendar.png) no-repeat #606e70 center top;
    width: 32px;
    height: 32px;
}

    .plannerbutton:hover {
        left: 217px;
        top: 30px;
        cursor: pointer;
    }

.marginright20 {
    margin-right: 30px;
}

.picturerow {
    float: left;
    height: 120px;
    padding: 0 0 10px 15px;
    vertical-align: top;
}

.picturerowText {
    float: left;
    height: 24px;
    padding: 10px 0 1px 15px;
    vertical-align: middle;
    font-weight: bold;
    font-size: 12px;
}

.GridRowCSS30 {
    height: 33px;
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
    font-size: 13px;
    color: #707070;
}

.GridRowCSS52 {
    height: 30px;
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
    font-size: 13px;
    color: #707070;
}

.POX {
    float: right;
    font-size: 20px;
    padding-right: 10px;
    color: red;
    cursor: pointer;
    font-weight: 900;
}

.assetrow {
    width: 700px;
    font-size: 18px;
}

.assetElementThird {
    width: 212px;
    float: left;
    padding: 10px;
}

.assetElementHalf {
    width: 328px;
    float: left;
    padding: 10px;
}

.assetElementFull {
    width: 656px;
    float: left;
    padding: 10px;
}

#infotext {
    font-size: 19px;
    padding: 10px;
    font-weight: bold;
}

#AssetDetailsPopup_ASPxDeleteButton {
    margin-left: 10px;
    margin-top: 10px;
    position: absolute;
    left: 5px;
    bottom: 20px;
}

#AssetDetailsPopup_ASPxUpdateButton, #AssetDetailsPopup_ASPxSaveButton {
    margin-right: 10px;
    position: absolute;
    right: 5px;
    bottom: 20px;
}

#ASPxNewAssetButton {
    margin-right: 0px;
}

#ASPxExportButton {
    margin-top: 10px;
    margin-right: 0px;
}

.tabGroup {
    display: none;
}

#ASPxGeneralTab {
    display: inline;
}

#AssetDetailsPopup_ASPxHistoryGridView {
    padding: 10px 0px 10px 0px;
}

#AssetDetailsPopup_ASPxHistoryGridView_DXMainTable tbody tr.dxgvEmptyDataRow td.dxgv {
    padding: 10px;
}

.excelbutton {
    position: absolute;
    left: 213px;
    top: 27px;
    background: url(images/excel.png) no-repeat #555555 center top;
    width: 32px;
    height: 32px;
}

    .excelbutton:hover {
        left: 216px;
        top: 30px;
        cursor: pointer;
    }

#ASPxEditPopupControl_ASPxEditCallbackPanel_ASPxNoReceipt {
    margin-top: 10px;
}

.EditExpenseDetailElement {
    padding: 10px;
}

#expenseDetailErrorLabel {
    margin-top: -26px;
    text-align: center;
    float: left;
    width: 100%;
}

.action-btn-left {
    padding: 6px 10px;
    color: #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #8ed572;
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    float: left;
    font-weight: bold;
    /*margin-right: 5px;*/
    width: 100%;
}

.action-btn-small {
    padding: 6px 10px;
    color: #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #8ed572;
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    float: none;
    font-weight: bold;
    /*margin-right: 5px;*/
    width: 20px;
}

#ASPxCheckInButton {
    padding: 6px 10px;
    color: #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #8ed572;
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    float: right;
    font-weight: bold;
    /*margin-right: 5px;*/
    width: 100%;
}

#ASPxCheckOutButton {
    padding: 6px 10px;
    color: #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #8ed572;
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    float: right;
    font-weight: bold;
    /*margin-right: 5px;*/
    width: 100%;
}

.dxpc-headerContent {
    padding-top: 10px;
}

.greyBlock {
    position: absolute;
    left: 769px;
    top: 258px;
    width: 17px;
    height: 34px;
    background-color: #555555;
}

#ASPxExpenseDetailsGrossValueEdit_EC {
    display: none;
}

#pdfpreview {
    position: absolute;
    margin-top: 30px;
    cursor: pointer;
    width: 100px;
    right: 80px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100px;
    background-image: url(/images/pdf.png);
}

#ASPxExpenseDetailsWorkOrderCombo_DDD_L_LBT tr:nth-child(1) {
    background-color: #fff700 !important
}

#ASPxEditOvertimePopupWorkOrderCombo_DDD_L_LBT tr:nth-child(1) {
    background-color: #fff700 !important
}

.OTLabel {
    font-size: 13px;
    padding: 2px;
}

.dxeCalendarHeader {
    background-color: #486bab;
    color: white;
}

.ajs-visible {
    z-index: 9999999 !important;
}

.alertify-notifier {
    z-index: 9999999 !important;
}

#divLoading {
    display: none;
}

    #divLoading.show {
        display: block;
        position: fixed;
        z-index: 99998;
        background-color: #FFF;
        background-size: 80px 80px;
        opacity: 0.6;
        background-repeat: no-repeat;
        background-position: center;
        left: 0;
        bottom: 0;
        right: 0;
        top: 0;
    }

#loadinggif.show {
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: 99999;
    width: 32px;
    height: 32px;
    margin-left: -16px;
    margin-top: -16px;
}

#divLoadingImage {
    display: none
}

    #divLoadingImage.show {
        display: block;
        opacity: 1;
        z-index: 99999;
        position: fixed;
        right: 50%;
        top: 50%;
        margin-top: -16em;
        margin-right: -4em;
    }

#divLoadingText {
    display: none
}

    #divLoadingText.show {
        display: block;
        opacity: 1;
        z-index: 99999;
        position: fixed;
        font-size: 34px;
        color: #226db4;
        font-weight: bolder;
        top: 50%;
        right: 50%;
        margin-top: -3em;
        margin-right: -5em;
        width: 310px
    }

@keyframes rotate360 {
    to {
        transform: rotate(360deg);
    }
}

#divLoadingImage {
    animation: 2s rotate360 infinite linear;
}


/* PO */

-webkit-keyframes myanimation {
    from

{
    left: 0%;
}

to {
    left: 50%;
}

}

.checkout-wrap {
    color: #444;
    font-family: 'PT Sans Caption', sans-serif;
    margin: 40px auto;
    max-width: 1200px;
    position: relative;
}

ul.checkout-bar li {
    color: #ccc;
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 20px 14px 80px;
    position: relative;
}

    ul.checkout-bar li:before {
        -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        background: #ddd;
        border: 2px solid #FFF;
        border-radius: 50%;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        left: 20px;
        line-height: 37px;
        height: 35px;
        position: absolute;
        text-align: center;
        text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
        top: 4px;
        width: 35px;
        z-index: 999;
    }

    ul.checkout-bar li.active {
        color: #8bc53f;
        font-weight: bold;
    }

        ul.checkout-bar li.active:before {
            background: #8bc53f;
            z-index: 99999;
        }

    ul.checkout-bar li.activelast {
        color: #8bc53f;
        font-weight: bold;
    }

        ul.checkout-bar li.activelast:before {
            background: #8bc53f;
            z-index: 99999;
        }

    ul.checkout-bar li.visited {
        background: #ECECEC;
        color: #57aed1;
        z-index: 99999;
    }

        ul.checkout-bar li.visited:before {
            background: #57aed1;
            z-index: 99999;
        }

    ul.checkout-bar li:nth-child(1):before {
        content: "1";
    }

    ul.checkout-bar li:nth-child(2):before {
        content: "2";
    }

    ul.checkout-bar li:nth-child(3):before {
        content: "3";
    }

    ul.checkout-bar li:nth-child(4):before {
        content: "4";
    }

    ul.checkout-bar li:nth-child(5):before {
        content: "5";
    }

    ul.checkout-bar li:nth-child(6):before {
        content: "6";
    }

ul.checkout-bar a {
    color: #57aed1;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    margin-left: 15px;
}

@media all and (min-width: 800px) {
    .checkout-bar li.active:after {
        -webkit-animation: myanimation 3s 0;
        background-size: 35px 35px;
        background-color: #8bc53f;
        background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
        background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
        -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        content: "";
        height: 15px;
        width: 100%;
        left: 50%;
        position: absolute;
        top: -50px;
        z-index: 0;
    }

    .checkout-wrap {
        margin: 25px auto;
    }

    ul.checkout-bar {
        -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        background-size: 35px 35px;
        background-color: #EcEcEc;
        background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
        background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
        border-radius: 15px;
        height: 15px;
        margin: 0 auto;
        padding: 0;
        position: absolute;
        width: 95%;
        margin-left: 15px;
    }

        ul.checkout-bar:before {
            background-size: 35px 35px;
            background-color: #57aed1;
            background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
            background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
            -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
            box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
            border-radius: 15px;
            content: " ";
            height: 15px;
            left: 0;
            position: absolute;
            width: 10%;
        }

        ul.checkout-bar li {
            display: inline-block;
            margin: 50px 0 0;
            padding: 0;
            text-align: center;
            width: 19%;
        }

            ul.checkout-bar li:before {
                height: 45px;
                left: 40%;
                line-height: 45px;
                position: absolute;
                top: -65px;
                width: 45px;
                z-index: 99;
            }

            ul.checkout-bar li.visited {
                background: none;
            }

                ul.checkout-bar li.visited:after {
                    background-size: 35px 35px;
                    background-color: #57aed1;
                    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
                    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
                    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
                    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
                    content: "";
                    height: 15px;
                    left: 50%;
                    position: absolute;
                    top: -50px;
                    width: 100%;
                    z-index: 99;
                }
}

@media all and (min-width: 800px) {
    .checkout-bar li.activelast:after {
        -webkit-animation: myanimation 3s 0;
        background-size: 35px 35px;
        background-color: #8bc53f;
        background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
        background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
        -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        content: "";
        height: 15px;
        width: 67%;
        left: 50%;
        position: absolute;
        top: -50px;
        z-index: 0;
        border-radius: 15px;
    }

    .checkout-wrap {
        margin: 25px auto;
    }

    ul.checkout-bar {
        -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        background-size: 35px 35px;
        background-color: #EcEcEc;
        background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
        background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
        border-radius: 15px;
        height: 15px;
        margin: 0 auto;
        padding: 0;
        position: absolute;
        width: 95%;
        margin-left: 15px;
    }

        ul.checkout-bar:before {
            background-size: 35px 35px;
            background-color: #57aed1;
            background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
            background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
            -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
            box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
            border-radius: 15px;
            content: " ";
            height: 15px;
            left: 0;
            position: absolute;
            width: 10%;
        }

        ul.checkout-bar li {
            display: inline-block;
            margin: 50px 0 0;
            padding: 0;
            text-align: center;
            width: 19%;
        }

            ul.checkout-bar li:before {
                height: 45px;
                left: 40%;
                line-height: 45px;
                position: absolute;
                top: -65px;
                width: 45px;
                z-index: 99;
            }

            ul.checkout-bar li.visited {
                background: none;
            }

                ul.checkout-bar li.visited:after {
                    background-size: 35px 35px;
                    background-color: #57aed1;
                    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
                    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
                    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
                    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
                    content: "";
                    height: 15px;
                    left: 50%;
                    position: absolute;
                    top: -50px;
                    width: 100%;
                    z-index: 99;
                }
}

.POX {
    float: right;
    font-size: 20px;
    padding-right: 10px;
    color: red;
    cursor: pointer;
    font-weight: 900;
}

.LoginImgOverlay {
    background-image: src="images/logo.png";
    height: 92%;
    min-height: 600px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    position: absolute;
    z-index: 0;
}

.question {
    color: #8bc53f;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    padding: 20px;
    text-align: center;
}

.questionhidden {
    display: none;
}

/* .question { text-align:center; font-size:14px; font-weight:bold;padding:20px; } */

.association {
    padding: 20px;
    width: 150px;
    height: 150px;
    float: left;
    cursor: pointer
}

    .association:hover {
        background-color: aliceblue;
    }

#associatedwith {
    padding-top: 20px;
    position: absolute;
    width: 100%;
    text-align: center;
    margin-left: 153px;
    height: 250px;
    /*top: 2062px;*/
    left: 13px;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
}

.associationtext {
    font-size: 20px;
    padding-top: 10px;
    margin-top: 10px !important;
    color: #58595B !important;
    text-decoration: underline;
}

.newpofooter {
    float: right;
    height: 38px;
}

#nextbtn {
    background-color: rgba(0, 255, 0, 0.26);
    float: right;
    padding: 10px 15px 10px 15px;
    margin: 5px;
    cursor: pointer;
}

.testcss {
    height: 1000px;
    display: block;
}

.searchtextbox {
    width: 90%;
    height: 57px;
    border: 0;
    font-size: 20px;
    padding-left: 10%;
    display: none;
}

#CreateNewPOPopup_ASPxPOValue_EC {
    display: none;
}

#CreateNewPOPopup_ASPxTextBox3_EC {
    display: none;
}

#CreateNewPOPopup_ASPxItemQty_EC {
    display: none;
}

#CreateNewPOPopup_ASPxItemUnitCost_EC {
    display: none;
}

#CreateNewPOPopup_ASPxItemTotalCost_EC {
    display: none;
}

#CreateNewPOPopup_ASPxItemTotalCost_ET {
    float: left
}

#CreateNewPOPopup_ASPxItemUnitCost_ET {
    float: left
}

#CreateNewPOPopup_ASPxItemQty_ET {
    float: left
}

#CreateNewPOPopup_ASPxEmployeeApproval {
    margin-right: 70px;
    margin-left: 10px;
}

body::-webkit-scrollbar-thumb {
    background-color: blue;
    outline: 1px solid slategrey;
}

#CreateNewPOPopup_PurchaseOrderConfirmDetails {
    overflow-y: scroll;
    height: 140px;
    width: 645px;
}

#CreateNewPOPopup_DeliveryInfo {
    overflow-y: scroll;
    width: 190px;
    height: 150px;
}

#CreateNewPOPopup_AssociatedWith {
    overflow-y: scroll;
    width: 190px;
    height: 150px;
}

#CreateNewPOPopup_SupplierInfo {
    overflow-y: scroll;
    width: 190px;
    height: 150px;
}

.finaliseFont {
    color: #57aed1;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}

#ASPxPOGridViewDrafts {
    display: none
}

#ASPxCallbackPanel_ContactNumberTextBox {
    text-align: center
}

.input-cb {
    border: 0px;
    background: #fff !important;
    width: 176px;
    color: #707070;
    height: 25px;
    -moz-border-radius: 0 0 7px 7px;
    border-radius: 7px 7px 7px 7px;
    padding: 5px 5px 5px 10px;
    font-weight: bold;
}

#ASPxViewDropdown {
    width: 176px;
    border: #555555;
    border-width: 2px;
    border-style: solid;
}

#ASPxViewStatus {
    width: 176px;
    border: #555555;
    border-width: 2px;
    border-style: solid;
}

#ASPxPOGridView_DXPagerBottom {
    float: left
}

#ASPxPOGridViewDrafts_DXPagerBottom {
    float: left
}

.gridhelper {
    float: right;
    font-size: 14px;
    padding-right: 10px;
    padding-top: 6px;
    color: aliceblue;
}

.ABMfont {
    /*font-family:'apex_newmedium', Arial, Sans-Serif !important;*/
}

.dropdownlabel {
    font-size: 20px;
    color: #ffffff;
    padding-bottom: 5px;
    text-align: left;
    font-family: 'apex_newmedium', Arial, Sans-Serif !important;
    width: 162px;
    background-color: #0046ad;
    border: #0046ad;
    border-width: 2px;
    border-style: solid;
    border-bottom: none;
    padding-top: 1px;
    border-radius: 7px 7px 0 0;
    padding-left: 10px;
}

#ASPxPORefLabel {
    font: inherit;
}

#ASPxWORefLabel {
    font: inherit;
}

#ASPxAssociatedWithLabel {
    font-size: 25px;
    color: #0046AD;
    font-weight: bold;
    padding: 7px
}

#ASPxWODateLabel {
    font-size: 25px;
    color: #0046AD;
    font-weight: bold;
    padding: 7px;
    float: right
}

#ASPxPOStatusLabel {
    font: inherit
}

#ASPxWOStatusLabel {
    font: inherit
}

#CreateNewPOPopup_ASPxDeliveryPriorityCheckBox {
    padding: 13px 0px 13px 0px !important;
    float: left;
}

#CreateNewPOPopup_ASPxSpecifyDeliveryDate {
    padding: 3px 0px 10px 0px !important;
    float: left;
}

#CreateNewPOPopup_ASPxDeliveryDate {
    margin-top: 20px;
    margin-left: 10px;
}

#CreateNewPOPopup_ASPxDeliveryPriority {
    margin-top: 20px;
    margin-left: 10px;
}

#CreateNewPOPopup_ASPxDeliveryDate_DDD_C_TE_I {
    position: absolute;
    width: 50px;
    padding: 3px;
    font-size: 16px;
    margin-top: -3px;
}

.action-btn-po {
    padding: 6px 10px;
    color: #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #e69b3b;
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-right: 5px;
}

    .action-btn-po:hover {
        background-color: #B0B0B0 !important;
        cursor: pointer;
    }

.action-btn-po-copy {
    padding: 6px 10px;
    color: #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #56acde;
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-right: 5px;
}

    .action-btn-po-copy:hover {
        background-color: #B0B0B0 !important;
        cursor: pointer;
    }

.action-btn-po-delete {
    padding: 6px 10px;
    color: #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f44336;
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-right: 5px;
}

    .action-btn-po-delete:hover {
        background-color: #B0B0B0 !important;
        cursor: pointer;
    }

div#ASPxHistoryPopupControl_DXPWMB-1 {
    opacity: 0.7 !important;
}

#ASPxDMSPopupControl_DXPWMB-1 {
    opacity: 0.7 !important;
}

#ASPxNotesPopupControl_Button5 {
    float: right !important;
    margin-right: 13px !important;
}

#ASPxAddDMSPopupControl_DXPWMB-1 {
    opacity: 0.7 !important;
}

#ASPxClientDetailsPopup_DXPWMB-1 {
    opacity: 0.7 !important;
}

#ASPxSiteDetailsPopup_DXPWMB-1 {
    opacity: 0.7 !important;
}

#ASPxSupplierDetailsPopup_DXPWMB-1 {
    opacity: 0.7 !important;
}

#CreateNewWOPopup_ASPxWorkOrderTypeCombobox {
    margin-right: 3px;
}

#CreateNewWOPopup_ASPxWorkOrderOrderNumber {
    margin-right: 3px;
}

#CreateNewWOPopup_ASPxWorkOrderManagerCombobox {
    margin-right: 3px
}

#CreateNewWOPopup_ASPxWorkOrderAssignedTo {
    margin-right: 3px
}

#CreateNewWOPopup_ASPxWorkOrderContact {
    margin-right: 3px;
}

#CreateNewWOPopup_ASPxWorkOrderAmount_EC {
    display: none;
}

#CreateNewWOPopup_ASPxWorkOrderAmount {
    padding-left: 10px;
}

#CreateNewWOPopup_ASPxCreateWorkOrderCheckbox_S_D {
    margin-top: -5px;
}

#ASPxNotesPopupControl_DXPWMB-1 {
    opacity: 0.7 !important;
}

#ASPxWOAssignedTo {
    float: left
}

#ASPxWOOrderNumber {
    float: left
}

#ASPxWOInvoiceAmount_EC {
    display: none
}

#ASPxHistoryGridView {
    border: none !important;
}

/* Typed animation for PO's */
.typed-cursor {
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

#ASPxDMSGridView_DXHeadersRow0 .gridpagertop {
    height: 0px !important
}

#ASPxWODescription {
    float: left
}

#ASPxSelectClientPopupControl_DXPWMB-1 {
    opacity: 0.7 !important;
}

#ASPxSelectSitePopupControl_DXPWMB-1 {
    opacity: 0.7 !important;
}

#ASPxSelectSupplierPopupControl_DXPWMB-1 {
    opacity: 0.7 !important;
}


.dxpcHeader td.dxpc {
    top: -8px;
    position: relative;
}

.dxpcHeader {
    border-bottom: 7px Solid #e98300 !important;
}

#ASPxClientFilter {
    width: 176px;
    border: #0046ad;
    border-width: 2px;
    border-style: solid;
}

#SiteDetailsPopup_ASPxSiteReference {
    float: left
}

#SiteDetailsPopup_ASPxSitePhone {
    float: left
}

#SiteDetailsPopup_ASPxSiteRegion {
    float: left
}

#CreateNewPOPopup_PW-1 {
    max-height: 100% !important
}

.dxgvHSDC {
    background-color: #0a304e;
}

#CreateNewPOPopup_ASPxItemTotalCost_I {
    cursor: not-allowed;
}

.textBbox {
    font-size: 11px;
    font-family: 'Open Sans';
    color: #444444;
    background-color: #ffffff;
    border: 1px solid #8ba0bc;
    height: 25px;
}

.fieldTitle {
    font-size: 12px;
    font-family: 'open sans';
    font-weight: 700;
    color: #606e70;
    width: initial;
    padding-right: 4px;
    float: left;
    padding-top: 4px;
}

.Inventory {
    width: 86px;
    position: relative;
    top: 12px;
    background-color: #e07514;
    float: left;
    left: 20px;
    cursor: pointer;
    display: none;
}

.inventorySmall {
    width: 65px;
    height: 15px;
    display: block;
    position: relative;
    top: 0px;
    padding-left: 6px;
    padding-top: 2px;
    background-color: #e07514;
    float: left;
    left: 15px;
    cursor: pointer;
}

input:disabled {
    cursor: not-allowed !important;
}

.InventorySearch {
    float: right;
    right: 13px;
    position: absolute;
    padding-right: 20px;
    margin-right: 10px;
    top: 110px;
    font-size: 15px;
    margin-top: 11px;
}

.clearinventory {
    display: none;
    float: left;
    cursor: pointer;
    font-size: 25px !important;
    color: red;
    margin-top: -42px;
    right: 20px;
    position: relative;
    margin-left: 40px;
}

.marginleft20 {
    margin-left: 20px;
}

#ASPxInventoryPopup_ASPxInventoryCost_EC {
    display: none;
}

#ASPxInventoryPopup_ASPxInventoryCost_ET {
    float: left;
}

.alertify-notifier {
    z-index: 12138 !important;
}

.ajs-modal {
    z-index: 12138 !important;
}

.alertify .ajs-header {
  background: #0A304E !important;
  color: #fff !important;
  border-bottom: #24bca4 6px solid !important;
}


.GridRowCSS {
    height: 33px;
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
    font-size: 13px;
    color: #707070;
}

.GridRowcmdcol {
    text-align: center;
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.GridRowCSS_small {
    height: 24px;
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #707070;
}

#ASPxPOGridView_DXMainTable .dxgvCommandColumn a {
    text-transform: lowercase !important;
}

/*.gridHeader {
    background-color: #0046ad;
    font-size: 12px;
    font-weight: 700;
    color: #ffffff;
    padding-top: 5px;
    text-align: center;
    border: 1px solid #00265d;
    border-top: 0px;
    border-bottom: 0px;
}*/

#ASPxInventoryPopup_ASPxInventoryGridView_DXMainTable .dxeEditArea {
    text-align: center;
}

.gridHeader {
    background-color: #0a304e !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    padding-top: 5px !important;
    text-align: center !important;
    border: 1px solid #486BAB !important;
    border-top: 0px !important;
    border-bottom: 0px !important;
}

#ASPxInventoryPopup_ASPxInventoryGridView .gridpagerbottom {
    background: #0263f2 !important;
}

#CreateNewPOPopup_ASPxPOItemsGridView .dxgvHSDC {
    background: #0263f2 !important;
}

.comboBox {
    height: 19px;
    font-size: 14px;
    font-family: 'Open Sans';
    color: black;
    background-color: #ffffff;
    border: 1px solid;
}

#ASPxPOGridView .dxgvCommandColumn {
    padding: 10px;
}

.LabelHeader {
    width: 110px;
    float: left;
    padding: 10px;
    text-align: left;
}

.InputHeader {
    width: 140px;
    float: left;
    padding: 6px;
    text-align: center;
}

.addBox {
    height: 70px;
    background: rgb(242, 242, 242);
    font-size: 14px;
}

#ASPxSupervisorSearch {
    width: 176px;
    border: #0046ad;
    border-width: 2px;
    border-style: solid;
}

#ASPxEmployeeStatus {
    width: 176px;
    
}

#ASPxEmployeeVerified {
    width: 176px;
    border: #0046ad;
    border-width: 2px;
    border-style: solid;
}

#MyDetailsPopup_ASPxPageControl1_ASPxStdRate_EC {
    display: none;
}

#MyDetailsPopup_ASPxPageControl1_ASPxSalary_EC {
    display: none;
}

#ASPxUpdateStatus_ASPxLeaveDate_I {
    text-align: center;
}

.ajs-close {
    background: url(images/RedClose.png) !important;
    background-size: cover !important;
    height: 33px !important;
    width: 33px !important;
    left: -23px;
    top: -6px;
    position: absolute;
}

#ASPxEmployeeSearch {
    width: 176px;
    border: #0046ad;
    border-width: 2px;
    border-style: solid;
}

.redcross a {
    background: red !important;
    padding: 1px 4px !important;
}

    .redcross a:hover {
        background: red !important;
    }

.comboboxtop4 {
    top: -4px;
    position: relative;
}

/*.dxbButton {
    color: inherit;
    font: inherit;
    border: inherit;
    background: inherit;
    padding: 0px !important;
    margin: 0px !important;
}*/

.dxpcLite .dxpc-headerText, .dxdpLite .dxpc-headerText {
    margin-top: 8px !important;
}

.margintop3 {
    margin-top: 3px;
}

#MyDetailsPopup_ASPxPageControl1_ASPxHolidayGridView {
    margin-top: 20px;
}

#WorkLocationsTable tr[align=center] td[align=left]:first-child {
    padding-left: 10px;
    padding-bottom: 5px;
}

.newpopup_tab {
    float: left;
    font-size: 18px;
    text-align: center;
    color: #8C8C8C;
    padding: 6px 25px;
    border-radius: 10px;
    cursor: pointer;
    margin-left: 6px;
}

    .newpopup_tab:hover {
        background-color: rgba(4, 89, 164, 0.58) !important;
        color: white !important;
    }

.newpopup_activetab {
    float: left;
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    background-color: #0046ad;
    padding: 6px 25px;
    border-radius: 10px;
    cursor: pointer;
    margin-left: 6px;
}

.displaynone {
    display: none;
}

.display {
    display: block;
}

.marginleft10 {
    margin-left: 10px;
}

.GPSMap {
    height: 350px;
    width: 800px;
}

.dxpcLite .dxpc-header, .dxdpLite .dxpc-header {
    border-bottom: #24bca4 6px solid;
}

.label {
    width: auto;
    float: left;
    text-align: right;
    padding: 10px;
}

.txtbox {
    float: left;
    width: 100px;
    padding: 5px;
}

.sitesearchbtn {
    float: left;
    padding: 2px;
    width: 70px;
    background: #e98300;
    border: 1px solid #0046ad;
    margin-left: 4px;
    color: white;
    cursor: pointer;
    height: 16px;
}

    .sitesearchbtn:hover {
        font-weight: bold;
    }


.floatleft {
    float: left;
}

.floatright {
    float: right;
}

#ASPxPOValue_EC {
    display: none;
}

#NewPOPopup_ASPxPageControl1_ASPxPOValue_EC {
    display: none;
}

#NewPOPopup_ASPxPageControl1_ASPxPOValue_ET {
    float: left
}

#NewPOPopup_ASPxPageControl1_ASPxItemQty_EC {
    display: none;
}

#NewPOPopup_ASPxPageControl1_ASPxItemUnitCost_EC {
    display: none;
}

#NewPOPopup_ASPxPageControl1_ASPxItemQty_ET {
    float: left
}

#NewPOPopup_ASPxPageControl1_ASPxItemTotalCost_ET {
    float: left
}

#NewPOPopup_ASPxPageControl1_ASPxItemTotalCost_EC {
    display: none
}

#NewPOPopup_ASPxPageControl1_ASPxItemUnitCost_ET {
    float: left
}

.POtopborder {
    border-radius: 5px 20px 5px;
    border-style: solid;
    border-color: #0046AD;
    border-width: 1px;
    padding: 20px;
    height: 84px;
    background-color: White;
}

.plusicon {
    width: 20px;
    height: 20px;
    padding: 8px;
}

    .plusicon:hover {
        cursor: pointer;
    }

#ASPxAssociatedWithLabel {
    float: right;
    padding: 10px;
    cursor: pointer;
}

#ASPxInvoice2Customer {
    margin-left: 80px;
}

#ASPxItemQty_ET {
    float: left
}

#ASPxItemQty_EC {
    display: none
}

#ASPxItemUnitCost_ET {
    float: left
}

#ASPxItemUnitCost_EC {
    display: none
}

#ASPxItemTotalCost_ET {
    float: left
}

#ASPxItemTotalCost_EC {
    display: none
}

#ASPxConfirmPopupControl_Button4 {
    width: 100%;
}

#CreateNewWOPopup_ASPxWorkOrderManagerCombobox_B-1 {
    background: none;
    border: none;
}

#CreateNewWOPopup_ASPxWorkOrderAssignedTo_B-1 {
    background: none;
    border: none;
}

#CreateNewWOPopup_ASPxWorkOrderAmount_ET {
    float: left
}

#errortext {
    font-size: 19px;
    padding: 10px;
    color: red;
    font-weight: bold;
}

.accessSetup_row {
    width: 100%;
    margin-bottom: 10px;
}

.accessSetup_item {
    float: left;
    width: 19.5%;
}

.accessSetup_comboBox {
    width: 95%;
}

#ASPxUpdateButton {
    margin-right: 10px;
}

.flex {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
}

.vert-flex {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 5px;
}

.flexItem:last-child {
    /*padding-right: 0px;*/
}

.flexItem {
    box-sizing: border-box;
    padding-left: 5px;
    padding-right: 5px;
}

.detailsContainer {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
}

.detailsOption {
    padding-right: 5px;
    width: 50%;
    line-height: 15px;
    padding-bottom: 5px;
}

.ten-pc {
    width: 10%;
}

.one-sixth {
    width: 16.6666%;
}

.twenty-pc {
    width: 20%;
}

.twenty-five-pc {
    width: 25%;
}

.thirty-pc {
    width: 30%;
}

.one-third {
    width: 33.33333%;
}

.two-thirds {
    width: 66.66666%;
}

.forty-pc {
    width: 40%;
}

.fifty-pc {
    width: 50%;
}

.h-fifty-pc {
    height: 50%;
}

.sixty-pc {
    width: 60%;
}

.seventy-pc {
    width: 70%;
}

.eighty-pc {
    width: 80%;
}

.ninety-pc {
    width: 90%;
}

.hundred-pc {
    width: 100%;
}

.h-hundred-pc {
    height: 100%;
}

#ASPxInventoryGridView > tbody > tr > td > div {
    background: #0263f2;
}

.ViewAllRequests {
    float: right;
    padding: 5px 10px;
    font-family: 'open sans';
    font-size: 13px;
    font-weight: bold;
    color: white;
    cursor: pointer;
}

.excelbutton {
    position: absolute;
    left: 200px;
    top: 30px;
    background: url(images/excel.png) no-repeat #383634 center top;
    width: 32px;
    height: 32px;
    margin-top: 2px;
    cursor: pointer;
}

    .excelbutton:hover {
        left: 201px;
        top: 31px;
    }

    .ViewAllRequests:hover {
        text-decoration: underline;
    }

.APILabel {
    color: white;
    font-size: 17px;
    float: left;
    background: #24bca4;
    border: 1px solid #555555;
    padding: 5px 20px;
    border-radius: 0px 0px 0px 0px;
    text-align: left;
    margin: 0px 0px 10px;
    text-transform: uppercase;
}

.pointer {
    cursor: pointer;
}

.APILabel.pointer:hover {
    background: #24bca4;
}

.APITextLabel {
    padding: 5px 0 0 0;
    float: left;
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: Gray;
}

.reloadIcon {
    background-image: url(data:image/png;base64,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);
    width: 40px;
    background-size: cover;
    height: 30px;
    float: left;
    margin-top: -8px;
    cursor: pointer;
}

.hollabel {
    padding: 5px 0 0 0;
    float: left;
    font-family: 'Open Sans', Tahoma, helvetica, Arial, Verdana, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: Gray;
}
.tabselected {
    height: 18px;
    margin: 12px 0 2px 0;
    float: left;
    padding: 10px 10px 5px 10px;
    border: 1px #0A304E solid;
    border-bottom: white;
    border-radius: 10px 10px 0 0;
    margin-bottom: 0px;
    background-color: #0A304E;
    color: white;
    cursor: pointer;
}

.tabnotselected {
    height: 18px;
    margin: 12px 0 2px 0;
    float: left;
    padding: 10px 10px 5px 10px;
    border: 1px #24BCA4 solid;
    border-bottom: white;
    border-radius: 10px 10px 0 0;
    margin-bottom: 0px;
    background-color: #ffffff;
    color: black;
    cursor: pointer;
}

.FormSubHeader {
  font-weight: bold;
  color: #0a304e;
  font-size: 14px;
  border-bottom: 1px solid #24bca4;
  padding-bottom: 4px;
  margin-bottom: 4px;
  padding-top: 4px;
}

.otp {
  width: 50px;
  text-align: center;
  border: 1px dashed #ccc !important;
  margin-right: 10px;
  outline: none;
  height: 50px;
  font-size: 1rem;
  text-indent: 0 !important;
}

.otpOuter {
  text-align: center;
  padding: 15px 0px;
}

div#time {
  float: left;
  margin-top: 5px;
  color: #0a304e;
  font-weight: bold;
  font-size: 13px;
}

.NewDeviceLabel {
  padding-top: 13px;
  margin-bottom: 0px;
}

.animation-ctn {
  text-align: center;
  margin-bottom: 1em;
  zoom: 0.7;
}

@-webkit-keyframes checkmark {
  0% {
    stroke-dashoffset: 100px
  }

  100% {
    stroke-dashoffset: 200px
  }
}

@-ms-keyframes checkmark {
  0% {
    stroke-dashoffset: 100px
  }

  100% {
    stroke-dashoffset: 200px
  }
}

@keyframes checkmark {
  0% {
    stroke-dashoffset: 100px
  }

  100% {
    stroke-dashoffset: 0px
  }
}

@-webkit-keyframes checkmark-circle {
  0% {
    stroke-dashoffset: 480px
  }

  100% {
    stroke-dashoffset: 960px;
  }
}

@-ms-keyframes checkmark-circle {
  0% {
    stroke-dashoffset: 240px
  }

  100% {
    stroke-dashoffset: 480px
  }
}

@keyframes checkmark-circle {
  0% {
    stroke-dashoffset: 480px
  }

  100% {
    stroke-dashoffset: 960px
  }
}

@keyframes colored-circle {
  0% {
    opacity: 0
  }

  100% {
    opacity: 100
  }
}

/* other styles */
/* .svg svg {
    display: none
}
 */
.inlinesvg .svg svg {
  display: inline
}

/* .svg img {
    display: none
} */

.icon--order-success svg polyline {
  -webkit-animation: checkmark 0.25s ease-in-out 0.7s backwards;
  animation: checkmark 0.25s ease-in-out 0.7s backwards
}

.icon--order-success svg circle {
  -webkit-animation: checkmark-circle 0.6s ease-in-out backwards;
  animation: checkmark-circle 0.6s ease-in-out backwards;
}

  .icon--order-success svg circle#colored {
    -webkit-animation: colored-circle 0.6s ease-in-out 0.7s backwards;
    animation: colored-circle 0.6s ease-in-out 0.7s backwards;
  }

.FormInputButton {
  width: 17px;
  font-size: 14px;
  height: 15px;
  line-height: 7px;
  font-weight: bold;
  background: #e6e6e6 url(/DXR.axd?r=1_81-XpoKl) repeat-x top;
  color: #7d7d7d;
  position: relative;
  top: -19px;
  right: 2px;
  float: right;
  vertical-align: middle;
  border: 1px solid #7f7f7f;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
}

.FormInputButton:hover {
border: 1px solid #606060;
}

  .InputWithButton input {
  width: calc(100% - 20px);
}

#SiteSqlWizardLeftSide, #QuestionnaireSqlWizardLeftSide, #DefaultSiteSqlWizardLeftSide {
    float: left;
    width: 50%;
    padding: 5px;
    box-sizing: border-box;
}

#SiteSqlWizardRightSide, #QuestionnaireSqlWizardRightSide, #DefaultSiteSqlWizardRightSide {
    float: left;
    width: 50%;
    padding: 5px;
    box-sizing: border-box;
}

#ASPxSitesWizardGridView .dxgvSearchPanel > table, #ASPxTypeWizardGridView .dxgvSearchPanel > table, #ASPxCategoryWizardGridView .dxgvSearchPanel > table {
  width: 100% !important;
}

.SqlHelper {
  border: 1px solid #808080;
  background-color: #e5e5e5;
  width: 100%;
  height: 201px;
  padding: 5px;
  box-sizing: border-box;
  color: #313131;
}

.dxpcLite .dxpc-header, .dxdpLite .dxpc-header {
  border-bottom: #24bca4 6px solid;
}

.dxtcLite_Aqua > .dxtc-stripContainer .dxtc-tab {
  background: #0a304e;
  color: white;
}

.dxtcLite_Aqua > .dxtc-stripContainer .dxtc-link {
  color: white;
}

.dxtcLite_Aqua > .dxtc-stripContainer .dxtc-activeTab, .dxtcLite_Aqua.dxtc-noSpacing > .dxtc-stripContainer .dxtc-activeTab {
  border-right: 1px solid #0a304e;
  border-bottom: 1px solid #0a304e;
  border-left: 1px solid #0a304e;
  border-top: 3px solid #24bca4;
}

.SqlHelper .CodeBlock {
  width: fit-content;
  margin: 3px auto;
  border: 1px solid #9a9a9a;
  padding: 2px;
  background-color: #e0e0e0;
  box-shadow: grey 2px 2px 7px 0px;
}

.LeftEllipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  direction: rtl;
}

.hide{
    display: none !important;
}

.CopyIcon {
    background: url(images/CopyIcon.png) no-repeat;
    width: 23px;
    height: 22px;
    position: absolute;
    background-size: contain;
    cursor: pointer;
}

.CopyIcon:hover{
    transform: scale(1.05);
}

.ResetPasswordLabel {
    color: #1ea7ae;
    padding: 0px 0 20px 0;
    text-align: center;
    display: none;
}

#DefaultSiteSqlWizardLeftSide {
    float: left;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
}