/*
Theme Name: calrealty
*/
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Saira:100,200,300,400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Saira+Condensed:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Saira+Semi+Condensed:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:400,600');

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,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

:focus {
    /* remember to define focus styles! */
    outline: 0;
}

.clr {
    clear: both
}

ol,
ul {
    list-style: none;
}

table {
    /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}

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

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

a img {
    border: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
/* =Structure
----------------------------------------------- */

body {
   /* background: #10aec7;*/
    font-family: Verdana, Geneva, sans-serif;
    color: #474947;
    font-size: 12px;
}

a {
    color: #0099cc;
}

a:hover {
    text-decoration: none;
}

.bg {
    /*background: url(../images/site-bg.png) no-repeat left top; overflow: hidden*/
    height: 100%;
    display: block;
    
}

.bg-x {
    /*background: url(../images/bg-x.jpg) repeat-x center top;*/
    height: 100%;
    display: block;
}

.w .bg-y {
    /*background: url(../images/wbg-y.jpg) repeat-y center top #10aec7;*/
}

.bg-y {
   /* background: url(../images/bg-y.jpg) repeat-y center top #10aec7;*/
    height: 100%;
    display: block;
}

.main {
    /*background: #dadada url(../images/bg-img.png) repeat-x left top;*/
    min-width: inherit;
    max-width: 100%;
    margin: auto;
  
}

.header {
    height: auto;
    margin: auto;
}
.header .logo {
    padding: 17px 16px; 
    display: inline-block;
}

.w .header .logo {
    float: left;      
   
}

.header .pv-printworks {
    background: rgba(0, 0, 0, 0) url("../images/pv-printworks.png") repeat-x scroll center top / 100% auto;
    float: left;
    height: 80px;
    margin: 5px;
    width: 330px;
}

.header .top-right {
    float: right;
    margin: 10px 0 5px;
}

.header .top {
    float: left;
    margin-right: 25px;
    margin-top: 15px;
    padding-right: 0;
    padding-top: 0;
    text-align: right;
}

.header .top img {
    display: block;
    margin: 0px 0 12px 14px;
}

.header .bottom {
    background: rgba(0, 0, 0, 0) url("../images/top-links-bg.png") repeat-x scroll left top;
    clear: right;
    float: right;
    font-size: 14px;
    height: 70px;
    margin-top: -2px;
    padding: 10px 10px 10px 20px;
    text-align: right;
    /*                        width: 300px;*/
}

.header .bottom .mail {
    color: #3e9600;
    font-weight: bold;
}

.header .bottom .usr {
    color: #999999;
    margin-top: 5px;
    line-height: 14px;
}

.header .bottom .usr strong {
    color: #474947;
    font-weight: bold;
}

.header .bottom li {
    float: left;
    border-left: 1px #28b4dc solid;
    line-height: 12px;
    font-size: 12px;
    padding-left: 11px;
    margin-left: 11px;
    margin-top: 10px;
}

.header .bottom li a {
    color: #28b4dc;
}

.header .bottom a:hover {
    text-decoration: none;
}

.header .bottom li:first-child {
    border-left: none;
    padding-left: 0;
    margin-left: 0;
}

.header .black-strip {
    background: url(../images/header-top-black-strip.png) no-repeat center top #000;
    height: 20px;
}

.color-strip {
    background: url(../images/color-strip.png) repeat center top #000;
    height: 3px;
}

.nav ul {
    background: url(../images/nav-bg.png) no-repeat left top;
    float: right;
    padding-left: 30px;
    height: 65px;
}

.nav li {
    background: url(../images/nav-line.png) no-repeat left top;
    padding: 0;
    height: 54px;
    float: left;
    margin-top: 2px;
}

.nav li a {
    color: #FFF;
    font-size: 14px;
    text-decoration: none;
    display: block;
    line-height: 54px;
    padding: 0 8px;
}

.nav li a:hover,
.nav-active {
    /*    background:url(../images/nav-hover-bg.png) repeat-x left top; */
    background: rgba(64, 159, 64, 0.7) none repeat scroll 0 0;
}

.main-area {
    width: 100%;
    clear: both;
}

.main-area .menu {
    float: left;
    width: 258px;
    margin-top: 10px;
}

.w .main-area .menu {
    width: 144px;
}

.w .main-area .content-area .menu {
    float: none;
    width: 100%;
    margin: 0 0 0px;
    text-align: right;
}

.main-area .menu ul {
    float: right;
}

.main-area .menu li {
    clear: both;
}

.main-area .menu a {
    background: url(../images/menu.png) no-repeat left top;
    width: 117px;
    height: 120px;
    float: left;
    position: relative;
}

.main-area .menu a:hover span,
.main-area .menu a.active span {
    background: url(../images/arrow.png) no-repeat left top;
    width: 48px;
    height: 44px;
    float: left;
    position: absolute;
    top: 25px;
    left: -27px;
}

.main-area .menu .home a {
    background-position: 0 0;
}

.main-area .menu .home a:hover {
    background-position: -117px 0;
}

.main-area .menu .start-new-order a {
    background-position: 0 -120px;
}

.main-area .menu .start-new-order a:hover {
    background-position: -117px -120px;
}

.main-area .menu .my-orders a {
    background-position: 0 -240px;
}

.main-area .menu .my-orders a:hover {
    background-position: -117px -240px;
}

.main-area .menu .budgets a {
    background-position: 0 -360px;
}

.main-area .menu .budgets a:hover {
    background-position: -117px -360px;
}

.main-area .menu .help a {
    background-position: 0 -480px;
}

.main-area .menu .help a:hover {
    background-position: -117px -480px;
}

.main-area .menu .contact a {
    background-position: 0 -600px;
}

.main-area .menu .contact a:hover {
    background-position: -117px -600px;
}

.w .main-area .menu ul {
    display: block;
    float: none;
}

.w .main-area .menu li {
    clear: none;
    display: inline-block;
}

.w .main-area .menu a {
    background: url(../images/menu-sprite.png) no-repeat left top;
    width: 188px;
    height: 54px;
    float: left;
    position: relative;
}

.w .main-area .menu a:hover span,
.main-area .menu a.active span {
    background: url(../images/arrow.png) no-repeat left top;
    width: 48px;
    height: 44px;
    float: left;
    position: absolute;
    top: 25px;
    left: -27px;
}

.w .main-area .menu .home a {
    background-position: 0 0;
}

.w .main-area .menu .home a:hover {
    background-position: -188px 0;
}

.w .main-area .menu .start-new-order a {
    background-position: 0 -55px;
}

.w .main-area .menu .start-new-order a:hover {
    background-position: -188px -55px;
}

.w .main-area .menu .my-orders a {
    background-position: 0 -109px;
}

.w .main-area .menu .my-orders a:hover {
    background-position: -188px -109px;
}

.w .main-area .menu .budgets a {
    background-position: 0 -163px;
}

.w .main-area .menu .budgets a:hover {
    background-position: -188px -163px;
}

.w .main-area .menu .help a {
    background-position: 0 -217px;
}

.w .main-area .menu .help a:hover {
    background-position: -188px -217px;
}

.w .main-area .menu .contact a {
    background-position: 0 -272px;
}

.w .main-area .menu .contact a:hover {
    background-position: -188px -272px;
}

.w .main-area .menu a:hover span,
.w .main-area .menu a.active span {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background-size: 25px auto;
    left: -10px;
    top: -12px !important;
    width: 24px;
}

.w .main-area .menu a {
    /*    background: #555;*/
    /*    width: auto;*/
    /*    height: auto;*/
}

.nav {
    clear: both;
    float: right;
    margin-top: -72px;
}

.search-nav {
    margin: 28px 0;
    display: inline-block;
}

.search-nav li {
    color: white;
    float: left;
    font-size: 14px;
    padding: 0px 16px;
    border-left: 1px solid #fff;
}

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

.search-nav li a {
    color: #fff;
}

.main-area .content-area {
    overflow: hidden;
    /*min-height: 1000px;*/
    padding-bottom: 20px;
    position: relative;
}
/*
.w .main-area {
    width: 100%;
    background: #fff;
    padding: 10px 0% 0px;
      background: -webkit-linear-gradient(left, #7cc700 , #d1f000);
   background: -o-linear-gradient(right, #7cc700, #d1f000);
   background: -moz-linear-gradient(right, #7cc700, #d1f000);
   background: linear-gradient(to right, #7cc700 , #d1f000); 
 
 
}
*/
.w .main-area {
    width: 100%;
    background: #fff;
    padding: 0px 0% 0px;
    background:#15a4c6;
 
}
.w .main-area .content-area {
    width: 100%;
    float: none;
    clear: both;
    background: #fff;
    min-height: 550px;
}

.main-area .content-area .head {
    /*background:url(../images/receptionists.png) no-repeat right top;*/
    height: 151px;
    margin-top: -30px;
    font-size: 14px;
    float: right;
    width: 92%;
}

.w .main-area .content-area .head {
    width: 1146px;
}

.main-area .content-area .head.none {
    background: none;
    display: none;
}

.main-area .content-area .head img {
    display: block;
    margin-top: 70px;
}

.main-area .content-area .tit {
    /*background: url(../images/tit-bg.png) no-repeat left top;
    background-size: 100% 100%;float: right; height: 75px;
    
    margin-bottom: 20px*/
    width: 100%;
   
}

.w .main-area .content-area .tit {
    background: url(../images/wtit-bg.png) no-repeat left top;
    width: 1161px;
}

.main-area .content-area .tit img {
    margin-top: 24px;
    margin-left: 15px;
    vertical-align: middle;
}

.main-area .content-area .tit img + img {
    margin-top: 24px;
    margin-left: 5px;
}

.main-area .content-area .video {
    margin: 41px 0 43px 0px;
}

.main-area .content-area .box-blue {
    background: #00b2e6;
    color: #FFF;
    font-weight: bold;
    float: right;
    margin-bottom: 5px;
    padding: 18px 22px;
    line-height: 18px;
    position: relative;
    z-index: 1;
}

.main-area .content-area .sm-box {
    background: url(../images/sm-box-mid.jpg) repeat-y left top;
    background-size: 100% 100%;
    font-size: 14px;
    width: 48%;
    padding: 30px 22px 0px 22px;
    position: relative;
    margin-left: -2px;
    margin-top: -2px;
    z-index: 0;
    min-height: 408px;
    line-height: normal;
    float: left;
}

.main-area .content-area .sm-box .top {
    background: url(../images/sm-box-top.jpg) no-repeat left top;
    width: 100%;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0;
}

.main-area .content-area .sm-box .bot {
    background: url(../images/sm-box-bot.jpg) no-repeat left bottom;
    width: 100%;
    height: 15px;
    position: absolute;
    bottom: 0px;
    left: 0;
}

.main-area .content-area .sm-box p {
    margin-bottom: 17px;
}

.main-area .content-area strong {
    font-weight: bold;
}

.w .main-area .content-area .head {
    float: none;
    height: auto;
    margin: 0px 0;
    padding: 0 20px 10px;
    text-align: center;
    width: auto;
}

.w .main-area .content-area .head img {
    display: block;
    margin: auto;
}

.w .main-area .content-area .tit {
    background-size: cover;
    float: none;
    margin: 0 auto 0px;
    width: 100%;
}

.main-area .content-area .quick-box {
    background: url(../images/quick-box-mid.jpg) repeat-y left top;
    background-size: 100% 100%;
    font-size: 12px;
    width: 45.2%;
    padding: 160px 10px 17px 24px;
    position: relative;
    margin-left: 5px;
    margin-top: 0px;
    z-index: 0;
    min-height: 418px;
    float: right;
    margin-bottom: 30px;
}

.main-area .content-area .quick-box .top {
    background: url(../images/quick-box-top.jpg) no-repeat left top;
    background-size: 99% 100%;
    width: 100%;
    height: 108px;
    position: absolute;
    top: 0px;
    left: 1px;
}

.main-area .content-area .quick-box .bot {
    background: url(../images/quick-box-bot.jpg) no-repeat left bottom;
    width: 100%;
    height: 15px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.main-area .content-area .quick-box p {
    margin-bottom: 20px;
}

.main-area .content-area .quick-box li {
    background: url(../images/quick-bullets.png) no-repeat left top;
    padding-left: 60px;
    overflow: hidden;
    min-height: 46px;
    margin-bottom: 15px;
    border-bottom: 1px solid #cccccc;
    padding-top: 6px;
    line-height: normal;
    padding-right: 10px;
}

.main-area .content-area .quick-box li.one {
    background-position: 0 0px
}

.main-area .content-area .quick-box li.two {
    background-position: 0 -102px
}

.main-area .content-area .quick-box li.three {
    background-position: 0 -204px
}

.main-area .content-area .quick-box li.four {
    background-position: 0 -306px
}

.main-area .content-area .quick-box li.star {
    background-position: 0 -407px
}

.step-one {
    background: url(../images/123.png) no-repeat left top;
    overflow: hidden;
    height: 46px;
    width: 26px;
    float: left;
    margin: 14px 5px 10px 15px;
}

.step-two {
    background: url(../images/123.png) no-repeat left -50px;
    overflow: hidden;
    height: 46px;
    width: 26px;
    float: left;
    margin: 14px 5px 10px 15px;
}

.step-three {
    background: url(../images/123.png) no-repeat left -100px;
    overflow: hidden;
    height: 46px;
    width: 26px;
    float: left;
    margin: 14px 5px 10px 15px;
}

.main-area .content-area .box {
   /* background: url(../images/box-mid.jpg) repeat-y left top;  float: right; */
    background-size: 100% 100%;
    font-size: 12px;
    width: 100%;
    padding: 30px 0px;
    position: relative;
    margin-left: 0px;
    margin-top: 0px;
    z-index: 0;
   
    clear: both;
    margin-bottom: 20px;
}

.main-area .content-area .box .top {
   /* background: url(../images/box-top.jpg) no-repeat left top;*/
    background-size: 100% 100%;
    width: 100%;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 1px;
}

.main-area .content-area .box .bot {
   /* background: url(../images/box-bot.jpg) no-repeat left bottom;*/
    background-size: 100% 100%;
    width: 100%;
    height: 15px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

#loginForm  .links {
    
    color: #0099cc;
    margin-right: 50px;
    margin-top: 20px;
    margin-left: 180px;
    clear: both;
}

.links a {
    margin: 20px;
}

.link {
    color: #0099cc;
    cursor: pointer;
}

 .main-area .content-area .box {
    background: none;
    width: 1106px;
}

.w .main-area .content-area .box .top {
    background: none;
}

.w .main-area .content-area .box .bot {
    background: none;
}

.main-area .content-area .widebox {
    position: relative;
    background: url(../images/box-mid.jpg) repeat-y left top;
    background-size: 100% auto;
    font-size: 12px;
    width: 85%;
    padding: 30px 3%;
    position: relative;
    margin-left: 0px;
    margin-top: 0px;
    z-index: 0;
    float: right;
    margin-bottom: 20px;
}

.main-area .content-area .widebox:after {
    border-top: 1px solid #ccc;
    bottom: -20px;
    clear: both;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    margin-top: 20px;
    padding: 0;
    position: absolute;
    width: 100%;
}

.main-area .content-area .widebox .top {
    background: url(../images/box-top.jpg) no-repeat left top;
    background-size: 100% auto;
    width: 100%;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 1px;
}

.main-area .content-area .widebox .bot {
    background: url(../images/box-bot.jpg) no-repeat left bottom;
    background-size: 100% auto;
    width: 100%;
    height: 15px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.main-area .content-area .widebox .links {
    float: right;
    color: #0099cc;
    margin-right: 50px;
    margin-top: 20px;
}

.links a {
    margin: 0px;
}

 .main-area .content-area .box {
    float: none;
    width: 100%;
    padding: 36px 0px 8px;
    margin: auto;
    background: #F7F7F7 !important;
    -webkit-box-shadow: 0 0 10px #ccc inset;
    box-shadow: 0 0 10px #ccc inset;
    clear: both;
    margin-bottom: 20px;
}

.w .main-area .content-area .box:after {
    clear: both;
    content: "";
    display: block;
}

.main-area .content-area .widebox table {
    width: 100%;
}

.main-area .content-area .widebox table td {
    padding: 2px;
    word-break: break-all;
}

.main-area .content-area .widebox table td .PDFname {
    background: url(../images/bullet-arrow.png) no-repeat left center;
    padding-left: 15px;
}

.main-area .content-area .widebox table td.options {
    color: #0c8bbf;
}

.main-area .content-area .widebox table td.options a {
    color: #0c8bbf;
    padding: 5px 10px
}

.startnew {
    border-bottom: 1px solid #cccccc;
    clear: both;
    color: #9900cc;
    float: right;
    font-size: 16px;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 20px 9% 10px 0;
    width: 85%;
}

.startnew p {
    overflow: hidden;
    margin-top: 20px;
    line-height: 20px;
}

.startnew p strong {
    font-weight: bold;
}

.startnew a {
    float: right;
    margin-left: 50px;
}

.note {
    color: #ff0089;
    font-size: 12px;
}

.blue {
    color: #0c8bbf;
}

.pink {
    color: #d4275e;
}

.green {
    color: #67ed1f;
    font-weight: bold;
}

.orange {
    color: #ff9900;
}

.fl {
    float: left
}

.fr {
    float: right
}

.a-rt {
    text-align: right !important
}

.ml0 {
    margin-left: 0 !important;
}

.center {
    margin: auto;
    text-align: center;
    clear: both;
    padding-right: 0px;
}

input.clear {
    font-size: 12px;
}

input.file {
    font-size: 12px;
    width: 260px;
}

form ul.login {
    float: left;
}

form ul.login li:first-child {
    margin-top: 0px;
}

form ul.login li {
    margin-top: 10px;
    overflow: hidden;
}

form ul.login label {
     width: 155px;
    float: left;
    line-height: 26px;
    text-align: right;
    margin-right: 20px;
    font-family: 'Saira', sans-serif;
    font-size: 16px;
    font-weight: 500;
    margin-top: 7px;
}

form ul.login input {
    font-family: 'Saira', sans-serif;
     font-size: 16px;
    font-weight: 400;
    width: 314px;
    float: left;
    /* background: url(../images/input.jpg) no-repeat left top; */
    padding:6px 5px;
    border: none;
    line-height: 26px;
    height: auto;
    border: 1px solid #c2c2c2;
}

form ul.onecol {
 width: 100%;
padding: 20px 0px 20px;
margin: 0px auto;
}

form ul.onecol li:first-child {
    margin-top: 0px;
}

form ul.onecol li {
    margin-top: 10px;
    overflow: hidden;
}

form ul.onecol label {
    width: 155px;
    float: left;
    line-height: 26px;
    text-align: right;
    margin-right: 20px;
     font-family: 'Saira', sans-serif;
    font-size: 16px;
    font-weight: 500;
    margin-top: 7px;
    
}

form ul.onecol input {
     font-family: 'Saira', sans-serif;
     font-size: 16px;
    font-weight: 400;
    width: 314px;
    float: left;
   /*  background: url(../images/input.jpg) no-repeat left top;*/
    margin-right: 10px;
     padding:6px 5px;
    border: none;
    line-height: 26px;
    height: auto;
    border: 1px solid #c2c2c2;
}

form ul.onecol .inputw100 {
    width: 100px;
    float: left;
   /* background: url(../images/inputw100.png) no-repeat left top; */
}

form ul.onecol input[type=radio],
form ul.onecol input[type=checkbox] {
    width: auto;
    float: none;
    height: auto;
    background: none;
}

form ul.onecol span {}

form ul.onecol label.error {
    display: inline-block;
    clear: both;
    width: 100%;
    text-align: center;
    float: none;
}

#priceField td {
    padding-bottom: 5px;
}

#rangePriceField td {
    padding-bottom: 5px;
}

form ul.onecol input[type="file"] {
    background: none;
    padding-left: 0;
}

form#orderSearch ul.onecol label {
    width: 30px;
}

form#orderSearch ul.onecol select {
    margin-right: 10px;
}

form ul.twocol li {
    float: left;
    margin-top: 5px;
    width: 50%;
}

.date {
    color: #666666;
    float: right;
    font-family: verdana;
    font-size: 12px;
    margin: 5px 20px 5px 0;
}

label.error {
    float: none;
    color: red!important;
}

.msgs {
    color: red;
    text-align: center !important;
    clear: both;
}

ul.two-col {
    margin-left: 50px;
    font-size: 14px;
}

ul.two-col li {
    width: 50%;
    float: left;
    padding-bottom: 35px;
    min-height: 50px;
    height: auto;
}

ul.two-col li.alt {
    clear: left;
}

ul.two-col li label {
    display: block;
    padding-bottom: 8px;
    color: #7c7c7c;
}

ul.two-col li li label {
    padding-bottom: 3px;
}

ul.two-col li label strong {
    color: #1f88a8
}

ul.two-col li ul {
    margin-top: 20px;
}

ul.two-col li li {
    width: 100%;
    float: none;
    padding-bottom: 5px;
    min-height: auto;
    height: auto;
}

ul.two-col li li .input {
    width: 245px;
}

ul.two-col li .med {
    font-size: 12px
}

ul.two-col li.sm {
    font-size: 10px;
    width: 100%;
    margin-top: -15px !important;
    min-height: 15px !important;
    padding-bottom: 6px !important;
}

ul.two-col li textarea {
    width: 370px;
}

.prd-img {
    float: left;
    width: 230px;
    height: auto;
    text-align: center;
}

.prd-dsc {
    float: left;
    width: 350px;
    height: auto;
    text-align: left;
    font-size: 14px;
    padding-left: 30px;
}

.prd-dsc h2 {
    font-weight: bold;
    color: #000;
    border-bottom: 1px solid #CCC;
    padding: 5px 0;
    width: 70%;
}

.prd-dsc ul {
    float: left;
    clear: left;
    list-style-type: disc;
    margin: 10px 0 20px 20px;
}

.prd-dsc li {
    line-height: 24px;
}

.prd-btn {
    float: left;
    width: 295px;
    height: auto;
    text-align: center;
    padding-top: 30px;
}

.prd-selected {
    font-size: 12px;
    width: 88%;
    padding: 30px 3% 0px 0;
    position: relative;
    margin-left: 0px;
    margin-top: 0px;
    z-index: 0;
    float: right;
    margin-bottom: 20px;
}

.prd-selected img {
    float: left;
}

.prd-selected p {
    float: left;
    margin: 10px 10px 10px 20px;
    font-size: 14px;
    color: #006386;
}

.prd-selected p strong {
    margin-bottom: 5px;
    display: block;
}

.prd-instructions {
    font-size: 12px;
    width: 946px;
    padding: 0px 30px 0px 0;
    position: relative;
    margin-left: 50px;
    margin-top: 0px;
    z-inwidthdex: 0;
    float: left;
    margin-bottom: 20px;
}

.prd-instructions p {
    margin: 0px 10px 10px 0px;
    font-size: 14px;
}

.warn {
    border-bottom: 1px solid #CCC;
    margin: 20px 0 20px 50px;
    font-size: 14px;
}

.warn h1 {
    color: #cc0066;
    font-weight: bold;
    padding: 10px 20px 20px 30px;
}

.warnbox {
    background: #e9004c;
    color: #FFF;
    font-weight: bold;
    padding: 20px 20px 10px 20px;
    width: 60%
}

.warnbox p {
    padding-bottom: 10px;
}

.review {
    background: #00b2e6;
    float: right;
    padding: 40px 0px 10px 40px;
    width: 90%;
    margin-bottom: 20px
}

.review-box {
    background: #fff;
    margin: 25px 0px 10px 0px;
    padding: 30px 20px 0px 30px;
    overflow: hidden;
    font-size: 14px;
}

.review-box .prd-img {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.review-box .prd-img img {
    margin-bottom: 10px;
}

.review-box .list {
    overflow: hidden;
    padding-bottom: 15px;
}

.review-box .list li:first-child {
    border-top: none;
    padding-top: 0;
}

.review-box .list li {
    overflow: hidden;
    border-top: 1px solid #cccccc;
    line-height: 1.4;
    padding: 10px 10px 20px 0;
}

.review-box .list li th,
.review-box .list li td {
    padding: 3px;
    text-align: left;
}

.review-box .list li th {
    color: #0082a4;
    font-weight: bold;
    padding-bottom: 10px;
}

.review-box .list li .qty {
    text-align: center;
}

.review-box .list p {
    margin-bottom: 10px;
}

.review-box .list a {
    color: #c100df;
}

input[type="text"] {
    height: 23px;
    padding: 2px 3px;
    width: 245px;
    border: 1px solid #E2E2E2;
}
#send-final-form input[type="text"] {
    height: 28px;    
}

.prd-btn input[type="text"] {
    margin-top: 4px;
    padding: 2px 3px;
    width: auto;
    height: auto;
}

#orderInfoForm select {
    height: 30px;
    padding-left: 3px;
    width: 245px;
}

.summary th {
    color: #0082A4;
    font-weight: bold;
    border-bottom: 1px solid #CCCCCC;
}
.all-tabs {display: table; width:100%;}
.summary th,
.summary td {
    padding: 8px 3px;
    text-align: left;
}

.summary td {
    word-break: break-all;
}

.summary td.product-name {
    line-height: 1.4;
}

ul.chkbox {
    float: left;
    margin-top: 5px;
}

ul.chkbox input {
    float: left !important;
}

ul.chkbox label {
    line-height: normal !important;
    margin-left: 5px;
    text-align: left !important;
    width: auto !important;
}

ul.chkbox li {
    float: left;
    margin: 5px 0 !important;
}

h2 {
    font-weight: bold;
    color: #0082A4;
    border-bottom: 1px solid #CCC;
    padding: 10px 0;
    margin-bottom: 10px;
    font-size: 18px;
    clear: both;
}

h3 {
    font-weight: bold;
    color: #000;
    padding: 10px 0;
    margin-bottom: 10px;
    font-size: 14px;
    clear: both;
}

h4 {
    font-weight: bold;
    padding: 10px 0;
    margin-top: 10px;
    font-size: 13px;
    clear: both;
}

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

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

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

.content {
    margin-right: 50px;
}

.content p {
    margin-bottom: 20px;
}

.msgs {
 color: #50c050;
font-family: verdana;
font-size: 12px;
text-align: center !important;
position: absolute;
top: 20px;
left: 20% !important;
font-size: 15px;
font-weight: 400;
width: auto;
float: left;
}

.rlink {
    float: right;
    margin: 0px 50px 0px 0;
}

.start-new-order-btn {
    background: url(../images/start-new-order-btn.png) no-repeat left top;
    width: 259px;
    height: 78px;
    display: inline-block;
    border: none;
    overflow: hidden;
    margin: auto;
    cursor: pointer;
    font-size: 0px;
    color: transparent;
}
/*
.login-btn {
    background: url(../images/login-btn.png) no-repeat left top;
    width: 139px;
    height: 78px;
    display: inline-block;
    border: none;
    overflow: hidden;
    margin: auto;
    cursor: pointer;
    font-size: 0px;
    color: transparent;
}*/

.order-now-btn {
    background: url(../images/order-now-btn.png) no-repeat left top;
    width: 231px;
    height: 78px;
    display: inline-block;
    border: none;
    overflow: hidden;
    margin: auto;
    cursor: pointer;
    font-size: 0px;
    color: transparent;
}

.next-btn {
    float: right;
    background: url(../images/next-step-btn.png) no-repeat left top;
    width: 184px;
    height: 78px;
    display: inline-block;
    border: none;
    overflow: hidden;
    margin: auto;
    cursor: pointer;
    font-size: 0px;
    color: transparent;
}

.upload-btn {
background: url(../images/icon_uploadfiles.png) no-repeat 10px center;
display: inline-block;
border: none;
overflow: hidden;
margin: auto;
cursor: pointer;
font-size: 0px;
color: transparent;
text-transform: uppercase !important;

width: 150px;
padding: 15px 28px !important;
    float: left;
}

.submit-order-btn {
    background: url(../images/submit-order-btn.png) no-repeat left top;
    width: 230px;
    height: 78px;
    display: inline-block;
    border: none;
    overflow: hidden;
    margin: auto;
    cursor: pointer;
    margin-right: 50px;
    font-size: 0px;
    color: transparent;
}

input.submit-btn {
   /*background: url(../images/submit-btn.png) no-repeat left top; 
    width: 154px;
    height: 78px;*/
    display: inline-block;
    border: none;
    overflow: hidden;
    margin: auto;
    cursor: pointer;
    font-size: 0px;
    color: transparent;
}

.send-btn {
    /* background: url(../images/send-btn.png) no-repeat left top;
    width: 154px;
    height: 78px; */
    display: inline-block;
    border: none;
    overflow: hidden;
    margin: auto;
    cursor: pointer;
    font-size: 0px;
    color: transparent;
}

.reset-btn {
    /* background: url(../images/reset-btn.png) no-repeat left top; height: 78px;
    width: 142px;
    */
    display: inline-block;
    border: none;
    overflow: hidden;
    margin: auto;
    cursor: pointer;
    font-size: 0px;
    color: transparent;
}

.save-btn {
height: 46px;
display: inline-block;
border: none;
overflow: hidden;
margin: auto;
    margin-top: auto;
    margin-right: auto;
cursor: pointer;
font-size: 0px;
color: #fff;
font-size: 17px !important;
margin-top: 10px;
margin-right: 20px;
padding-right: 50px;
font-family: 'Saira', sans-serif !important;
font-weight: 600;
background: url("../images/ICON_ SAVE-CLOSE.png") no-repeat 145px center #15a4c6 !important;
text-transform: uppercase;
padding-left: 20px;
}

.search-orders-btn {
   /* background: url(../images/search-orders-btn.png) no-repeat left top;
    width: 236px;
    height: 78px; */
    display: inline-block;
    border: none;
    overflow: hidden;
    margin: auto;
    cursor: pointer;
    font-size: 0px;
    color: transparent;
}

.disable-selected-btn {
    background: url(../images/disable-selected-btn.png) no-repeat left top;
    width: 273px;
    height: 77px;
    display: inline-block;
    border: none;
    overflow: hidden;
    margin: auto;
    cursor: pointer;
    font-size: 0px;
    color: transparent;
}

.back {
    float: left;
    background: url(../images/back-btn.png) no-repeat left top;
    width: 141px;
    height: 81px;
    display: inline-block;
    border: none;
    overflow: hidden;
    margin: auto;
    cursor: pointer;
    font-size: 0px;
    color: transparent;
    margin-left: 50px;
}

.mt10 {
    margin-top: 10px !important
}

.mt60 {
    margin-top: 60px !important
}

.footer { position: fixed;
bottom: 0px}
body{padding-bottom: 60px;}
body.w {padding-bottom: 0px;}
.w .footer { position: inherit;}

.footer {
    background: #013244;
    clear: both;
    width: 100%;
    height: 60px;
    border-top:9px solid #108aa9;
    text-align: right
}
.footer img { max-width: 165px !important; margin-top: 10px; margin-right: 20px;max-height: 43px !important;}
.footer {
    width: 100%;
    margin: auto;
}
.footer ul {
    float: right;
    margin-right: 25px;
}

.footer li {
    float: left;
    border-left: 2px #999999 solid;
    line-height: 12px;
    font-size: 12px;
    padding-left: 16px;
    margin-left: 16px;
    margin-top: 10px;
    text-transform: uppercase;
}

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

.footer a:hover {
    text-decoration: underline;
}

.footer li:first-child {
    border-left: none;
    padding-left: 0;
    margin-left: 0;
}

.footer-links {
    background: #000;
    min-height: 35px;
}

.footer .black-strip {
    background: url(../images/footer-black-strip.png) no-repeat center top #000;
    height: 24px;
}

.pvpw-proofs,
.pvpw-proofs-disply {
    padding-right: 10px;
    padding-bottom: 1px;
}

.pvpw-proofs .upload-files {
    clear: both;
    margin: 20px 0 5px;
}

.pvpw-proofs .addmore {
    display: inline-block;
    font-size: 15px;
    margin-top: 10px;
}

.pvpw-proofs .upload-files > div {
    clear: both;
    display: block;
    margin-bottom: 7px;
}

.delbtn {
    color: red;
    cursor: pointer;
}

.updatebtn {
    color: green;
    cursor: pointer;
}

.pvpw-proofs .inputFile {
    height: 30px;
    margin-left: 3px;
}

.pvpw-proofs-disply {
    margin: 20px 0;
}

.pvpw-proofs-disply.clr li {
    display: inline-block;
    margin: 10px;
    text-align: center;
}

.pvpw-proofs-disply a {
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
}

.pvpw-proofs-disply .close {
    position: absolute;
    right: 10px;
    top: 10px;
}

.onecol table td.last {
    padding-left: 20px;
    padding-top: 5px;
    vertical-align: top;
}

.review-box > div {
    border-bottom: 2px solid #cccccc;
    clear: both;
    margin-bottom: 20px;
    overflow: hidden;
}

.review-box ul.pending_pdfs li {
    border: medium none;
}

.prd-btn .stepSelectQty {
    padding: 3px 0 3px 5px;
    width: auto;
    border: 1px solid #E2E2E2;
}

.search-nav li {
    color: white;
    float: left;
    font-size: 13px;
    padding: 5px 10px;
}

.search-nav li a {
    color: #fff;
}

img.btn_close {
    float: right;
    margin: -28px -28px 0 0;
}

.login-popup {
    display: none;
    background: #333;
    padding: 10px;
    border: 2px solid #ddd;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999;
    box-shadow: 0px 0px 20px #999;
    /* CSS3 */
    -moz-box-shadow: 0px 0px 20px #999;
    /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999;
    /* Safari, Chrome */
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px;
    /* Firefox */
    -webkit-border-radius: 3px;
    /* Safari, Chrome */
}

.button:hover {
    background: #ddd;
}

.summary td input {
    text-align: center;
}

input.sub {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 5px 10px;
    margin-left: 10px;
}

.product-name table,
.product-name th,
.product-name td {
    border: 1px solid #ccc;
}

.product-name table {
    width: 100%;
}

.order-products td input {
    width: 74%;
    text-align: left;
}

.main-area .small {
    width: 75px !important;
    text-align: left;
    margin-top: 4px; 
}

#orderInfoForm .order-products td select {
    width: 120px;
}

.row-group{
    background: rgba(218, 218, 218, 0.65);
}

.pv-view {
    overflow-x: scroll;
    width: 100%;
}

.pv-view .summary td {
    word-break: normal;
   /* font-family: 'Saira', sans-serif;
    font-weight: 300; */
}

.data-row {
    cursor: pointer;
}

.data-row td {
    border: 1px solid #ddd;
    padding: 4px;
}

.summary th {
    border: none;
}
/*1px solid #ddd; padding: 8px;}*/

.pv-view .summary td.product-name {
    line-height: 1.4;
    width: 200px !important;
    white-space: nowrap;
}

.pv-view,
.pv-view1 {
    border: none 0px RED;
    overflow-x: scroll;
    overflow-y: hidden;
}

.summary {
    height: 1px;
}

.summary1 {
    height: 1px;
    overflow: auto;
}

button.ui-datepicker-current {
    display: none;
}

ul.filter-sec {
    display: inline-block;
    /*    padding-top: 24px; */
    margin-top: -17px;

}

ul.filter-sec li {
    float: left;
    padding: 0 10px
}

ul.filter-sec li .sm {
    width: 60px;
}

.update-link {
    float: right;
    padding: 10px;
}

ul.two-col li {
    padding-bottom: 13px!important;
}

.linkrow {
    float: none!important;
    margin-bottom: 10px!important;
}

ul.two-col li ul {
    margin-top: 0px!important;
}

ul.bulletf12 li {
    min-height: 1px;
}

.cutom-field-sec label {
    color: red;
    display: inline-block;
    float: right;
}

ul.two-col li.full-width {
    width: 100%;
}
/*.start-content ul.two-col li label {color: #7c7c7c;     display:inline-table; padding-bottom: 8px; color:#0099cc;}*/
.w .main-area .content-area .order-request   .tit h3 {background-image:url("../images/order_request.png") !important}
.add-lnk .upld-btn h2 { padding-left: 0px !important;}
@media (min-width:1400px) and (max-width:5000px) {
    .main {
        width: 100%;
    }
}

.fl.start {
    float: none;
    width: 96%;
    margin: 0 auto;
}

.nowrap {
    white-space: nowrap
}

.btn {
    background: #3498db;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3498db), to(#2980b9));
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
    color: #fff;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    margin: 4px !important;
    width: auto;
    min-width: 100px;
    float: left;
    clear: both;
    cursor: pointer;
}

.btn:hover {
    background: #3cb0fd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3cb0fd), to(#3498db));
    background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
    text-decoration: none;
}

hr.style-one {
    border: 0;
    height: 1px;
    background: #2980b9 none repeat scroll 0 0;
}

.highlight {
    border: 1px solid red;
}

.main-area .content-area .tit .t1 {
    font-size: 20px;
    margin-left: 15px;
    vertical-align: -moz-middle-with-baseline;
}

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

.form-group label {
   
    float: left;
    margin-right: 15px;
    text-align: left;
    width: 200px;
}

.pvpw-proofs-disply .proofs-list {
    text-align: left;
    display: table;
    width: 100%;
    clear: both;
    border-collapse: collapse;
    border: none;
    margin-top: 0px;
   
}

.pvpw-proofs-disply .proofs-list li {
    display: inline-block;
    float: left;
    margin: 0 0 0px;   
    width: 50%;
    text-align: center;
   
}

.pvpw-proofs-disply .proofs-list li > div {
   
    margin: 0;
    padding: 5px 15px;
   text-align: center;
}

.pvpw-proofs-disply .proofs-list li .c1 {
    width: 175px;
}

.pvpw-proofs-disply .proofs-list li a img {
    border: 1px solid #ccc;
    padding: 2px;
}

.checkbox,
.radio {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.comments ul {
    display: none;
}

.red-bold {
    color: red;
    font-weight: 900;
}

.inline-link {
    display: inline-block;
    width: 77px;
}

.green-bold {
    color: green;
    font-weight: 900;
}

.orange-bold {
    color: orange;
    font-weight: 900;
}
#start-order-form .orange-bold { 
    min-height: 10px;
margin-top: 10px;
text-align: center;
}

.number {
    font-size: 18px;
}

.datagrid table {
    text-align: left;
   /* width: 100%;*/
}

.datagrid {
    font: normal 12px/150%;
    background: #fff;
    overflow: hidden;
    padding: 5px 0px 5px 0px;
}

.datagrid table td,
.datagrid table th {
    padding: 6px 10px 6px 0px;
}

.datagrid table thead th {
    background: none;
    color: #2f2f2f;
    font-size: 12px;
    font-weight: 600;
    vertical-align: bottom;
}

.datagrid table thead th:first-child {
    border: none;
}

.datagrid table tbody td {
    color: #00aadd;
    border-top: 1px solid #e2e2e2 !important;
    border-bottom: 1px solid #e2e2e2 !important;
    font-size: 12px;
    font-weight: bold;
     line-height: 30px;
}

.datagrid table tbody .alt td {
    background: #E1EEF4;
    color: #00496B;
}

.datagrid table tbody td:first-child {
    border-left: none;
}

.datagrid table tbody tr:last-child td {
    border-bottom: none;
   
}

.datagrid table tfoot td div {
    border-top: 1px solid #006699;
    background: #E1EEF4;
}

.datagrid table tfoot td {
    padding: 0;
    font-size: 12px
}

.datagrid table tfoot td div {
    padding: 2px;
}

.datagrid table tfoot td ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}

.datagrid table tfoot li {
    display: inline;
}

.datagrid table tfoot li a {
    text-decoration: none;
    display: inline-block;
    padding: 2px 8px;
    margin: 1px;
    color: #FFFFFF;
    border: 1px solid #006699;
    border-radius: 3px;
    background: -moz-linear-gradient( center top, #006699 5%, #00557F 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
    background-color: #006699;
}

.datagrid table tfoot ul.active,
.datagrid table tfoot ul a:hover {
    text-decoration: none;
    border-color: #006699;
    color: #FFFFFF;
    background: none;
    background-color: #00557F;
}

div.dhtmlx_window_active,
div.dhx_modal_cover_dv {
    position: fixed !important;
}

.datagrid input {
    border: 1px solid #dddddd;
    padding: 4px;
    font-weight: bold;
    color: #02a6cb;
    width: 100%;
    border-radius: 3px;
    padding: 4px 0px 4px 4px;
}

.black > label {
    color: #373737;
}

.datagrid select {
    border: 1px solid #000;
    padding: 4px;
    background: #fff;
    overflow: hidden;
    border: 1px solid #dddddd;
    border-radius: 3px;
    overflow: hidden;
}

.read-only input {
    border: none !important;
    font-weight: bold !important;
}

.due-date {
    color: #007d96;
    font-weight: bold;
    padding: 8px 12px 0px 0px;
    text-align: right;
    font-size: 12px;
}

.rush-date {
   color: red;
font-weight: bold;
padding: 15px 12px 0px 0px;
text-align: right;
font-size: 12px;
width: 33%;
float: right;
}

.summary.order-products select {
    width: 95%;
    padding: 5px;
    border: 1px solid #dddddd;
    border-radius: 3px;
}

a.upload-proof {
    color: #0074a9;
    font-size: 11px;
}

#update-orders-popup select {
    width: 100%;
    padding:  4px ;
}

.datagrid.products-order th {
    color: #007d96;
    font-size: 12px;
    vertical-align: bottom;
}

.datagrid.products-order td {
    color: #007d96;
    font-size: 12px;
    vertical-align: bottom;
}

.datagrid.products-order input {
    border: 1px solid #d3d3d3;
    color: #000;
    font-weight: normal;
    padding: 4px;
    width: 64%;
    font-size: 11px;
}

.datagrid.products-order label {
    color: #808080;
}

.datagrid.products-order strong {
    color: #808080;
}

.address {
    width: 100%;
    float: none;
    color: #000;
    margin-right: 0px;
}

.notes-info {
   width: 30%;
    border-right: 1px solid #e9e9e9;

margin-left: 0;
display: table-cell;
}

.address ul.two-col {
  font-size: 14px;
margin: 0px auto;
padding-top: 20px;
width: 90%;
}

.notes-info ul.two-col {
    font-size: 14px;
    margin-left: 20px;
    padding-top: 20px;
    width: 60%;
}

.address h1,
.notes-info h1, .last-ctn h2 {
    font-family: 'Saira', sans-serif;
font-weight: 700;
background: #00aadd none repeat scroll 0 0;
clear: both;
color: #fff;
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 10px 0px;
width: auto;
display: block;
border-right: 1px solid #fff;
}
.last-ctn h2{border-right-width: 0px;}
.address h1 span,
.notes-info h1 span, .last-ctn h2 span{display: inline-block;
padding-left: 10px;}
.address h1 {position: relative;}
.address h1 span span{white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 67%;
max-width: 100%;
display: inline-block;    position: absolute;
    top: 10px;}
.address ul.two-col li label strong {
    color: #8b8a89;
}

.address input[type="text"] {
    height: 20px;
    padding: 2px 3px;
    width: 400px;
    border: 1px solid #E2E2E2;
}

.address select,
.notes-info select {
    /*    width: 408px !important;*/
    border: 1px solid #E2E2E2;
}

.address input[type="text"],
.notes-info input[type="text"] {
    border: 1px solid #e2e2e2;
    width: 85%
}

.notes-info li textarea {
    width: 370px;
    border: 1px solid #E2E2E2;
}

.note p {
    padding-bottom: 10px;
    
}

table.pagination {
    padding-bottom: 30px;
}

.pink p {
    padding-bottom: 10px;
}

#popup-loading-img {
    text-align: center;
    float: initial;
    margin-left: 35%;
    margin-top: 35px;
}

.notes-info ul li {
    color: #7c7c7c;
}

.proofs-link {
    color: #0099cc;
    display: inline-block;
    width: 80px;
    text-decoration: underline;
}

.view-proofs,
.send-proofs {
    color: #0099cc;
    display: inline-block;
    text-decoration: underline;
    cursor: pointer;
}
.ui-widget-content a {
    color: #0099cc !important;
}

::-webkit-input-placeholder {
    color: #02a6cb;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #02a6cb;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #02a6cb;
}

:-ms-input-placeholder {
    color: #02a6cb;
}

input#bill_month1 {
   border: 1px solid #ccc;
font-weight: 700;
height: 22px;
width: 74px;
margin-left: 10px;
padding-left: 10px;
    font-family: 'Saira', sans-serif;
}

.bill-rush {
    position: relative;
}

.bill-month {
    font-family: 'Saira', sans-serif;
    float: left;
    width: 50%;
    font-weight: 700;
    color: #013244;
padding-left: 15px;
padding-top: 13px;
}

img.pop-logo {
    width: 70px;
    height: auto;
    float: right;
}

.contact-info {
    display: block;
    padding-bottom: 8px;
    color: #7c7c7c;
    padding-bottom: 3px;
}

.contact-info input[type="text"] {
    width: 73%;
    margin-top: 5px;
}

.two-colms input[type="text"] {
    width: 90%;
}

.two-colms label {
    padding-bottom: 0px !important;
}

.two-colms select {
    width: 93% !important;
}

.contact-info li {
    padding: 10px 0 0 18px;
}

.export-btn {
    padding-left: 10px;
    display: inline-block;
    float: left;
    margin-left: 5px;

}

.export-link {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0ec5dc+0,0ea6ce+100 */
    background: #0ec5dc;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(#0ec5dc), to(#0ea6ce));
    background: linear-gradient(to right, #0ec5dc 0%, #0ea6ce 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0ec5dc', endColorstr='#0ea6ce', GradientType=1);
    /* IE6-9 */
    -webkit-box-shadow: -1px 3px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: -1px 3px 5px 0px rgba(0, 0, 0, 0.75);
    font-family: Verdana, Geneva, sans-serif;
    color: #ffffff !important;
    font-size: 12px;
    padding: 10px 12px;
    text-decoration: none;
    text-transform: uppercase;
    border: 2px solid #fff;
    text-shadow: 1px 2px 3px #666;
}

.export-link:hover {
    text-decoration: none;
}

.rightalign .save-btn {
    margin: 30px 96px;
}

.two-colms li.full-wdh {
    width: 445px;
}

.notes-info ul.two-col li textarea {
    width: 397px;
}

.datagrid .track-td input {
    width: 70px;
}

.datagrid .date-td input {
    width: 66px;
}

.delivery-link {
    width: 84px;
}

.proofs-close-btn {
    background: url(../images/close.png) no-repeat 40px -1px transparent;
    width: 64px;
    height: 20px;
    background-size: 20px auto;
    float: right;
    cursor: pointer;
}

.field-sec span.c2 {
   margin: 0 25px 11px 0px;
}

.field-sec {
    margin-bottom: 10px;
}

.field-sec textarea {
    width: 600px;
    height: 130px;
    margin: 0px;
}

.filter-sec #order_status {
    display: inline;
    width: 205px;
}

.field-sec label {
    display: inline-block;
    width: 140px;
    text-align: right;
}

.pvpw-proofs h2 {
    float: left;
    border: none;
    margin-bottom: 0px;
}
.pvpw-proofs .upload-files > div{ margin-bottom: 0px;}
#upload-file-name {margin-bottom: 10px;color:#013244; font-size: 14px; font-weight: 300;font-family: 'Saira', sans-serif; text-transform: capitalize; text-align: left;}
#send-print-head {
    border-bottom: 1px solid #dddddd;
}

#send-print-head #select_vendor {
    margin: 6px 20px;
    padding: 6px;
    border: 1px solid #dddddd;
}

.send-proofs.send-print-btn {
    background: #007d96;
    text-align: center;
    padding: 15px 15px 15px 65px;
    color: #fff !important;
    text-decoration: none;
    margin-right: 1px;
    font-size: 14px;
    font-family: 'Saira', sans-serif;
    font-weight: 300;
}

.send-proofs.send-print-btn:hover {
    background: #03687c;
}

.bill-rush .send-proofs {
    width: 12%;
    float: left;
    margin-right:10px;
}

#printTemplate #email-body {
    display: inline-table;
}

#printTemplate p {
    margin: 10px 0;
}

#print-tables ul {
    list-style: disc;
    padding-left: 50px;
}

.form-bottom {
    margin-left: 224px;
}

.form-bottom .save-button {
    float: left;
    position: relative;
}

.save-button {
    background: url(../images/save-button.png) no-repeat left top;
    width: 142px;
    height: 78px;
    display: inline-block;
    border: none;
    overflow: hidden;
    margin: auto;
    cursor: pointer;
    font-size: 0px;
    color: transparent;
}

.reset-button {
    background: url(../images/reset-button.png) no-repeat left top;
    width: 142px;
    height: 78px;
    display: inline-block;
    border: none;
    overflow: hidden;
    margin: auto;
    cursor: pointer;
    font-size: 0px;
    color: transparent;
}

.form-bottom .save-button {
    float: right;
    position: absolute;
}

.rejected-cell {
    background: red none repeat scroll 0 0;
    color: white;
}

#printSend-btns {
    margin-left: 85px;
}

#email-body-data .send-btn {
    margin-left: 70px;
    position: absolute;
}

#part-1 select{

    height: 28px;
    width: 383px;
    padding: 2px 3px;
    border: 1px solid #E2E2E2;
}


#part-2 select,
#part-7 select {
    height: 28px;
    width: 253px;
    padding: 2px 3px;
    border: 1px solid #E2E2E2;
}

#part-1 select#request_type,
#part-2 select#request_type {
    width: 382px;
}

#part-1 input[type="text"],
#part-1 ul.two-col li textarea,
#part-2 input[type="text"],
#part-2 ul.two-col li textarea {
    border: 1px solid #E2E2E2;

}

#part-0 .back {
    margin-left: 116px;
}

#part-0 .submit-order-btn {
    margin-left: 39px;
}

#part-1 input{
    width: 374px;
}

#part-1 ul.two-col li{
    width: 36%;
}
#part-1 .next-btn {
    width: 241px;
}


ul#step3 {
    /*    width: 850px;*/
    width:100%;
}
#step3 select {
    width: 328px; 
    border: 1px solid #E2E2E2;

}

#step3 input {
    width: 320px;
    height: 23px;
}

#step3 input#rush_field {
    width: auto;
    height: auto;
}


/*
ul.two-col li li.inline {
margin-right: 20px;
width: auto;
float: left;
height: 40px;
}
*/

#step3 li.sm {
    width: 78%;
}


div#orders-action {
    float: left;
    left: 10px;
    padding: 10px;
    position: absolute;
    width: auto;
    z-index: 99999;
}
.dataTables_wrapper {position:inherit !important;}
#doact, #orders-tbl_filter label input, .dataTable  .align-center select  { border: 1px solid #c2c2c2;    width: 200px;
    padding: 6px 5px;
    border-radius: 5px;}
  .go-btn {
     background-color: #024d68;
    color: #a9e9ff;
    border: 0px;
    padding: 5px 7px;
    border-radius: 5px;
      font-family: 'Saira', sans-serif;
      cursor: pointer;
    font-size:14px;
}
 #orders-tbl_wrapper .dt-buttons a {
     background-color: #dadada;
    color: #666666;
    border: 1px solid #c2c2c2;
    padding: 1px 7px;
    border-radius: 5px;
      font-family: 'Saira', sans-serif;
      cursor: pointer;
     
    font-size:14px;
}
#orders-tbl_filter label span { font-family: 'Saira', sans-serif; color: #02516e; font-weight: 400; text-transform: capitalize; font-size: 15px;}
#orders-tbl_filter label input{width:300px; }
#orders-tbl_filter span input {padding: 5px 7px; border: 1px solid #78d1f1; cursor: pointer; color: #a4e7ff; background-color: #024d68; border-radius: 5px; }
div#orders-action select {display: inline-block;margin-right: 5px;}
div#orders-action input {display: inline-block;margin-right: 20px;}

div#orders-tbl_filter {   
    padding: 10px 0;   
    position: absolute;
    top: 0px;
    right: 95px;
}

.dataTables_wrapper .dataTables_filter input[type="search"]{width:300px;  color:hsl(192, 100%, 32%);}
#orders-tbl_filter label{font-weight:bold;}
#orderSearch .box {
    text-align: center;
}
ul.status-menu {
    float: none;
    display: inline-block;
    background: #0ec5dc;
    background: -webkit-gradient(linear, left top, right top, from(#0ec5dc), to(#0ea6ce));
    background: linear-gradient(to right, #0ec5dc 0%, #0ea6ce 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0ec5dc', endColorstr='#0ea6ce', GradientType=1);
    width:auto;  border-radius:6px; margin-top:15px;

}

a.status-btn {
    color: #fff;
    font-size:12px;
    font-weight: bold;
    text-decoration: none; display: block; padding:0px 9px;
}
.status-menu > li{padding:0px 0px; float:left; border-right:1px solid #fff; line-height:35px;}

a.status-btn:hover {
    color: #fff;
    text-decoration: none;
}


.status-active-btn{
    color: #fff;
    font-weight: bold;
/*    background: #68aa68; */
    background: #01445c;
    padding:0px 10px; display: block;
    text-decoration: none; 
}
.export-btn a{text-decoration:none;}
#search-orders-btn {display:inline-block;}
.orders-menu-btn{ border:none; color:#fff; margin-top: 15px;  font-weight:bold; text-transform:uppercase; position:relative; 
                 -webkit-appearance:none;    
                 -moz-appearance:none;
                 appearance:none;
                 text-decoration: none;
}


.green-txt a{ 
    background: #82ca00;


}


.status-menu-right {
    float: none;
    text-align: center;
}

.nav {float: none;}
.header .logo {
    background-size: 100% auto;
   
    background-position: center center;
    margin-bottom: 0;
}


.sts-mn{
   /* margin-bottom:5px;
    padding: 8px 0;
    float: left;
    margin-top: -10px;*/
      float: left;

}



.sts-mn-rt{
    padding-top: 27px;
    float: left;


}

.sts-mn-rt ul.filter-sec li .sm {
    width: 50px;
}

.sts-mn-rt ul.filter-sec {
    display: inline-block;
    padding-top: 0;
}

.inner-box{

    width: 70%;
    position: relative;
    float: none;
    margin: 0 auto;
    display: block;
}

section#left {
    width: 33%;
    float: left;
}

section#middle {
    width: 33%;
    float: left;
    margin-top: 20px;
}

section#right {
    width: 33%;
    float: left;
    margin-top: 20px;
}

.three-col {
    margin: 0 auto;
    width: 90%;
    display: block;
}

.three-col li label {
    display: block;
    width: 250px;

}

.three-col select {
    width: 330px !important;
    border:1px solid #E2E2E2;

}


.three-col ul.two-col li.sm{

    width: 333px;
}

.three-col li.inline input{
    width: 320px;
}
#rush_field {width:auto;}

li#shippingAddressBlock {
    width: 100%;
}

#shippingAddressBlock li{
    width: 30% ;
    float: left ;
    margin-top: 10px;
    margin-right: 35px;
}

input#chkNewShip {
    height: 14px;
    display: inline-block;
    margin-top: -1px;
}

#shipping_fields li.sm {

    padding-top: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.customField{display: block; margin-top: 5px;}
.datagrid.products-order .customField input{width:90%}


table.sts-mn-profit {
    float: left;
    display: block;
    position: relative;
    margin-bottom: -10px;
    margin-top: 27px;    
}
table.sts-mn-profit caption{
    text-align:center;
}
div#total-profit {
    display: block;
    top: -9px;
    bottom: 23px;
    position: relative;
    padding-left: 10px;
    color: #539b59;
}

div#total-projected {
    display: block;
    top: -9px;
    bottom: 23px;
    position: relative;
    padding-left: 10px;
    color: #00b5db;
}

div#actual-bill {
    display: block;
    top: -9px;
    bottom: 23px;
    position: relative;
    padding-left: 10px;
    color: #d3000d;
}
.sm-date{    font-size: 10px;    color: grey; }
.rejected-cell .sm-date{    font-size: 10px;  color: white;}
#send-final-form .progress {margin-bottom: 0 !important}
#send-final-form caption, th, td{vertical-align: middle;}
ul.comment-list li{ padding-bottom: 2px; float: none; margin: 0 0 10px; clear: both; width: 100%; text-align: left; border-bottom: 1px solid #ccc;}
ul.comment-list li a { display: block; }


input[type=checkbox].css-checkbox {
    position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
    padding-left:0px;
    height:50px; 
    width:50px; 
    display:inline-block;
    line-height:50px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:0px;
    vertical-align:middle;
    cursor:pointer;

}

input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -50px;
}
label.css-label {
    background-image:url(../images/css-checkbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#table_files td{ text-align:center;}
#table_files_length {    width: 400px;}
#table_files_filter{margin:10px;}
.files-sec {
    overflow: hidden;
}

table.adv-search .export-btn{
    padding-left: 0;
    width: 100%;
}
table.adv-search option{
    padding: 5px;
      white-space: normal;
}
table.adv-search .orders-menu-btn{
    display: inline-block;
    top: 0;
    text-decoration: none;
    cursor: pointer;
}
table.adv-search td{
    padding: 10px 10px 10px 10px;
    vertical-align: top;
}
table.adv-search th{
    padding: 0 10px 10px;
    color: #0082A4;
    font-weight: bold;
}

table.adv-search select{
    width : 100%;
        border-color: #b7b7b7;
    border-radius: 5px;
    min-height: 184px;
}

table.adv-search .button-block
{
    padding: 10px 0 0 0px;
}
.search-table-container{width:98%; margin: 0px auto;}
.search-table-container table
{width:100%;}
.button-devider{margin-bottom: 10px;}
table.adv-search h3{
    padding: 10px 0px 0px;
    color: #01445c;
    font-weight: 500;
    font-size: 18px;
}
table.adv-search input[type="text"]{
    width: 120px;
    margin: 0px 0;
}
table.adv-search {
    float: none;
    margin: 0 auto;
    padding: 0px ;
}

.comment th {
    color: #0082A4;
    font-weight: bold;
    width: 50%;
}

.delbutton {
    color: #0099cc;
    cursor: pointer;
}

#myElem {
    color: red;
    text-align: center;
}


/*tutorials-page*/
.color-blue {color: #0ea8cf !important;}
.tutorials-page {
    background: #f7f7f7;
    padding: 55px 20px;
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.26);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.26);
    overflow: hidden;
}
.tutorials-page h1 {
    font-size: 50px;
    font-family: Calibri,sans-serif;
    line-height: 1.2;
    margin: 0 0 20px;
    font-weight: bold;
}
.tutorials-page p {
    font-size: 17px;
    font-family: Calibri,sans-serif;
    line-height: 1.4;
    margin: 0 0 20px;
    font-weight: bold;
    color: #000;
}
.underline {text-decoration: underline !important;}
.intro-section .container {
    max-width: 1470px;
    margin: 0 auto;
}
.video-section {clear: both;margin-top: 50px;}
.tutorials-page .video-section p {margin-bottom: 25px;}
.video-section .container {
    max-width: 1370px;
    margin: 0 auto;
    overflow: hidden;
}
.video-section .col-4 {width: 41%;float: left;padding-top: 25px;}
.video-section .col-8 {width: 59%;float: left;margin-left: -10px;}
.video-section h2 {
    background: #fff;
    border: none;
     -webkit-box-shadow: inset 0 0 10px rgba(78, 77, 77, 0.46);
    box-shadow: inset 0 0 10px rgba(78, 77, 77, 0.46);
    padding: 17px 20px;
    line-height: 1;
    font-size: 38px;
    font-family: Calibri,sans-serif;
    margin: 0 0 10px;
    font-weight: bold;
    border-radius: 8px;
}
.text-inner {
    padding: 0 80px 0 20px;
}

.video-row {clear: both;padding-bottom: 65px;margin-bottom: 65px;border-bottom: 1px solid #cccccc;}
.video-row.last {padding-bottom: 0;}
.video-row  iframe {
    max-width: 100%;
    width: 100%;
    border: 1px solid #c1c1c1;
}
.clear1:after, .clear1:before {
  content: " ";
  display: table;
}
.clear1:after {
  clear: both;
}

.nav li a#nv14 {
    background: rgba(198, 129, 43, 0.63);
}

.new-menu ul li {
    display: inline-block;
   /* margin-bottom:5px;*/
    
    float: left;
   /* margin-top: -10px; border-right: 1px solid #fff; */
    
   
    
}

.new-menu ul li a.status-btn, .new-menu ul li a.status-active-btn { 
    line-height: 48px;
/*    background: #15a4c6;*/
    padding: 0px 13px;
    font-family: 'Saira', sans-serif; 
    font-weight: 300;
    text-decoration: none !important;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
}
.set-btn  img{display: none;}
.set-btn {
/*    background-color: #4CAF50;*/
/*    color: white;
    padding: 16px;*/
/*    font-size: 16px;
background: linear-gradient(to right, #0ec5dc 0%, #0ea6ce 100%);*/
        padding: 0px 15px;
    line-height: 48px;
    display: inline-block;
    min-height: 48px;
    background-color: #50c050;
    border: none;
    cursor: pointer;
        background-image: url(../images/setting.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 56px;
}
.new-menu > ul > li ul li {
    border-right: 1px solid #abedff;
}
.new-menu ul li:last-child{border-right-width: 0px;}
/* .set-btn:hover, .set-btn:focus {
    background-color: #3e8e41;
}*/


.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
        background-color: #e4e4e4;
    min-width: 260px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    right: 0px;
}

.dropdown-content a {
    color: black;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

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

.new-menu > ul > li:last-child{border-right-width: 0px;}


.dropdown a:hover {background-color: #f1f1f1}



input.clearboth {
    font-size: 12px;
}
.clear{clear:both;}
/* header part start here */
.header{background:#013244; border-bottom: 2px solid #fff;}
.header .top-right {width: 52%; float: right; margin: 0px; min-width: 973px;}
.header .top-right > div  {width: 36%; float: left;margin: 0px; padding:0px !important;}
.header .top-right > div.bottom {width: 24%;} 
.header .top-right > div  a{text-decoration: none; display: block;}
.header .top-right > div  a img {float: left; }
.header .top-right > div.top-new{width: 40.8%;
    float: left;
    margin: 0px;
    padding: 0px !important;
    background: #01445c;
    min-height: 104px;
    border-left: 1px solid #013244;}

.header .top-right > div.top  ul li{    
    clear: both;
    padding: 0px 0px;
    text-align: left;}
.header .top-right > div.top  ul li a{ background: #02516e; color: #b3ebff; line-height: 36px; font-size:14px;font-family: 'Saira', sans-serif; font-weight: 300;
    padding: 8px 0px;}
.header .top-right > div.top  ul li a img {margin-right: 10px;    margin-top: 6px;}
.header .top-right > div.top  ul li a:hover {background: #01445c;}
.header .dashboard, .header .project-status {    width: 46%;
    float: left;
    padding-top: 15px;
    padding-left: 15px;}
.header .top-right > div.top {width:31%;}
.dashboard strong {color: #13b4ed; font-size: 16px;font-family: 'Saira', sans-serif; font-weight: 300;}
.dashboard strong a{color: #13b4ed; font-size: 16px;font-family: 'Saira', sans-serif; font-weight: 300; text-decoration: underline !important; display: inline-block !important;}
.active-pro {color: #fff;  font-size: 13px;font-family: 'Saira', sans-serif; font-weight: 300;}
.active-pro a{margin-left: 8px;color: #fff; font-size: 13px;font-family: 'Saira', sans-serif; font-weight: 300; text-decoration: underline !important; display: inline-block !important;}
.project-status-list {min-width: 120px; line-height: 20px;color: #abde00; font-size: 13px;font-family: 'Saira', sans-serif; font-weight: 300;display: inline-block; float: left;}
.project-status a{     line-height: 20px; display: inline-block; color: #abde00; font-size: 13px;font-family: 'Saira', sans-serif; font-weight: 300;text-decoration: underline !important;}
.header .top-right > div.bottom { background: #013244;          width: 25.7%;
    padding: 15px 0px 15px 15px !important;
}
.user-image {float: left;margin-right: 10px;     height: 40px;   padding-top: 0px; width: 40px;    border-radius: 50%;}
.user-image img{    border-radius: 50%;   width: 40px;
    height: 40px; }
.user-wl {border-bottom: 1px solid #cccccc;    padding-bottom: 6px;
    margin-bottom: 0px;}
.header .bottom .user-details{color: #87dffe; font-size: 12px;}
.header .bottom .user-details .usr, .header .bottom .user-details a  { overflow: hidden;
text-overflow: ellipsis;font-family: 'Saira', sans-serif; font-weight: 100; font-size: 12px; color: #87dffe;}
.header .bottom  h5{ overflow:hidden; 
    white-space:nowrap; 
    text-overflow: ellipsis; line-height: 19px;    margin-top: 3px; margin-left: 5px; font-family: 'Saira', sans-serif; font-weight: 300; font-size: 16px; color: #17c5f6; }
.header .bottom .user-wln{font-size: 16px; float: left;   font-family: 'Saira', sans-serif;
    font-weight: 400;
    color: #17c5f6;}
.user-wlnd {float: left;
    width: 71%;
    word-wrap: break-word;
    text-align: left; }
.bottom > .user-details {padding-top: 5px;padding-bottom: 5px;    padding-left: 8px;}
.bottom > .user-details .user-details  {text-align: left;} 
.new-menu li a, .new-menu li.menu-mang { display: inline-block;line-height: 48px; font-size: 16px;   font-family: 'Saira', sans-serif; font-weight: 400; text-decoration: none;}
.menu-search {min-height: 48px; background-color: #13b4ed;}
.new-menu li:last-child div{line-height: normal;}
.menu-dashboard a, .menu-sup-tra a, .menu-mang { color: #fff !important; padding: 15px; background: #13b4ed;}
.menu-dashboard a:hover {background: rgba(19,180,237,0.6) !important;}
.menu-sup-tra.menu-order-start a:hover, .set-btn:hover {
    background-color:  rgba(80,192,80,0.6) !important;
}
 .menu-search a:hover, .menu-search:hover, .wb-button:hover{background-color: #1295b6;}

.new-menu ul li a.status-btn:hover, .new-menu ul li a.status-active-btn:hover {
     background:  #01445c !important;
}
.menu-sup-tra a, .menu-dashboard a  {
    padding: 0px 30px 0px 60px;
}
.menu-mang {position: relative;}
.menu-mang {
    padding: 0px 60px 0px 30px;
}

.menu-sup-tra, .menu-dashboard, .menu-setting {position: relative; }
.menu-dashboard img,  .menu-sup-tra img{margin-right: 15px;}
.menu-dashboard img{  position: absolute;
    top: 15px;
    left: 18px;}
.menu-sup-tra img {
    position: absolute;
   top: 16px;
    left: 18px;
}
.menu-mang {background: -webkit-linear-gradient(left, #108aa9 , #15a4c6);
   background: -o-linear-gradient(right, #108aa9, #15a4c6);
   background: -moz-linear-gradient(right, #108aa9, #15a4c6);
   background: linear-gradient(to right, #108aa9 , #15a4c6); }
.menu-order-start 
.menu-mang, .menu-search a { display: block;}
.menu-mang img{position: absolute;
    right: 28px;
    top: 15px;}
.menu-search a { background: #13b4ed;}
.menu-search{ max-width: 192px;}
.menu-search a{    color: #fff;
    font-size: 14px;
    line-height: normal;}
.menu-setting-ctn{float: left;
    width: 64%;
    line-height: 20px;
    padding-left: 5%;
    font-size: 14px;
    margin-top: 5px;}
.menu-setting-img {    width: 30%;
    float: left;}
.menu-setting-img img{ 
    
    margin-top: 11px;
    margin-left: 13px;}
/*.new-menu {    border-top: 1px solid #d1f000;}*/
.new-menu > ul > li{border-top: 1px solid  #85cb12;   }
.new-menu > ul > li:last-child, .menu-setting {border-right-width: 0px !important;}
.menu-sml{border-right-width:0px;}
.menu-sup-tra.menu-order-start a{background: #50c050;}
.menu-sup-tra.menu-order-start a img{bottom: 0px;top: inherit;}
.new-menu .dropdown-content a {
    display: block !important;
    border-bottom: 1px solid #cccccc;
    padding-left: 24px;
    cursor: pointer;
    color: #013244;
    font-size: 14px;
    font-family: 'Saira', sans-serif; font-weight: 400;
}
.dropdown-content a:hover {
    color:#13b4ed;
    background: #013244;
    cursor: pointer;
}
.project-status span {color: #abde00; text-decoration: underline; line-height: 20px;}
/* menu search */
/*.menu-rep {border-top:2px solid  #fff !important}*/
.button-devider ul li{width:49%; float:left;}
.menu-rep {width:100%; background: #e1e1e1;}
.srh-text {float: left;width:10%; padding-bottom: 21px;   min-height: 375px;    background: #01445e;}
.menu-rep .srh-text  h4{     font-size: 18px;
    border-bottom: 1px solid #108aa9;
    background:url(../images/search-generate-report.png) no-repeat 15px 22px;
    padding-left: 69px;
    color: #33ccff;
    font-family: 'Saira', sans-serif;
    font-weight: 400;
    line-height: 20px;
    padding-right: 10px;
    padding-bottom: 20px;}
.menu-rep .srh-text p{color:#cccccc;padding-right: 22px; padding-left: 22px; font-size: 14px;font-family: 'Saira', sans-serif;line-height: 21px;
    font-weight: 300;  padding-top:21px;}
.menu-rep .srh-text strong{font-weight: 400; }
.search-table {float: left;    width: 90%;
    background: #e1e1e1;}
.date-range input, .company-search input, .search-order input{ height: 20px;
    padding: 8px 3%;
   color: #666666;
        width: 42% !important;
    border: 1px solid #b7b7b7;
    border-radius: 5px;}
.company-search input {width:94% !important;}
.date-range input::-webkit-input-placeholder, ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #666666;
}
.date-range input::-moz-placeholder, ::-moz-placeholder { /* Firefox 19+ */
  color: #666666;
}
.date-range input:-ms-input-placeholder, :-ms-input-placeholder { /* IE 10+ */
  color: #666666;
}
.date-range input:-moz-placeholder, :-moz-placeholder { /* Firefox 18- */
  color: #666666;
}
.search-order input {
    width:94% !important;
}
.button-block #asearchreset {  float: left;       padding: 15px 0px 15px 0px;
    text-align: center;
    background: url(../images/search-project-icon.png) #02516e no-repeat 94% center;
    border-radius: 0px;
    font-size: 14px;
    font-family: 'Saira', sans-serif;
    font-weight: 300; 
    color: #fff; width: 100%;}
.button-block .export-btn .orders-menu-btn {float: left; margin-right: 5px;
    padding: 15px 0px 15px 0px;
    height: auto;
    min-height: 0px;
    text-align: center;
    background: url(../images/export-icon.png) #108aa9 no-repeat 95% center;
    border-radius: 0px;
    font-size: 14px;
    font-family: 'Saira', sans-serif;
    font-weight: 300; 
    width: 100%;
    line-height: normal;
    color: #fff;
}
.button-block .button-devider  button.rest-btn.orders-menu-btn { float: left;     margin-right: 5px;
    padding: 15px 0px 15px 0px;
    text-align: center;
     height: auto;
    min-height: 0px;
    width: 100%;
    background: url(../images/resultsearch.png) #108aa9 no-repeat 94% center;
    border-radius: 0px;
    font-size: 14px;
     line-height: normal;
    font-family: 'Saira', sans-serif;
    font-weight: 300; 
    color: #fff;}
.button-block #adv-close{ float: left;    padding: 15px 0px 15px 0px;
    text-align: center;height: auto;
    background: url(../images/close.png) #13b4ed no-repeat 93% center;
    border-radius: 0px;
     min-height: 0px;
    font-size: 14px;
    line-height: normal;
    font-family: 'Saira', sans-serif;
    font-weight: 300; 
    color: #fff;
    cursor: pointer;
    margin-left: 5px;width:45%;
}
.pv-view1{     padding-top: 60px;}
#ordercheck {position: relative;}
div#orders-action {position: absolute; top: 0px; left: 10px;}
#orders-tbl_wrapper div.dt-buttons {
    float: right;
    right: 26px;
    position: absolute;
    top: 11px;
}

/*styles start for popup tabs*/

/* Style the tab */
div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 0px solid #ccc;
    border-top: none;
}
/*styles end for popup tabs*/
.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.ui-draggable-handle{
   position: absolute;
z-index: 999;
right: 0px;
width: 100%;
top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    background: #007d96;
   padding-top: 10px;
   padding-bottom: 10px;
}
.ui-dialog, .ui-dialog-content  {padding: 0px !important;}
.datagrid.top-table{background-color: #013244;padding: 5px 20px 15px 20px; border-bottom: 5px solid #00aadd;}
.datagrid.top-table th, .datagrid.top-table th a{color: #fff !important; text-decoration: none; font-size: 14px; text-align: left;font-family: 'Saira', sans-serif; font-weight: 300;}
.datagrid.top-table td, .datagrid.top-table td label{color: #13b4ed; text-decoration: none; font-size: 14px; text-align: left;font-family: 'Saira', sans-serif; font-weight: 300; border-top-width:0px !important;border-bottom-width:0px !important; line-height: normal;}
.w  .products-order table td {border-top-width:0px !important;border-bottom-width:0px !important;}
.datagrid.top-table table 
{border:0px;}
.datagrid.top-table td {padding: 0px 4px;}
.datagrid.top-table table{width: 90%;}
 .ui-widget-content .ui-state-default.ui-dialog-titlebar-close, .ui-widget-header .ui-state-default.ui-dialog-titlebar-close {background: url(../images/box-close.png) no-repeat !important ;}
.ui-widget-header .ui-icon {display: none;}
.w .ui-dialog .ui-dialog-titlebar-close {
    background-size: cover !important;
  position: absolute;
right: 20px;
top: 4px;
width: 39px;
margin: 0px 0 0 0;
padding: 1px;
height: 39px;
border: 0px !important;
height: 28px;
width: 28px;
}
.datagrid.top-table table td select, .w .products-order table td select {font-family: 'Saira', sans-serif;border: 2px solid #0b7da6; border-radius: 2px; font-size: 12px;color: #000;}
..address h1 span span {display: inline-block;}
/*.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.ui-draggable-handle {max-width: 0px !important; padding:0px; border-radius: 0px !important;border-width: 0px;}*/
.w .products-order{background-color: #cccccc;}
.w .products-order table th{color:#013244; font-size: 14px; text-align: left;font-family: 'Saira', sans-serif;}
.w .products-order table td img{border: 2px solid #61bedf;}
.w .products-order table td select, .w .products-order table td  input  {font-family: 'Saira', sans-serif;border: 2px solid #61bedf; border-radius: 2px; font-size: 12px;color: #000;}
.w .products-order table td:nth-child(3) select, .w .products-order table td:nth-child(3) {width:250px !important;}
.track-td input{width: 201px !important;}
.w .products-order table td:first-child {padding-left: 10px;}
.address.third-part{width: 40%;border-right:  1px solid #e9e9e9;
margin-right: 0px;
display: table-cell;
vertical-align: top; float: none; height: 100%;}
.address.last-ctn {width: 30%;
margin-right: 0px;
position: relative;
display: table-cell;
    float: none;
}
.top-sec-section .bill-rush{float: left;width: 40%; }
.right-sec-section{width:60%; float: right; text-align: right;}
.right-sec-section > div {width:21.8%; }
.conte{border-top: 1px solid #fff;}
.ship-address {width: 100%; height: 100%;}
.address.last-ctn .files-sec {
    min-height: 627px;
}
.upload-btn-pop-list{min-height: 79px; position: relative;
width:40%; float: left;}
.files-sec h2{padding-left: 25px;}
.upload-btn-pop-list {margin-right: 20px; margin-top: 20px; margin-bottom: 20px;}
.upload-btn-pop-list > ul.pending_pdfs {padding:0px !important;  margin: 0px !important}
.upload-btn-pop-list > .upload-file {}
.last-ctn{background-color: #e9e9e9;}
.popup-footer {background: #013244;}
.popup-footer img {max-width: 180px;margin: 10px 8px;}
.address.last-ctn .files-sec{min-height: 687px;}
.send-proofs.send-print-btn.view-approve {    background-image: url("../images/icon_ViewApproveProofs.png");
    background-repeat: no-repeat;
    background-position: 18px center;
    width: auto;}
.send-proofs.send-print-btn.share-proofs{background-image: url("../images/Icon_ShareProofs.png");
    background-repeat: no-repeat;
    background-position: 18px center;
    width: auto;}
.send-proofs.send-print-btn.send-final{background-image: url("../images/ICON_Send-Final.png");
    background-repeat: no-repeat;
   background-position: 18px center;
    width: auto;}
.send-proofs.send-print-btn.send-to-print{background-image: url("../images/VectorSmartObject.png");
    margin-right: 0px;
    background-repeat: no-repeat;
    background-position: 18px center;
    width: auto;}
.ship-address label, .project-list li label{font-family: 'Saira', sans-serif; font-size: 16px; font-weight: 500;}
.project-list li label span.pink{font-family:  'Saira', sans-serif; font-size: 16px; color: #cf0a48;}
.ship-address input, .project-list li input, .project-list li textarea {  font-weight: 400; font-family: 'Saira', sans-serif !important;  border: 1px solid #ebebeb !important; font-size: 14px !important;
    border-radius: 1px;
    padding: 5px 10px !important;}
.project-list li select{font-weight: 400;  border: 1px solid #ebebeb !important;
    border-radius: 1px;}
.ship-address select, .project-list li selecet{ height: 32px !important;font-weight: 400;}
#delivery_email {font-weight: 400;}
#date_required::placeholder, #date_required{color: #76d3f5;}
.egty-wdth {width:72% !important; float: left;}
.twny-wdth {width:20% !important; float: left;}
.sm.full-width{padding-top: 10px;}
.upload-file {    width: 90% !important; background: #15a4c6;    position: absolute;
    bottom: 20px; margin: 0px auto; left: 5%;
    }
.upload-file li {width: 100% !important;}
.upload-file li label{      font-family: 'Saira', sans-serif;
    font-size: 16px;
    font-weight: 500;
    width: auto;
    padding-left: 3%;
    width: auto;
    display: block;
    padding-bottom: 8px;
    color: #fff !important;
    /* padding-left: 3%; */
    display: inline-block;
    padding-bottom: 8px;
    color: #7c7c7c;
    float: left;
    margin-right: 10px;}
.upload-file li input{  font-family: 'Saira', sans-serif; font-size: 16px; font-weight: 500;  width: 97%;  padding-left: 3%;
   }
.upload-file li {}
.pending_pdfs {margin-left: 30px;
    margin-top: 30px;}
.pending_pdfs li {    padding-left: 19px;
background: url("../images/Vector-Smart-Object.png") no-repeat left 5px;margin-bottom: 10px;}
.pending_pdfs li a{ color: #013244;  font-family: 'Saira', sans-serif; font-size: 14px; font-weight: 500; text-decoration: underline;}
.update-table { padding: 10px;}
.order-products td:first-child{    padding-left: 0px !important;}
.tr-wdt{width:30%;}
.sty-wdt{width:60%;}
.update-last .files-sec, .ship-lenght .files-sec{
    min-height: 733px !important;
}
.sub-prfs {    background: #00aadd; padding: 0px 15px 0px; position: relative;}
.sub-prfs  .download-btn{    width: 152px;
    position: absolute;
    top: 0px;
    right: 0px;
    padding-left: 45px;
    padding-top: 11px;
    padding-bottom: 11px;
    background: #1089a8 url("../images/download-icon.png") no-repeat 10px 10px;
}
.download-btn .top-brn{ color: #d1f000; font-family: 'Saira', sans-serif; font-weight: 400; font-size: 14px; }
.download-btn .bottom-brn{ color: #ffffff; font-family: 'Saira', sans-serif; font-weight: 400; font-size: 14px; }
.sub-prfs h3 {color: #fff; font-size: 30px; font-family: 'Saira Condensed', sans-serif; font-weight: 600;margin: 0px;}
.sub-prfs h3 span{color: #fff; font-size: 30px; font-family: 'Saira Condensed', sans-serif; font-weight: 300;}
/*button*/
.wb-button{background-color: #15a4c6 !important; padding:13px 20px !important; border:0px !important; text-transform: capitalize;font-family: 'Saira', sans-serif; font-size: 14px !important; cursor: pointer;font-weight: 300; color: #fff !important; margin-bottom: 20px !important;} 
.login-btn.wb-button
{    
    margin-top: 20px;}
.before-login{width:40%; margin: 5% auto 0;   }
#update-proofs-popup .datagrid.top-table {border-bottom-width: 0px;}
.tit h3{background: #00aadd; color: #fff; font-size: 16px; font-family: 'Saira', sans-serif;font-weight: 700; padding-left: 16px; margin-bottom: 0px; }
.forgot-btn {margin-top: 20px;
text-align: left;padding-left: 180px;}
.links a{font-family: 'Saira', sans-serif; font-size: 12px; font-weight: 300;}
body{position: relative;}
.before-login select{font-family: 'Saira', sans-serif;
    font-size: 16px;
    font-weight: 400;
    width: 325px;
    float: left;
    /* background: url(../images/input.jpg) no-repeat left top; */
    margin-right: 10px;
    padding: 6px 5px;
    border: none;
    line-height: 26px;
    height: auto;
    border: 1px solid #c2c2c2; }
.creat-account {padding-bottom: 20px;}
.creat-account .box{margin-bottom:0px !important;}
.creat-account .onecol{padding-bottom: 0px !important}
.creat-account .center {    padding-right: 0px;    padding-left: 176px; text-align: left;}
.before-login label.error {width: 100%; text-align: center;}

.upload-file  img{float: left; margin-left: 15px;}
.upload-file .btn, .upload-file-btn .btn {
  border: 1px solid #000;
  color: #000;
  background: #fff;
  padding: 4px 10px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 400;
    text-transform: capitalize;
    font-family: 'Saira', sans-serif;
        position: absolute;
    top: 14px;
    width: 116px;
}

 .upload-file-btn input[type=file]{
  font-size: 10px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.upload-file input[type=file]{
    font-size: 10px;
position: absolute;
left: 2px;
top: 16px;
opacity: 0;
width: 100%;
padding: 8px 6px;
height: auto;
}
.upload-file li {padding:0px;    min-height: 0px !important;}
.selct-btn label{    float: left;
    display: inline-block !important;
    width: 31%;}
.w .selct-btn select{ border: 2px solid #61bedf !important;font-size: 14px;color: #313131 font-family: 'Saira', sans-serif; font-weight: 400;   width: 50% !important;
    float: left;}
.new-menu {
    max-height: 51px;
    border-bottom: 2px solid #fff;
}
.ui-widget-overlay { -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px); 
background:none;}
.upld-tabs {width: 34%;
display: table-cell;
padding: 0px 2%;
vertical-align: top;}
.tabs-cls{width: 66%;margin-top: 41px;background: #f4f4f4;
display: table-cell;}
#pvpw-proof-thumbs h2, .pvpw-proofs h2, #history h2 {font-family: 'Saira Condensed', sans-serif; font-weight: 600; font-size: 32px; color: #15a4c6;}
.pvpw-proofs h2 p { font-size: 14px;}
.send-email label {font-size: 14px;font-family: 'Saira', sans-serif;  font-weight: 400; color: #313131}
.send-email input, .send-email textarea {border: 1px solid #737373;font-size: 14px;font-family: 'Saira', sans-serif !important;  font-weight: 400; color: #313131; padding:5px 10px;}
.send-email textarea {width:77%;}
.c2 { display: inline-block; height:100px; width:100px; }
.c2 img { width:100%; height: 100%;vertical-align: top; }
.proofs-list li a img{    width: 94%;
    height: 95%;
    padding: 0px !important;
    border-width: 0px !important;
    margin-top: 3%;
}

.pvpw-proofs-disply .proofs-list li > a {height: 148px; margin: 0px auto;
width: 118px;border:2px solid #cccccc; -ms-word-break: break-all;
     word-break: break-all;
     /* Non standard for WebKit */
     word-break: break-word;}
.pvpw-proofs-disply .proofs-list li:hover > a{border:2px solid #108aa9;}


 .proofs-list li .c3 a {color: #cccccc  !important; margin: 0px !important;text-transform: capitalize; font-family: 'Saira', sans-serif; font-size: 12px; font-weight: 400; display: inline-block;}
.proofs-list li .c3 a:first-child{ border-right: 1px solid #cccccc;
padding-right: 5px;
} 
.proofs-list li .c3.lnk_c3  a{ border-right-width: 0px ;
}
.proofs-list li .c3 a:last-child{color:#108aa9 !important}
 .proofs-list li:hover .c3 a {color:#108aa9 !important;}
.tabs-cls .tab button{position: relative; color: #fff; font-family: 'Saira', sans-serif; font-size: 14px; font-weight: 300; width: 33.33%;}
.tabs-cls .tab button:first-child{width: 33.2%; padding-left: 6%;
margin-right: 1px;background: #15a4c6 url(../images/popup-approve.png) no-repeat 25px center ;}
.tabs-cls .tab button:nth-child(2){width: 40.2%;
margin-right: 1px;
background: #15a4c6 url(../images/popup-share.png) no-repeat 25px center;
padding-left: 6%;}
.tabs-cls .tab button:last-child{background: #15a4c6 url(../images/popup-send.png) no-repeat 32px center ;width: 26.2%; padding-left: 6%;}

.tabs-cls .tab button:hover, .tabs-cls .tab button.active{background-color: #013244;}
.tabs-cls .tab {border-width:0px;padding-top: 41px;
background: #fff;}
.tabs-cls .tab button span {background: url(../images/corner.png) no-repeat transparent;
    background-size: auto auto;
width: 20px;
height: 20px;
position: absolute;
display: inline-block;
top: 0px;
left: 0px;
background-size: 100% auto;}
#approve .pvpw-proofs h2, #emailTemplate .pvpw-proofs h2, #history h2 { font-size: 18px; font-weight: 700; float:none; }
#history h2  p{font-size: 20px;}
#approve .pvpw-proofs  p{ color: #108aa9; font-family: 'Saira', sans-serif; font-size: 14px; font-weight: 400;}
.upload-files .upload-file, .upload-file-btn {
    top: 0px;
    background: transparent;
    right: 0px;
    left: inherit;
    width: auto !important;
    bottom: inherit;
    
}
.pvpw-proofs .upload-files {position: relative; clear: none;}
.pvpw-proofs .upload-files .upload-file button, .pvpw-proofs .upload-files .upload-file-btn button{    background: #e3e3e3; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#e3e3e3, #f7f7f7); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e3e3e3, #f7f7f7); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e3e3e3, #f7f7f7); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e3e3e3, #f7f7f7); /* Standard syntax */}
.containers {
 display: block;
position: relative;
padding-left: 24px;
margin-bottom: 12px;
cursor: pointer;
font-size: 14px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #313131;
}
#update-proofs label, .pvpw-proofs label { font-size: 14px; color: #313131; font-family: 'Saira', sans-serif;font-weight: 400; }
.lnk-prfs.pvpw-proofs label {display: block; margin-bottom: 5px;}
/* Hide the browser's default checkbox */
.containers input {
    position: absolute;
    opacity: 0;
}
/* Create a custom checkbox */
.containers .checkmark {
    position: absolute;
    top: 1px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border: 1px solid #313131;
    border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.containers:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containers input:checked ~ .checkmark {
    background-color: #15a4c6;
}

/* Create the checkmark/indicator (hidden when not checked) */
.containers .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.containers input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.containers .checkmark:after {
  left: 5px;
top: 1px;
width: 3px;
height: 8px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.notify {float: left}
.check-box { padding-top: 15px;
padding-left: 23px;}
.containerr {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.containerr input {
    position: absolute;
    opacity: 0;
}

/* Create a custom radio button */
.containerr .checkmark {
  position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background-color: #eee;
border-radius: 50%;
border: 1px solid #dcdcdc;
    
}
.order-request .upload-container li {margin-bottom: 11px;}
/* On mouse-over, add a grey background color */
.containerr:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.containerr input:checked ~ .checkmark {
    background-color: rgba(150,195,242, 1);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.containerr .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.containerr input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.containerr .checkmark:after {
 top: 2px;
left: 2px;
width: 14px;
height: 14px;
border-radius: 50%;
background: white;
border: 1px solid #8bb8e7;
}
.btn-rds .sts{width:28%; float: left;}
.btn-rds  .ctn-rads{width:72%; float: left;}
#update-proofs {padding-top:20px;}
.upload-files .upload-file .btn, .upload-file-btn .btn, .upload-file-btn .btn {right: 0px;}
.upload-files .upload-file input, .upload-file-btn input{right: 0px; right: 2px;
left: inherit !important;height: 30px;
margin-left: 0px;
width: 116px; cursor: pointer;}
.inputFile{ top:19px !important;}
.lnk-prfs #prfLink  {margin-bottom:10px;border: 1px solid #000;}
.dsc-txtarea, .lnk-prfs.pvpw-proofs textarea{border:1px solid #737373;font-family: 'Saira', sans-serif; padding:6px;}
.lnk-prfs.pvpw-proofs textarea {margin: 5px 0px 10px; width:95%;}
p.optional-text { color: #15a4c6; padding-bottom: 10px;}
#history table th {font-family: 'Saira', sans-serif; color: #15a4c6; font-size: 14px; font-weight: 600;}
#history table td{font-family: 'Saira', sans-serif;  font-size: 14px; font-weight: 400;}
.inner-full-width {width:98%; margin:20px auto;}
.tit h3 a{ color: #fff; }
.inner-full-width  table.summary{width: 98%;
margin: 10px auto;}
.pagination{padding-left:20px;}
.files-list label {width:19%;float: left;}
.files-list > div{width:77%;padding-left: 1%; float: left;}
.or-text {
    clear: both;
    text-align: center;
    padding-top: 10px;
}
.add-lnk {display: block;
clear: both;}
.add-lnk  input {float: left;
width: 65%;
vertical-align: middle;
margin: 15px 0px;}
.add-lnk  .upld-btn {float: left;
margin-top: 0px;
width: 32%;
}
.add-lnk  .upld-btn h2{margin: 0px;
padding: 0px;}
.upload-btn-ctn {width: 110px;
position: absolute;
top: 0px;
right: 22px;
clear: both;}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable{max-width:1300px !important; top:0.5% ;}
.w.titleClass.titleClas .titleClase{top:1% ;}
.addDetails, .template-headers{ width:100%; margin:0px auto !important; background-color: #f9f9f9; }
.addDetails .box{width: 98% !important;
padding: 8px 2% !important;}

.addDetails .label{width:250px;}
.addDetails, .template-headers{ padding-top: 20px;}
.addDetails .tit, .template-headers .tit {margin: 20px 0px 0px !important;background-image:none !important; background-color:#efefef !important; border-top: 1px solid #c0c0c0;  border-bottom: 1px solid #c0c0c0;}
.addDetails .tit h3, .template-headers .tit h3{background-image: url("../images/add-new-company.png") !important;
background-color: transparent !important;
background-repeat: no-repeat;
background-position: 0px top;
width: auto;
min-height: 65px;
padding: 0px 0px 0px 120px;
line-height: 65px;
margin: 0px 50px;
color: #108aa9;
font-size: 32px;
font-family: 'Saira Extra Condensed', sans-serif;
font-weight: 600;}
.dark-blue {color:#013244;}
.main-area .content-area  .addDetails .box, .main-area .content-area   .template-headers .box{-webkit-box-shadow: 0 0 0px #ccc inset;
box-shadow: 0 0 0px #ccc inset;}
.step-title h3 {font-size: 32px;
font-family: 'Saira Extra Condensed', sans-serif;
font-weight: 600;color: #15a4c6;margin-bottom: 0px;
padding: 4px 0px;}
.step-number {display: inline-block;
background-color: #15a4c6;
height: 40px;
width: 40px;
border-radius: 50%;
color: #fff;
text-align: center;
padding: 0px 0px;
line-height: 43px;} 
.step-title {margin-left: 59px; border-bottom: 1px solid #cccccc;}
.step-content-form{max-width: 1330px;}
.step-content-form .left-step {width:70%;}
.step-content-form .left-step  li > label, .step-content-form .left-step li .step-inner-left label, .template-headers ul li label{width:40%; color: #01445c;font-family: 'Saira Condensed', sans-serif;  font-size: 22px; font-weight: 600;}
.step-content-form .left-step li input, .template-headers ul li input{border-color: #c1c1c1;
padding: 3px 15px;
border-radius: 5px;
font-family: 'Saira Semi Condensed', sans-serif;
color: #0f8dab;
font-size: 16px; float: left;
margin-top: 0px;width: 50%;
 box-shadow:inset 0 5px 10px #f0f0f0;
    -moz-box-shadow:inset 0 5px 10px #f0f0f0;
    -webkit-box-shadow:inset 0 5px 10px #f0f0f0;}
.step-inner-right > input {float: left;}
.step-content-form .left-step li ul li input{width: 88%;}
.step-content-form .left-step li ul li select{width: 94%;}
.step-content-form .left-step  ul li select {width: 53.5%;}
.step-content-form .left-step ::-moz-placeholder, .step-content-form .left-step option:first-child {
    color: #0f8dab;
    font-family: 'Saira Semi Condensed', sans-serif;
}
.step-content-form .left-step input[type="text"]{text-transform: capitalize;}
.step-content-form .left-step  li{margin-top: 10px !important;}
.step-content-form .left-step li ul {
    width: 57%;
    float: left;
}
.step-content-form .left-step  li .radio ul{width: 79%; float: left;}
.step-content-form  li select {
    height: 33px;
   width: 346px;
padding: 1px 15px;
font-size: 16px;
    margin-top: 3px;
  color: #0f8dab;
    font-family: 'Saira Semi Condensed', sans-serif;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
    
border-radius: 4px;
 box-shadow:inset 0 5px 10px #f0f0f0;
    -moz-box-shadow:inset 0 5px 10px #f0f0f0;
    -webkit-box-shadow:inset 0 5px 10px #f0f0f0;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
     -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Some browsers will not display the caret when using calc, so we put the fallback first */ 
  background: url("../images/select-arrow.png") #fff  no-repeat center right !important; /* !important used for overriding all other customisations */
  background: url("../images/select-arrow.png") #fff  no-repeat center right !important; /* Better placement regardless of input width */

}
.step-content-form   li select::after {  content: " ";/* Some browsers will not display the caret when using calc, so we put the fallback first */ 
  background: url("../images/select-arrow.png") #fff  no-repeat center right !important; /* !important used for overriding all other customisations */
  background: url("../images/select-arrow.png") #fff  no-repeat center right !important; /* Better placement regardless of input width */
    padding: 1px 15px;width:20px;
}
.step-content-form textarea{ box-shadow:inset 0 5px 10px #f0f0f0;
    -moz-box-shadow:inset 0 5px 10px #f0f0f0;
    -webkit-box-shadow:inset 0 5px 10px #f0f0f0;border: 1px solid #ccc;  color: #0f8dab;
    font-family: 'Saira Semi Condensed', sans-serif;padding: 10px 15px;font-size: 16px;border-radius: 4px;}
.addDetails .step-top-text{max-width: 693px;margin-left: 170px;
margin-top: 20px; font-size: 20px; font-family: 'Saira Condensed', sans-serif;font-weight: 600;color: #01445c;}
.addDetails .step-top-text-full{max-width: 1020px;margin-left: 170px;margin-bottom:40px; 
margin-top: 20px; font-size: 20px; font-family: 'Saira Condensed', sans-serif;font-weight: 600;color: #01445c;}
.step-inner-divid-ctn li .step-inner-left{width:40%; float: left;padding-right: 2%;min-height: 10px;position: relative;
text-align: right;}
.step-inner-divid-ctn .step-inner-left label{text-align: right;width: 100% !important; display: block}
.step-inner-divid-ctn li .step-inner-right {float: left;
width: 57%;}
.step-inner-divid-ctn .step-inner-left a{color: #15a4c6; font-size: 16px; font-family: 'Saira Condensed', sans-serif;font-weight: 400;position: absolute;
width: 100%;
right: 18px;
top: -25px;}
.textarea-note{   font-family: 'Saira', sans-serif;
color: #999999;
font-size: 11px;
display: block;
padding-bottom:100px;}
.field_wrapper.step-inner-right{margin-bottom: 90px;}
.steps-text-filed {}
.stpone .left-step{border-right: 1px solid #ccc; margin:40px 0px}
#uploadCompanyFile, .upload-right-file-list{position: absolute;
top: 238px;
left:1020px;
width: 30%;}
.upload-container{max-width:500px;}
.tit-blue{
color: #fff;
font-family: 'Saira', sans-serif;
font-size: 14px;
min-width: 400px;
padding-left: 51px;
background: url(../images/icon_uploadfiles.png) #15a4c6 no-repeat 12px center;}
.tit-blue {margin-bottom: 15px;}
.tit-blue h3{  font-family: 'Saira', sans-serif;font-size: 14px; color: #fff; font-weight: 400}
.upld-btn{text-align: right;margin-top: 20px;}
.upld-btn input {float: none;}
p.textarea-note{padding-bottom: 0px;}
.addDetails .submit-btn, .template-headers .submit-btn{background: url("../images/submit-arrow.png") no-repeat #50c050 96% center !important;padding-right: 41px !important;padding-top: 0px !important;padding-bottom: 0px !important;
line-height: 40px !important;
min-height: 40px;
padding-left: 17px !important;}
#uploadCompanyFile li, .upload-right-file-list li
{margin: 10px 0px;}
.step-divder {min-height: 20px;
border-bottom: 1px dashed #ccc;
max-width: 1330px;
margin-bottom: 40px;
margin-top: 30px;}

.step-inner-right input[type="checkbox"] {
   opacity: 0;
z-index: -1;
width: 0;
margin: 0px;
padding: 0px;
height: 0px;
border-radius: 0px;
overflow: hidden;
position: absolute;
}
 
.step-inner-right input[type="checkbox"] + label {
    border: 1px solid #fff;
    background: transparent url(../images/check-box.png) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
    background-position: 0% 0;    
    transition: 0.4s ease background;
    -moz-transition: 0.4s ease background;
    -webkit-transition: 0.4s ease background;
    font-size: 22px; font-family: 'Saira Condensed', sans-serif;font-weight: 400;
}
.step-inner-right input[type="checkbox"]:checked + label {
   background-image: url(../images/check-box-arrow.png);
}
.step-inner-right input[type="checkbox"] + label {
    width: 160px;
    height: 40px;
    display: block;
    position: relative;
    margin: auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    
    overflow: hidden;
    border: 0px solid #fff;
    cursor: pointer;
    background-image: url(../images/check-box.png);
    background-repeat: no-repeat;
    text-align: right;
    font-weight: 600;
 
}
.step-radio-btn { float: left; width:200px;}
.remove_button {background: url("../images/box-close.png") no-repeat;
    background-size: auto auto;
margin-top: 5px;
height: 30px;
width: 30px;
display: inline-block;
background-size: 25px 25px;
text-indent: -99999px;}
.add-fileds-js {margin-top:10px;}
.onecol ul li:last-child {margin-top: 45px;}
.onecol ul ul li:last-child {margin-top: 0px;}
/* header part end here */

.ui-widget-overlay.ui-front {opacity: 0px !important;}
.titleClass, .titleClase{ }
#sendform-proofs-popup .top-table{border-bottom-width: 0px;}
#update-proofs-popup {min-height: 500px !important;}

.register-links{margin-top: 0px !important;
margin-bottom: 16px;}
.products-order{padding:10px;}

#advreset-btn, #asearchreset, .export-btn a  {
    margin-top: 0px;
}
#printTemplate h2 {padding-top:35px;}
#printTemplate .pvpw-proofs  {padding-right: 0px; padding-bottom: 0px; } .ui-dialog-content {padding-top: 42px !important;}
.popup-innerpopcontent{border-top: 5px solid #00aadd;}
.innerpop-ctn label{ color: #7c7c7c;display: block; font-size: 12px;font-family: 'Saira', sans-serif;

font-weight: 500; text-align: left;float: none !important;}
.innerpop-ctn textarea, .innerpop-ctn input{font-weight: 400;font-family: 'Saira', sans-serif !important;border-radius: 0px;
padding: 5px 10px !important; font-size:12px !important;
border: 1px solid #ebebeb !important;}
.innerpop-ctn{width: 80%;
margin: 20px auto; }
 .innerpop-ctn input[type="button"], .innerpop-ctn input[type="submit"]{  float: none;font-family: 'Saira', sans-serif !important; margin-top: 9px; margin-right: 10px; background-image: none !important; padding-right: 20px; color:#fff !important;} 
#email-body-data #printSend-btns {margin-left: 0px; }
#email-body-data #printSend-btns, .nxt-cnt {text-align: center;}
.nxt-ctn label{ width: 100%;
    display: block;}
#email-body-data #printSend-btns label {float: none !important;width: auto; padding-right: 0px !important;}
#email-body-data #printSend-btns #printSend{ float: none;}
#print-tables li {list-style: none;}
#print-tables ul{padding-left: 0px;}
#updateproofs h4{color:#013244; font-family: 'Saira', sans-serif !important; font-weight: 700; font-size: 18px;margin-top: 0px;
padding-top: 0px; }
#updateproofs h4 span{ font-weight: 400; color: #108aa9; }
#uploadproofs .pvpw-proofs .inputFile{width: 100px;}
#uploadproofs .upload-file-btn .btn {top: 15px;}
.proofs-ctn-list{max-height: 210px;
margin: 15px 0px 0px;
overflow: auto; overflow-x: hidden}
#pvpw-proof-thumbs {border-bottom: 1px solid #cccccc; padding-bottom: 15px;}
#submitComment {margin-left: 220px;}

a.img-sel.sel-img, .active-img-sel > a {
    border: 2px solid #108aa9 !important;
}

.ctn-rads input[type=radio]:checked ~ .check {
  border: 2px solid #15a4c6;
}

.ctn-rads  input[type=radio]:checked ~ .check::before{
  background: #15a4c6;
}

.ctn-rads  input[type=radio]:checked ~ label{
  color: #15a4c6;
}
.ctn-rads  ul{
  list-style: none;
  margin: 0;
  padding: 0;
	overflow: auto;
    margin-left: 10px;
}

.ctn-rads  ul li{
  color: #AAAAAA;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 33px;
	
}

.ctn-rads  ul li input[type=radio]{
  position: absolute;
  visibility: hidden;
}

.ctn-rads  ul li label{
 display: block;
position: relative;
font-weight: 300;
font-size: 1.35em;
padding: 0px 25px 0px 35px;
margin: 0px auto;
height: 20px;
z-index: 9;
cursor: pointer;
-webkit-transition: all 0.25s linear;
}

.ctn-rads  ul li:hover label{
	color: #FFFFFF;
}

.ctn-rads  ul li .check{
  display: block;
position: absolute;
border: 2px solid #AAAAAA;
border-radius: 100%;
height: 16px;
width: 16px;
top: 3px;
left: 0px;
z-index: 5;
transition: border .25s linear;
    background-color: #eee;
-webkit-transition: border .25s linear;
}

.ctn-rads  ul li:hover .check {
  border: 2px solid #15a4c6 ;
}

.ctn-rads ul li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
   height: 8px;
width: 8px;
    top: 4px;
    left: 4px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

.table-data-tabs {
	position:relative;
	max-width:800px;
	margin:auto;
	overflow:hidden;	
}
.table-scroll-pop {
	width:100%;
	overflow:auto;
    height: 100%;
    max-height: 400px;
}
.table-data-tabs table {
	width:100%;
	margin:auto;
	border-collapse:separate;
	border-spacing:0;
}
.table-data-tabs  th, .table-data-tabs td {
	padding:5px 10px;	
	white-space:nowrap;
	vertical-align:top;
}
.cutm-edit {margin-bottom: 15px;}
.cutm-edit:first-child .step-inner-left label{display: block;}
.cutm-edit.text-edit-area .step-inner-left  label {display: block;}
.list_com_files {
   margin-top: 27px;
max-height: 100px;
overflow: auto;
}
.addDetails.adding-user-details .logo-agency .filename{padding-left: 100px;}
.list_com_files li{ background:url(../images/Vector-Smart-Object.png) no-repeat left center; padding-left:20px; margin-bottom: 10px;}
.filename{display: inline-block;

padding-left: 87px;
text-align: left;
text-transform: capitalize; padding-right: 20px;   text-overflow: ellipsis;
  overflow: hidden; 
  width: 160px; 
  
  white-space: nowrap;}
span.filename{height: 21px;
position: relative;
top: 3px;}
.upload-container li input[type="file"] {
    height: 0px; width:0px;}
.upload-container li input{
    margin-left: 10px; font-size: 14px; color:#696a69;font-family: 'Saira', sans-serif;}
.upload-container li span{color:#696a69; font-size: 14px;font-family: 'Saira', sans-serif;}
.upload-container li{
    position: relative;
}
.upload-container li:first-child input { margin-left: 13px;}
.upload-container li label {
  border: 1px solid #c8c8c8;

color: #000;
border-radius: 5px;
padding: 5px 10px;
position: absolute;
left:44px;
background: #fff;
top: -2px;
}
.upload-container li button {border: 1px solid #c8c8c8;
padding: 3px 15px;
color: #000;
border-radius: 5px;
text-transform: capitalize; background-color:#fff;}
.step-top-text p{margin: 10px 0px 20px;}
.step-top-text {margin-bottom: 50px;}
 
.addDetails .box {margin-bottom: 0px !important;}
.content-area{padding-bottom: 0px !important}
.addDetails .tit .rlink, .template-headers .tit .rlink{color: #013244;font-family: 'Saira Extra Condensed', sans-serif; font-size:28px;}
.main-area .content-area .addDetails .box, .main-area .content-area   .template-headers .box {background: #f9f9f9 !important;}
.adding-user-details .tit h3 {background-image: url("../images/add-user-icon.png") !important;}
.second-list-user li input{width:50% !important;}
.second-list-user li select{width:53.5% !important;}
.second-list-user ul{width:100% !important;}
label.error {font-size: 16px!important;color: #FF4136!important;}
.edit-user.adding-user-details .tit h3 {
    background-image: url("../images/edit-user-icon.png") !important;
} 
.user-list-ctn .addDetails .tit h3 { background-image: url("../images/users-list-icon.png") !important;}
.user-list-ctn .box,  .main-area .content-area   .template-headers .box{padding: 0px 2% !important; width:96% !important }
.user-list-ctn .box table th:last-child, .user-list-ctn .box table td:last-child {width:100px !important}
.user-list-ctn .box table th, .template-headers  table th {font-family: 'Saira', sans-serif;font-weight: 600; font-size: 14px;}
.user-list-ctn .box table td, .main-area .content-area .template-headers .box table td{font-family: 'Saira', sans-serif;font-weight: 400; font-size: 12px; color: #666666;}
.user-list-ctn .box table td a{font-family: 'Saira Semi Condensed', sans-serif;font-weight: 500; font-size: 12px;}
.user-list-ctn .addDetails, .template-headers{min-height:650px;}
.company-list-ctn .addDetails .tit h3 {
    background-image: url("../images/circle-back.png") !important;
} 
.addDetails.edit-company .tit h3 {
    background-image: url("../images/edit-icon.png") !important;
} 
.template-headers .tit h3 {
    background-image: none !important;
    padding-left:0px !important;
    margin: 0px 41px !important;
}
ul li ul li .select-label {width: 94% !important; text-align: left;}
.select-label {width:53.5% !important;}
.select-label select{width:100% !important; margin-top: 0px !important}
 /*  label.select-label::after
            {
                content                 : " ";
                position                : absolute;
                top                     : 0;
                right                   : 0;
                bottom                  : 0;
                width                   : 32px;
                line-height             : normal;
                vertical-align          : middle;
                text-align              : center;
                background-color              : #000099;
                color                   : #fefefe;
               -moz-border-radius       : 0 6px 6px 0;
               -webkit-border-radius    : 0 6px 6px 0;
                border-radius           : 0 6px 6px 0;
                pointer-events          : none;
                background-image: url(../images/select-arrow.png);
            }
/*label.select-label{ position: relative; display: inline-block;height: 33px; line-height: normal !important; } */
.edit_com {font-weight: 400 !important;
color: #02a6cb !important;
text-align: left !important;}
.second-list-user ul li .select-label {
    width: 53.5% !important;
}
.second-list-user ul li:first-child {margin-top: 0px !important;}
.second-list-user ul li select {
    width: 100% !important;
}
.stpone .step-content-form {min-height: 500px;}
.addDetails.adding-user-details .stpone .step-content-form {
    min-height: 680px;
}
#addcompanyForm .logo-agency.upload-container{bottom: 10%;}
#addcompanyForm .stpone .step-content-form, #addcompanyForm .stpone .step-content-form {min-height: 700px;}
.admin-qust .step-content-form .left-step {width:100%;}
.admin-qust .step-content-form{background-color: #f2f2f2; padding: 0px 0px; border-top:1px dashed #ccc; border-bottom: 1px dashed #ccc;
 margin-top: 12px;}
.admin-qust {margin-bottom: 50px;}
.admin-qust .step-content-form .left-step li  label {
    margin-top: 0px;
    width: 45%; position: relative; top:5px;}
.admin-qust  .select-label {
    width: 38.5% !important;
}
.admin-qust .step-content-form .left-step li  label img{margin-right: 5px;    position: relative;
    top: -5px;}
.admin-qust .step-content-form .left-step li .step-inner-left label span{ position: relative;
top: -16px;}
.full-step-order .step-content-form .left-step li > label{width: 26%;}
.full-step-order .step-content-form .left-step ul li select {
       width: 33.5%;
    float: left;
}
.full-step-order .side-inputs{   width: 39.5%;
    float: right;}
.full-step-order .side-inputs select{    float: left;
       width: 52% !important;
    margin-right: 20px;
margin-left: 20px;}
.full-step-order .side-inputs  span {   width: 40%;
    float: right;}
.full-step-order .side-inputs  span input{    width: 84%;
    margin: 0px;}
.full-step-order .step-content-form .left-step {width:100%;}
.order-note-add {max-width:430px; margin-top: 20px;   margin-bottom: 20px; margin-left:155px;}
.order-note-add p{margin-top: 10px;}
.order-note-add a{font-family: 'Saira Condensed', sans-serif; font-weight: 500; font-size: 18px; color: #15a4c6; text-transform: uppercase;}
.darkblue-btn {      font-size: 14px;
    color: #fff;
    background: #02516e;
 
    border: 0px;
    cursor: pointer;
  
    background-repeat: no-repeat;
    background-position: 91% center;
    text-transform: uppercase;}
.next-btns {  background-image: url(../images/search-project-icon.png);    background-position: 91% center; display: inline-block; margin-bottom: 10px;   padding: 15px 35px 15px 25px;}
.back-btns {  background-image: url(../images/search-project-icon-right.png);    background-position: 10% center;display: inline-block; margin-bottom: 10px;   padding: 15px 25px  15px  35px;}
.left-ctn{width:50%; float:left; text-align: left; display: inline-block;}
.right-ctn{width:50%; float:right;text-align: right; display: inline-block;}
.order-next-btn { padding-left: 58px;    text-align: right;
    margin: 30px 0px 0px;}
.submit-btn .full-step-order{text-transform: uppercase;}
.view-visual{display: none;}
.inner-step-title.step-title {border-width: 0px;     margin-top: 20px;  margin-bottom: 20px;
    margin-left: 95px;}
.inner-step-title.step-title img {position: relative; top: 5px;
    margin-right: 10px;}
.inner-step-ctn {}
.left-step.inner-steps-w{width:100%;}
.left-inner-step-ctn.left-step{float: left;
    width: 65%;
    border-right: 1px solid #cccccc;
}
.right-inner-step-ctn{    float: left; padding-left:25px;    width: 32%;}

.inner-step-ctn .onecol{padding-top:0px;}
.right-inner-step-ctn .upload-container {margin-top:15px;}
.textarea-inner label{width:24% !important;}
.textarea-inner li > div{float: left; width:74%;}
.textarea-inner li > div textarea{    width: 97%;}
.newOrderStepthree li .step-inner-left label {width: 26% !important;}

.full-step-order .step-content-form .left-step .product_wrapper  ul li select {width: 32.5%;}
#shippingAddressBlock .step-inner-right .step-radio-btn{     width: 422px;}
.add_product-form .step-inner-left{    width: 26.5%;
    float: left;
    height: 1px;}
.newOrderStepthree .step-inner-left label{width:25% !important;}
.product_wrapper ul li {min-height: 47px;}
select { white-space: normal;   
    overflow: hidden;
    text-overflow: ellipsis;    padding-right: 35px !important; }
.order-value{ white-space:nowrap;   
    overflow: hidden;
    text-overflow: ellipsis; max-width: 678px;
    display: inline-block;
    position: relative;
    top: 16px;}

.newOrderStepthree .step-inner-right .step-radio-btn {width: 450px;}
.newOrderStepthree .step-inner-right .step-radio-btn label{ font-size: 18px;    width: 100%;
   
    text-align: left;
    padding-left: 44px;
    padding-top: 5px;
    color: #0f8dab;border-radius: 5px;
font-family: 'Saira Semi Condensed', sans-serif;}
.newOrderSteptwo .step-content-form{padding-bottom: 80px;}
.order-request {min-height: 750px; }
#shippingAddressBlock .onecol#shipping_fields li {width:47% !important;    min-height: 40px;}
.left-step.buttons-bottom{width:100% !important;}
.order-request  #step3 select {    width: 352px;}
#shippingAddressBlock span.dark-blue {
    font-size: 22px;
    /* margin-bottom: 20px; */
}
.tit form {width:40%; float: right; position: relative;}
.tit form .left-step  {width:100%;margin-top: 0px;}
.tit form .left-step ul {padding:0px !important}
.tit form .left-step ul li {margin-top: 0px !important;}
.tit form .left-step ul li label{    margin-top: 24px;}
.tit form .left-step ul li select {position: absolute; top:17px;}
.step-content-form .left-step .onecol li li input {width:88%;}
.order-request .left-step .onecol.label-error li {padding-bottom: 20px;position: relative;}
.order-request .left-step .onecol.label-error li label.error {
    position: absolute;
    bottom: 4px;
    left: 20%;
}
#shipping_fields li {position: relative; padding-bottom: 15px;}
#shipping_fields li label.error {position: absolute;
bottom: -4px;
left: 27%;}
#loginForm .msgs {width: 100%;
float: none;top: 20px;
left: 0% !important;font-family: 'Saira', sans-serif; font-weight: 700;}
.adding-user-details .select-label input{width:94% !important;}
.adding-user-details .select-label {position: relative;padding-bottom: 20px;}

.adding-user-details .select-label label.error {position: absolute;
left: 7px;
bottom: -5px;
text-align: left;}
.ctn-rads label.error{position: absolute;
bottom: 8px;
left: 4px;
letter-spacing: 0.4px;
width: 100%;
text-align: left !important;
padding: 0px;}
.adding-user-details .ctn-rads .radio li{padding-bottom: 10px;
position: relative;}
.template-headers > .msgs{top: 10px;
left: 00% !important; width: 100%;
float: none; font-family: 'Saira', sans-serif; font-weight: 700;}
.template-headers  .no-user td {padding: 40px 0px;}
.template-headers  .no-user td font{font-family: 'Saira', sans-serif; font-weight: 700; font-size: 16px;}
.logo-agency.upload-container li label{left: 141px;} 
.logo-agency.upload-container{position: absolute;
left: 988px;
bottom: 0px; max-width:420px;}

.stpone {position: relative;}
.img-logo {max-height: 70px;margin-top: 20px;}
.img-logo img {width: auto; max-width: 269px; max-height: 70px;}
.logo img{max-width: 269px;max-height: 70px;}
@media (min-width:1801px) and (max-width:1901px)
{.menu-search {
    max-width: 173px;
}
    .new-menu li a{font-size: 16px;}
    .menu-mang img {
    position: absolute;
    right: 17px;
    top: 15px;
}
    .menu-mang {
    padding: 0px 51px 0px 19px;
}
    .menu-sup-tra a, .menu-dashboard a {
    padding: 0px 21px 0px 53px;
}
    .menu-setting-ctn {font-size: 14px;    margin-top: 8px;    line-height: 16px;}
    .new-menu ul li a.status-btn, .new-menu ul li a.status-active-btn {font-size: 14px; padding: 0px 10px;}
}
@media (min-width:1601px) and (max-width:1901px)
{.button-block > a.orders-menu-btn{      font-size: 14px;  padding: 15px 0px 15px 0px;background: url(../images/resultsearch.png) #108aa9 no-repeat 95% center;background-size: 15px 15px;}
    .button-block .export-btn .orders-menu-btn{    padding: 15px 0px 15px 0px;       font-size: 14px; background: url(../images/export-icon.png) #108aa9 no-repeat 95% center;    background-size: 15px 15px;}
    .button-block #adv-close{    padding: 15px 0px 15px 0px; background: url(../images/close.png) #13b4ed no-repeat 91% center;    font-size: 14px;   background-size: 12px 12px;}
    .button-block #asearchreset{    padding: 15px 0px 15px 0px;    font-size: 14px;    background: url(../images/search-project-icon.png) #02516e no-repeat 94% center;    background-size: 12px 12px;}}
@media (min-width:1601px) and (max-width:1800px)
    
{
    #uploadCompanyFile, .upload-right-file-list {right: 9%;}
    .menu-rep .srh-text h4 {
        font-size: 15px;}
    table.adv-search h3 {font-size: 14px;}
    .button-block > a.orders-menu-btn{      font-size: 14px;  padding: 15px 0px 15px 0px;background: url(../images/resultsearch.png) #108aa9 no-repeat 109px center;background-size: 15px 15px;}
    .button-block .export-btn .orders-menu-btn{    padding: 15px 0px 15px 0px;       font-size: 12px; background: url(../images/export-icon.png) #108aa9 no-repeat 94% center; width: 100%;    background-size: 15px 15px;}
    .button-block #adv-close{    padding: 15px 0px 15px 0px; width: 45%; background: url(../images/close.png) #13b4ed no-repeat 90% center;    font-size: 14px;   background-size: 12px 12px;}
    .button-block #asearchreset{    padding: 15px 0px 15px 0px;    font-size: 12px; width:100%;   background: url(../images/search-project-icon.png) #02516e no-repeat 95% center;    background-size: 12px 12px;}
    .new-menu ul li:last-child {margin-right:-1px;}
    .menu-search {
    max-width: 132px;
}
    .new-menu li a, .new-menu li.menu-mang{font-size: 14px;}
    .menu-mang img {
    position: absolute;
    right: 17px;
    top: 15px;
}
    .menu-mang {
    padding: 0px 51px 0px 19px;
}
    .menu-sup-tra a, .menu-dashboard a {
    padding: 0px 21px 0px 53px;
}
    .menu-setting-ctn {font-size: 12px;    margin-top: 8px;    line-height: 16px;}
    .new-menu ul li a.status-btn, .new-menu ul li a.status-active-btn {font-size: 12px; padding: 0px 11px;}
}

@media screen and (max-width:1600px)
{
    #uploadCompanyFile, .upload-right-file-list {right: 7%;}
    .set-btn {width: 50px;}
    table.adv-search td:first-child {width:220px;}
    .button-block #asearchreset {background-size: 12px 12px;    font-size: 12px;}
    .button-block .export-btn .orders-menu-btn{background-size: 14px 14px;font-size: 12px;}
    .button-block .button-devider  button.rest-btn.orders-menu-btn{background-size: 15px 15px;font-size: 12px;}
    .button-block #adv-close{    background-size: 12px 12px; background-position: 91% center; font-size: 12px;   width: 53%;}
    .menu-dashboard img { 
    top: 15px;
    left: 12px;
    width: 20px;
    height: 17px;
}
    .menu-sup-tra a, .menu-dashboard a {
    padding: 0px 13px 0px 39px;
}
    .button-block #adv-close {    background-size: 12px 12px;}
    .button-block #adv-close{}
    .menu-sup-tra img {   
    top: 16px;
    left: 9px;
    width: 21px;
}
    .menu-mang {
    padding: 0px 35px 0px 17px;
}
    .menu-mang img {
    right: 10px;
   
    height: 16px;
    width: 16px;
}
    .new-menu li a, .new-menu li.menu-mang{font-size: 13px;line-height: 40px;}
    .menu-search {
    max-width: 115px;
}
    .new-menu ul li a.status-btn, .new-menu ul li a.status-active-btn{ padding: 0px 8px;line-height: 40px;   font-size: 12px;}
    .menu-setting-ctn {
    float: left;
    width: 65%;
    line-height: 15px;
    padding-left: 4%;
    font-size: 12px;
  
}
    .menu-search { min-height: 40px;}
    .menu-setting-img img {
    margin-top: 8px;
    margin-left: 5px;
    width: 22px;
    height: 22px;
}
    .set-btn{min-height: 40px; line-height: 40px;}
 
    .set-btn {padding-left:10px; padding-right: 10px;}
    .set-btn img{    width: 24px;
    height: 24px;}
    
    /* search Start here */
    
    .srh-text{width:12%;}
    .search-table{width:88%;}
    table.adv-search h3 {
            font-size: 14px;
        
    }
    table.adv-search option {
    padding: 5px;
    font-size: 12px;
    word-wrap: break-word;
    white-space: normal;
}
    table.adv-search .button-block {
        padding-top: 10px;
    }
    .dashboard strong {font-size: 14px;}
}
@media   (min-width:1300px){
    .tit .left-step ul li label {font-size: 22px !important;}
    .tit .rlink {margin-right: 0px; font-size: 22px !important;}
    .tit form {
        width: 46%;}
   .changepassword {
    width: 90% !important;
}
    .ui-dialog .ui-dialog-content{overflow: hidden !important;}
    .bill-month{    width: 46%;    padding-top: 9px;}
    .rush-date{font-size: 12px;
    width: 45%;}
    .top-sec-section .bill-rush{    width: 35%;}
    .right-sec-section {
        width: 64%;}
    .send-proofs.send-print-btn.view-approve {background-size: 27px 26px;}
    .send-proofs.send-print-btn{    padding: 10px 15px 10px 65px; font-size: 14px;}
    .w .products-order table th{font-size: 12px;}
    .w .products-order table td:nth-child(3) select, .w .products-order table td:nth-child(3) {
    width: 200px !important;
}
    .track-td input {
    width: 180px !important;
}
    .address h1, .notes-info h1, .last-ctn h2 {font-size: 13px;}
    .address ul.two-col {padding-top:10px;     width: 97%;
    padding-left: 2%;}
    .ship-address label, .project-list li label {font-size: 12px;}
    .two-colms input[type="text"] {
    width: 83%;
}
    .address input[type="text"] {
        height: 23px;}
    .ship-address input, .project-list li input, .project-list li textarea {font-size: 12px !important;
    border-radius: 0px;
    padding: 5px 10px !important;}
    .notes-info ul.two-col{    padding-top: 10px;
    width: 94%;
    margin: 0px auto;}
    .datagrid.top-table {    padding: 10px 20px 10px 20px;}
    .popup-footer img {
        max-width: 166px;    margin: 10px 9px;}
   .ship-address, .address.last-ctn .files-sec {
   /* min-height: 523px;*/
}
    .upload-file img {margin-left: 5px;}
    .upload-btn-ctn {
        width: 100px;}
    .upload-file .btn, .upload-file-btn .btn {    width: 100px;
    top: 6px;}
    .upload-file input[type=file] {top:7px;}
    .upload-file li label {font-size: 14px;}
    .notes-info .two-colms input[type="text"]{ width:90%;}
    .datagrid table td, .datagrid table th {padding: 3px 6px 3px 0px;}
    ul.two-col li {
    padding-bottom: 7px!important;
}
    .products-order {
    padding: 6px 10px 6px;
}
    ul.two-col li.sm{margin-top:0px;}
    .two-colms select {font-size: 12px !important}
    .products-order {
       padding: 6px 5px !important;
}
    .selct-btn label {margin-top: 13px;}
    .w .selct-btn select {    margin-top: 8px;}
    .datagrid.top-table th, .datagrid.top-table th a {font-size:12px;}
    .two-colms li.full-wdh {
    width: 100%;
}
    .egty-wdth input {width:80%;}
    .notes-info ul.two-col li textarea {
    width: 90%;
}
    .address.last-ctn .files-sec {min-height: 588px !important;}
}
@media  (min-width:1500px) and (max-width:1550px){#uploadCompanyFile, .upload-right-file-list {right: 5%;}}
@media screen and (max-width:1500px){
   
    #uploadCompanyFile, .upload-right-file-list {left: 997px;}
    .left-step.step-inner-divid-ctn {width:70% !important;}
    /* popup */
     
    .datagrid.top-table th, .datagrid.top-table th a, .datagrid.top-table td, .datagrid.top-table td label {font-size: 12px;}
    .w .ui-dialog .ui-dialog-titlebar-close {    background-size: cover !important;
height: 28px;
width: 28px;}
    .top-sec-section .bill-rush {width:34%;}
    .right-sec-section {width: 66%;}
    .bill-month{width:46%;}
    .rush-date{width:49%;padding: 18px 0px 0px 0px;}
    .w .products-order table td:nth-child(3) select, .w .products-order table td:nth-child(3) {
    width: 200px !important;
}
    .w .products-order table th, .address h1, .notes-info h1, .last-ctn h2 {font-size: 12px;}
    .track-td input {
    width: 143px !important;
}
    .datagrid table td, .datagrid table th {padding: 6px 6px 6px 6px !important;}
    .ship-address input, .project-list li input, .project-list li textarea {padding: 2px 10px !important;font-family: 'Saira', sans-serif;}
       .ship-address input, .project-list li input, .project-list li textarea, .ship-address label, .project-list li label { font-size: 12px !important;}
    .two-colms input[type="text"] {
    width: 86%;
}
    .two-colms li.full-wdh {
    width: 100%;
}
    .notes-info ul.two-col {width:95% !important}
    .notes-info ul.two-col{width:100%;}
    .project-list ul.two-col.two-colms .two-colms:first-child{width:30%;}
    .twny-wdth{width:19%;}
    .egty-wdth{width:70%;}
    .notes-info ul.two-col li textarea {width:86%;}
    .upload-file .btn, .upload-file-btn .btn {min-width: 90px;width: 90px; font-size: 12px;}
    .upload-btn-ctn {width:90px;right: 14px;}
    .upload-file img{margin-left:10px;}
    .upload-file li label{padding-left:2%; font-size: 14px;}
    .upload-file input[type="file"]{padding:6px;}
    #update-proofs-popup .top-table table {width:80%;}
    .sub-prfs h3, .sub-prfs h3 span {font-size: 25px;}
    #pvpw-proof-thumbs h2, .pvpw-proofs h2, #history h2 {font-size: 23px;}
    .add-lnk .upld-btn h2 {
        margin: 10px 0 0px;}
    .sub-prfs .download-btn {padding-top: 7px;
padding-bottom: 7px;}
     .tit .left-step ul li label {font-size: 22px !important;}
    .tit .rlink {margin-right: 0px; font-size: 22px !important;}
    .tit form {
    width: 46%;
}
}

@media (min-width:1300px) and (max-width:1499px){
    .logo-agency.upload-container {left: 918px;}
    .right-inner-step-ctn {padding-left:23px;}
    .left-step.step-inner-divid-ctn {width:73% !important;}
    
    .step-content-form .left-step {
    width: 65%;
}
    #uploadCompanyFile, .upload-right-file-list{left: 940px;}
    .rush-date{width: 35%;
    padding: 6px 0px 0px 0px;}
    .bill-month {
    width: 59%;
}
    .top-sec-section .bill-rush {
    width: 28%;
}
    .right-sec-section {
    width: 71%;
}
     .w .products-order table td:nth-child(3) select, .w .products-order table td:nth-child(3) {
    width: 142px !important;
}
    .datagrid table td, .datagrid table th {
    padding: 3px 6px 3px 0px !important;
}
    .track-td input {
    width: 119px !important;
}
    .left-inner-step-ctn {    width: 58%;}
    .order-request .step-content-form .left-step  li input {width: 49%;}
       .full-step-order .step-content-form .left-step, .order-request .step-content-form .left-step {width: 98%;}
}
@media (min-width:1300px) and (max-width:1485px){
    .rush-date{width: 35%;
    padding: 6px 0px 0px 0px;}
    .bill-month {
    width: 59%;
}
    .top-sec-section .bill-rush {
    width: 28%;
}
    .right-sec-section {
    width: 71%;
}
     .w .products-order table td:nth-child(3) select, .w .products-order table td:nth-child(3) {
    width: 142px !important;
}
    .datagrid table td, .datagrid table th {
    padding: 3px 6px 3px 0px !important;
}
    .track-td input {
    width: 119px !important;
}
    .button-block #asearchreset, .button-block .export-btn .orders-menu-btn, .button-block .button-devider  button.rest-btn.orders-menu-btn, .button-block #adv-close{ background-image:none;}
   
}
@media (min-width:1300px) and (max-width:1450px){
    .tit-blue {min-width: 365px;}
    .logo-agency.upload-container {
    left: 900px;
}
    .left-inner-step-ctn {    width: 58%;}
    .order-request .step-content-form .left-step  li input {width: 49%;}
       .full-step-order .step-content-form .left-step, .order-request .step-content-form .left-step {width: 98%;}
    .newOrderSteptwov .left-inner-step-ctn {width:63% !important;}
     #uploadCompanyFile, .upload-right-file-list {left: 924px;}
    .step-content-form .left-step {
    width: 65%;
}
    .order-next-btn {width:93%;}
   .upload-file li label {
    padding-left: 2%;
    font-size: 12px;
}
    .msgs {left:30%;}
    .menu-rep .srh-text  h4 {font-size: 14px;}
    .menu-dashboard img {
   
    width: 17px;
    height: 15px;
}
    .menu-sup-tra a, .menu-dashboard a {
    padding: 0px 13px 0px 36px;
}
    .menu-dashboard img {
   left: 9px;
    width: 17px;
    height: 15px;
}
    .menu-sup-tra img {
    bottom: 0px;
    left: 9px;
    width: 20px;
}
    .menu-mang {
    padding: 0px 31px 0px 13px;
}
    .new-menu li a, .new-menu li.menu-mang {
    font-size: 12px;
}
    .menu-mang img {
    
    height: 13px;
    width: 13px;
}
    .new-menu ul li a.status-btn, .new-menu ul li a.status-active-btn{ font-size: 11px;    padding: 0px 5px; }
    .menu-search {
    max-width: 100px;
}
    .button-block #asearchreset, .export-btn{ padding-right: 0px; padding-left: 0px;width: 100%; text-align: center;font-size: 12px;}
    .button-block .export-btn .orders-menu-btn{    padding-right: 0px;
    padding-left: 0px;
    text-align: center;
    font-size: 12px;
    width: 100%;}
 
}
@media (min-width:1300px) and (max-width:1330px){
    .tit-blue h3 {font-size: 13px;}
      .logo-agency.upload-container {
    left: 808px;
}
    .left-inner-step-ctn {
    width: 57%;
}
    .step-title h3 {
        font-size: 28px;}
    .full-step-order .side-inputs select {margin-left: 19px !important; margin-right: 19px !important;}
       .full-step-order .step-content-form .left-step, .order-request .step-content-form .left-step {width: 98%;}
   
     .tit-blue {min-width: 365px;}
     #uploadCompanyFile, .upload-right-file-list {left: 835px;}
    .step-content-form .left-step {
    width: 60%;
}
     table.adv-search h3, table.adv-search input[type="text"] {
        font-size: 12px;
    min-height: 30px;
         
   
}
    .full-step-order .step-content-form .left-step {width: 98%;}
    .set-btn {
    padding-left: 8px;
    padding-right: 8px;
}
    .menu-rep .srh-text p {line-height: 20px;}
    .new-menu ul li a.status-btn, .new-menu ul li a.status-active-btn{     padding: 0px 5px; }
}
@media (min-width:1331px) and (max-width:1360px){ 
      .tit-blue h3 {font-size: 13px;}
    .logo-agency.upload-container {
    left: 875px;
}
     .tit-blue {min-width: 365px;}
     #uploadCompanyFile, .upload-right-file-list {left: 855px;}
     table.adv-search h3, table.adv-search input[type="text"] {
    font-size: 12px;
   
}
     #uploadCompanyFile, .upload-right-file-list {left: 890px;}
    .step-content-form .left-step {
   width: 63%;
}
    .set-btn {
    padding-left: 8px;
    padding-right: 8px;
}
    .menu-rep .srh-text p {line-height: 20px;}
     .new-menu ul li a.status-btn, .new-menu ul li a.status-active-btn{     padding: 0px 5px; }
}
@media (min-width:1361px) and (max-width:1390px){ 
    .tit-blue {min-width: 365px;}
     .new-menu ul li a.status-btn, .new-menu ul li a.status-active-btn{     padding: 0px 7px; }
}
@media (min-width:1391px) and (max-width:1420px){ 
    .new-menu ul li a.status-btn, .new-menu ul li a.status-active-btn{     padding: 0px 10px; }
}
@media (min-width:1421px) and (max-width:1450px){ 
     .menu-search {
    max-width: 110px;
}
    .new-menu ul li a.status-btn, .new-menu ul li a.status-active-btn{     padding: 0px 10px; }
}
@media (min-width:1451px) and (max-width:1480px){ 
.new-menu ul li a.status-btn, .new-menu ul li a.status-active-btn{     padding: 0px 6px; }
}
@media (min-width:320px) and (max-width:1299px)
{
    body {min-width:1300px; width: 1500px;}
}
@media (min-width:1024px) and (max-width:1449px)
{
    .ui-widget-content.ui-widget {width: 95% !important;}
    .top-right{max-width: 850px; min-width:inherit;}
    .header .logo {width:20%; margin: 0px ; text-align: center; max-width: 233px;}
    .header .logo img {width:90%; margin: 0px auto 0px; /*max-width: 193px;*/}
    .header .top-right {
        width: 80%; max-width: 850px; min-width:inherit;}
    .header .top-right > div.top  ul li a {font-size: 11px;}
    .header .top img {
    display: block;
    margin: 0px 3px 11px 10px;
    width: 17px;
    height: 17px;
}
    .dashboard strong a {    font-size: 13px;}
    .header .dashboard, .header .project-status{width:45%;}
    .user-wlnd {width: 71%;}
    .header .bottom .user-wln, .header .bottom  h5 {
        font-size: 13px; margin-top: 1px;}
}

a.darkblue-btn.back-btns, a.darkblue-btn {text-decoration: none;}

.add_product-form ul {padding:0px !important;}
.select:hover {cursor: pointer;}
.pop-table {display: table;}
#viewProdDetails .ship-address  .full-wdh{width:80%; margin-left:20px; float: none;}
#viewProdDetails .ship-address  .full-wdh input {width: 94%;}
#viewProdDetails .ship-address  .full-wdh textarea{border:1px solid #E2E2E2;width: 96%;}
.pop-table  textarea, .pop-table   select{font-weight: 400;
    font-family: 'Saira', sans-serif !important; font-size: 12px !important}
#viewProdDetails {width: 32%;}
.notes-info {
    width: 34%;}
.notes-info li { width:100% !important;}

.notes-info li select {
    width: 96% !important;
}
.multis > li{width:100% !important;}
.multis > li ul li{width:50% !important; float: left;}
.multis > li ul {padding:0px !important;}
.viewbutton {line-height: 29px;}
.ship-address select{ padding: 7px 4px !important;}
.ship-address li ul.files-list-products {
    margin-top: 20px !important;
}
.ship-address li ul.files-list-products  li {padding-bottom: 0px !important;}

.send-proofs.send-print-btn.view-approve.Upload{background-image:url('../images/icon_uploadfiles.png'); }
.multis > li  .popaddress {width:100% !important;}
.multis > li  .popaddress li {width:100% !important;display: table;}
.multis > li  .popaddress li strong{width: 130px; display: table-cell;}
.multis > li  .popaddress  li span{display: table-cell; padding-right:10px;}
.multis > li  .popaddress {margin-top:15px; margin-left: 5px;}
.order-request p.textarea-note {clear: both;}
.order-request .upload-btn{float: right;}
.newOrderSteptwov .right-inner-step-ctn .pending_pdfs li  { font-family: 'Saira', sans-serif;
    font-size: 14px;}
.bs-example-padded-bottom .btn, .bs-example-padded-bottom{float: left;    clear: inherit;}
.before-login .upload-container {min-height: 100px;
    max-width: 100%;}
.up-ds{width:23%; float: right; }
.up-ctn{width:70%; float: left;}
.up-ctn { padding-top: 20px; padding-bottom: 20px;    padding-left: 20px}
.up-ctn .upld-btn{     margin-top: 60px;}
.up-ds-img{      max-width: 45px;
    margin: 15px auto 0;
    text-align: center;}
.up-ds-img img {    width: auto;
    height: auto;    max-width: 100%;}
.upload-container .up-ctn  li label {    left: 95px;}
.up-ctn .filename{    padding-left: 73px;}
.up-ctn  .msgs{    position: relative;
    top: 20px;
    left: 0px !important;
    right: 0px;
    bottom: 0px;
    text-align: left !important;}
.before-login .tit-blue, .before-login .tit-blue h3{margin-bottom: 0px;}
.before-login.changepassword{width:80% ;}
.changepassword .upload-container  {width: 45%; float: left;     margin-right: 5%;}
.changepassword .right-change{width: 45%; float: left;}
.new-menu > ul{ float: right; }
.new-menu > ul > li {border-left: 1px solid #abedff;}
.changepassword .upload-container .box {min-height: 253px;}
.adding-user-details  .ctn-rads ul li:hover label, .addDetails  .ctn-rads ul li:hover label{color: #15a4c6;}
.adding-user-details  .ctn-rads .radio li, .addDetails  .ctn-rads .radio li{float: left;width:50%;}
.adding-user-details  .ctn-rads .radio , .addDetails  .ctn-rads .radio  {margin: 0px;}
.edit-agancy .stpone .left-step, .addagency .stpone .left-step {border-right-width: 0px;}
.edit-agancy .btn-group, .addagency .btn-group{ width:50%;}
.edit-agancy .btn-group button, .addagency .btn-group button{ text-align: left; width: 100%;border-color: #c1c1c1;
    border-top-color: rgb(193, 193, 193);
    border-right-color: rgb(193, 193, 193);
    border-bottom-color: rgb(193, 193, 193);
    border-left-color: rgb(193, 193, 193);
padding: 3px 15px;
border-radius: 5px;
font-family: 'Saira Semi Condensed', sans-serif;
color: #0f8dab;
font-size: 16px;
float: left;
margin-top: 0px;
width: 100%;
box-shadow: inset 0 5px 10px #f0f0f0;
-moz-box-shadow: inset 0 5px 10px #f0f0f0;
-webkit-box-shadow: inset 0 5px 10px #f0f0f0; background-image: none;}
.edit-agancy .btn-group button:hover, .addagency .btn-group button:hover{background-color: #fff;}
.multiselect-container{width:100% !important;}
.multiselect-container  label {color: #0f8dab;width:auto !important;}
.multiselect-container  label input {width:auto !important;top: 9px;}
.addagency .btn-default.active, .addagency .btn-default:active, .addagency .open > .dropdown-toggle.btn-default, .edit-agancy .btn-default.active, .edit-agancy .btn-default:active, .edit-agancy .open > .dropdown-toggle.btn-default {background-color: #fff !important; border-color: #c1c1c1 !important;}
body{overflow-x: hidden;}
table.adv-search td:nth-child(4) select{width: 50%;}
body ul{margin-bottom: 0px;}
button.multiselect{ margin:0px !important;padding: 0px 15px !important; overflow: hidden;
	background: url("../images/select-arrow.png") #fff no-repeat center right !important;}
button.multiselect span{color: #0f8dab;font-size: 16px;font-family: 'Saira Semi Condensed', sans-serif;padding-top: 4px;padding-bottom: 4px; max-width:90%; overflow: hidden; display: inline-block;white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;}
button.multiselect  .caret{display: none;}
.edit-agancy .select-label select, .addagency .select-label select{width: 94% !important;
}
.template-headers .select-label input{width: 94% !important;}
.template-headers .select-label label.error {left: 5px; text-align: left; width: 100%; position: absolute; bottom: -4px;}
.template-headers .select-label{position: relative;
padding-bottom: 20px;}
.template-headers .box ul li {margin-top: 0px !important;}
.addvendors .step-inner-right input[type="checkbox"] + label {
    width: 195px;}
.tit input[type='submit']{float: right;
margin-top: 15px;
margin-right: 15px;
color: #fff;
background: #06A4C8;
border-width: 0px;
padding: 9px 20px;
font-size: 16px;
font-weight: 500;}
.addvendors.template-headers ul li label{width: 25%;}

.addvendors blockquote .step-inner-right  input[type="checkbox"] + label {
    width: 220px;}
.addvendors blockquote .step-inner-right {margin-top: 8px;}
.menu-sml.status-menu{border-right-width: 0px ;}
select::-ms-expand {
    display: none;
}
.orderNew-id{clear: both;
position: relative;
bottom: 18px;
left: 3px;}
#send-email-body label {display: inline-block; font-size: 14px;font-weight: 700;text-align: right;padding-right: 15px;}
#send-email-inner label {vertical-align: top;}
#send-email-body .field-sec-span {font-size: 12px;}
#send-email-body input, #send-email-body textarea  {width:100%; max-width: 350px !important}
#send-email-body textarea, #send-email-body #subject{ max-width: 77% !important; width: 100% !important;}
#send-email-body input[type="submit"], #send-email-body input[type="button"] {width:auto; max-width: auto !important;padding: 5px 15px !important;}
#start-order-form h2 {padding-left: 15px;}
.txt-links {width:100%; max-width: 77% !important;display: inline-block; border: 1px solid #000; padding: 10px; max-height: 200px; overflow: auto;}
.order-products  input[type="text"] {height: 25px;}
.order-products  td {vertical-align: top !important;}
.print-popup #send-print-head h2{ float: none;padding: 0px 10px;font-size: 18px; }
.print-popup #send-print-head h2 select{
padding: 4px !important;
max-width: 250px;
width: 100%;
border-radius: 5px;
font-weight: 400;
line-height: normal;
font-family: 'Saira', sans-serif;
border: 2px solid #0b7da6;
border-radius: 2px;
font-size: 12px;
color: #000;}
.field-sec.text-center {text-align: center;}
.field-sec.text-center input{margin-right: 0px;}
#comForm{position: absolute;
left: 247px; 
top: 11px;z-index: 99999;}
#comForm .step-content-form .left-step {
    width: 100%;
}
#ordercheck .msgs{top: -21px;width: 100%; left: 0px !important}