/* Minification failed. Returning unminified contents.
(2127,182): run-time error CSS1054: JavaScript error in expression property: Variable 'TBWindowMargin' has not been declared: TBWindowMargin
 */

body {
    color: black;
}

/* ...  The Blue top inner things ....*/
.row.topInnerContainerRow {
    padding-left: 20px;
}

.topInnerTitleContainer {
    min-height: 76px;
    background: -webkit-gradient(linear, center top, center bottom, from(#37DDFF),color-stop(100%, #4E68BA));
    background: -webkit-linear-gradient(top,#37DDFF,#4E68BA 100%);
    background: -moz-linear-gradient(top,#37DDFF,#4E68BA 100%);
    background: -ms-linear-gradient(top,#37DDFF,#4E68BA 100%);
    background: -o-linear-gradient(top,#37DDFF,#4E68BA 100%);
    background: linear-gradient(to bottom,#37DDFF,#4E68BA 100%);
    -pie-background: linear-gradient(top,#37DDFF,#4E68BA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37DDFF', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
    border-style: none;
    border-color: transparent;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -khtml-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    padding-left: 5%;
    padding-right: 5%;
    margin-left: -11px;
    margin-bottom: 3%;
}

.topInnerTitle {
    text-align: left;
    line-height: 1.02;
    font-size: 1.5em;
    color: #FFFFFF;
    font-family: source-sans-pro-n6, source-sans-pro, sans-serif;
    font-weight: bold;
    font-style: italic;
    position: relative;
    line-height: 3.02;
}

.topTitleMoreInfo {
    line-height: 0;
    margin-top: -20px;
    margin-bottom: 2%;
    font-size: 0.8em;
    font-weight: lighter;
}
/* ...End Of  The Blue top inner thing ....*/


/*  OptionBox Stuff, title, buttons. .. */
.optionBoxTitle {
    margin: auto;
    padding: auto;
    width: 100%;
    min-height: 36px;
    text-align: center;
    color: #30BEEB;
    font-size: 26px;
    font-family: open-sans-n3, open-sans, sans-serif;
    font-weight: 300;
    position: relative;
}

.optionBox {
    margin: auto;
    padding: auto;
    background-color: lightblue;
    border-color: #333;
    border-radius: 0px;
    border-width: 1px;
    min-height: 150px;
}

.layoutBttn {
    margin: auto;
    margin-top: 10px;
    display: block;
    border-radius: 100px;
}

.Search.layoutBttn {
    padding: 5px 25px;
}
/*  end Of OptionBox Stuff, title, buttons. .. */




/*   indexPage  stuff */
.container.IndexBoxesContainer {
    padding-left: 5%;
}


/*  end of Index Page Stuff..*/

/*  WearerView Stuff */
.WearerViewInput {
    margin-bottom: 10px;
    margin-top: 5px;
}


/*  end of WearerView Stuff */


/* Shared Styles */
.well {
    background-color: white;
    border-radius: 0px;
}

.zeroPadding {
    padding: 0 !important;
}

.pageContent {
    margin-left: 30px;
}

    .pageContent > .row {
        padding-left: 20px;
    }

.whiteInnerContainer {
    background-color: white;
    min-height: 517px;
    margin-left: -0.75em;
    display: block;
    padding-top: 5%;
    padding-left: 5%;
    padding-bottom: 20px;
}

label.formLabel {
    min-height: 22px;
    text-align: right;
    font-size: 15px;
    color: #6D6D6D;
    font-family: open-sans-n6, open-sans, sans-serif;
    font-weight: bold;
    margin-right: 3%;
    position: relative;
    overflow-wrap: break-word;
    line-height: 30px;
}

.rowFiller {
    min-height: 20px;
    width: 100%;
    display: block;
    content: " ";
}

.transparent {
    background-color: transparent;
    border-color: white;
    border-width: 0px;
    box-shadow: none;
    text-shadow: 0 0 0 none;
}

.zeroMargin {
    margin: 0px !important;
}


.Spearater {
    height: 1px;
    border-color: rgb(0, 0, 0);
    background-color: rgb(220, 220, 220);
    margin: 10px 0;
    margin-left: -44px;
}

/* end of  Shared Styles  */


/* EventType Stuff... */
.EventTypeSelectContainer .layoutBttn {
    margin-bottom: 15px;
}

/* end Of EventType Stuff... */

/*shared Partial Layout */

.topNavFont {
    font-size: 1.3em;
    font-style: bold;
    color: #9E9E9E;
    margin: auto;
    color: #9E9E9E;
    font-size: 17px;
    font-family: source-sans-pro-n4, source-sans-pro, sans-serif;
    font-weight: auto;
    line-height: 1.9;
    padding: auto;
    text-align: center;
    text-shadow: 0 0 0 0;
    text-shadow: none !important;
}

.topNavDataFont {
    color: #C5C5C5;
    line-height: 1.2;
    font-family: source-sans-pro-n6, source-sans-pro, sans-serif;
    font-size: 17px;
    text-shadow: none !important;
}


.logo {
    width: 94%;
    height: 30px;
    vertical-align: bottom;
}

.avatarStuff {
    background-color: white;
    border-radius: 0px;
    min-height: 150px;
    padding: auto;
    padding-top: 10px;
    text-align: center;
}

    .avatarStuff div {
        margin-top: 10px;
    }

.img-circle.userAvatar {
    max-width: 131px;
    /*min-width: 130px;*/
}

li.sideMenuLI a {
    color: #949494;
    font-size: 16px;
    font-family: open-sans-n4, open-sans, sans-serif;
    font-weight: 400;
}

li.sideMenuLI a {
    color: #4C4C4C;
    font-size: 16px;
    font-family: open-sans-n4, open-sans, sans-serif;
    font-weight: 400;
}

li.sideMenuLI.active a {
    color: white;
    background: rgb(8, 187, 243);
}

    li.sideMenuLI.active a:hover {
        color: white;
        background: rgb(8, 187, 243);
    }

a.brand {
    padding: 0px;
}

.biggestWell {
    background-color: transparent;
    padding-right: 0px;
    padding-left: 0px;
}

body {
    padding: 0px;
    background-color: #EEF0F2;
}


#logout {
    padding-left: 5px;
    padding-right: 5px;
}

    #logout img {
        margin-right: 3px;
    }
/* end of shared Partial Layout */


/*  wearer Page stuff */
.optionBoxHeader {
    float: left;
    min-height: 22px;
    text-align: left;
    line-height: 1.02;
    font-size: 15px;
    color: #6D6D6D;
    font-family: source-sans-pro-n6, source-sans-pro, sans-serif;
    font-weight: bold;
}

.Event_2 .optionBoxHeader {
    width: 20%;
}


.optionBoxHeader.Role {
    display: none;
}


.optionBoxHeader {
    width: 25%;
    min-width: 125px;
}

    .optionBoxHeader.spacer {
        width: 15%;
    }


.WearerViewInput {
    margin-left: 0px;
    margin-right: 0px;
    width: 23%;
}

.btn.WearerViewInput {
    margin-right: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

.Event_2 .optionBoxHeader.spacer {
    width: 18%; /*moath*/
}

.Event_2 .optionBoxHeader.Role {
    display: block;
}


.Event_2 hr, hr {
    width: 100%;
}

.row.hideOverflow {
    margin-left: 0;
}

.Event_2 .WearerViewInput {
    width: 20%; /*moath*/
    margin: 0px;
    margin-right: 5px;
}

.Event_2 .btn.WearerViewInput {
    width: 10%;
    /*margin-left: 30px;*/
    padding-left: 3px;
    padding-right: 0px;
}

/* end of wearer Page stuff */


/* Large desktop */

.OptionsTable .row {
    margin-left: 0;
}

.Actions {
    margin-top: 100px;
}

.actions .btn {
    margin-left: 5px;
    margin-right: 5px;
}

.tickets-iframe {
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
}

@media print {
    .btn {
        visibility: hidden;
        display: none;
    }

    /*
.table.table-noborder,.table.table-noborder th, .table.table-noborder td {
        border:none;
        border-width:0px;
    }*/

    /*moath */
    /*    .table.table-bordered th, .table.table-bordered td {
        border-left: 1px solid #dddddd;
        background-color:white;
    }*/
    label {
        float: left;
    }

    body {
        text-indent: 10px;
    }

    .pageContent {
        float: none;
        width: 100%;
        margin: 0;
    }

    .OrderedItems {
        width: 100%;
    }

    .topInnerTitleContainer {
        min-height: 10px;
        height: 100%;
        background-color: transparent;
        line-height: 0.02;
        margin: 0px;
    }

    .whiteInnerContainer {
        background-color: white;
        min-height: 517px;
        margin-left: -0.75em;
        display: block;
        padding-top: 0px;
        padding-left: 5%;
        padding-bottom: 20px;
    }

    #Summary-page.Event-Summary .ItemsTable {
        font-size: 12px !important;
        overflow: visible !important;
    }

    /*#Summary-page.OrderSummaryPage .Image {
        display: none !important;
    }*/

    #Summary-page.Event-Summary .DescriptiondDiv .formLabel {
        display: table-cell;
        padding-left: 10px;
    }

    #Summary-page.OrderSummaryPage .header table {
        float: left;
        border: 1px solid rgb(221, 221, 221);
        border-collapse: collapse;
        border-left: 0;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    #Summary-page.OrderSummaryPage .header table th {
        padding: 4px;
    }

    .OrderSummaryHeader, .OrderSummaryHeader .topInnerTitleContainer, .OrderSummaryHeader .topInnerTitleContainer p {
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 0;
        padding-top: 0;
        float: left;
    }

    .OrderSummaryHeader {
        margin-top: 0px;
        width: 100%;
    }

    #Summary-page.OrderSummaryPage {
        margin-top: -20px;
        padding-top: 0;
        padding-bottom: 0;
    }

    #Summary-page.OrderSummaryPage form {
        margin-bottom: 0;
    }

    #Summary-page.OrderSummaryPage .OrderedItems {
        margin-top: -5px;
        float: left;
    }

    #Summary-page.OrderSummaryPage .OrderedItems table {
        border: 1px solid rgb(221, 221, 221);
        border-collapse: collapse;
        border-left: 0;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    #NewEmailPartialView, #EmailResponse {
        width: 400px !important;
    }

    a.logoDiv:after {
        display: none;
        
    }
      
    #orderMasterDiv {
        margin-top: -50px;
        margin-left: -30px;
        width: 95%;
    }
    #DressSalesDiv {
        margin-top: -50px;
        margin-left: -30px;
        width: 70%;
    }

    #checkDiv {
        display: none;
    }

    .topInnerTitle {
        margin-top: -10px;
    }

    #lookUp2 {
        margin-top: -138px;
    }

    #page {
        border: none !important;
    }

    #reportHeader {
        display: none;
    }
    /*@page {
        size: portrait;
    }*/
    #tblAll {
        margin-top: -50px;
    }

    #tblAll .ui-jqgrid-pager {
        display: none;
    }

    #tblStore {
        margin-top: -50px;
    }

    #tblStore .ui-jqgrid-pager {
        display: none;
    }

    .agreement-acmounts-container {
        display: -o-flex;
        display: -ms-flex;
        display: -moz-flex;
        display: flex;
        display: -webkit-flex;
    }

    #agreement-div {
        width: 90%;
        border-right: 1px black solid;
        padding-right: 3em;
        font-family: 'Times New Roman';
    }
    
    #amounts-div {
        margin-left: 17px;
        width: 55%;
        margin-top: 30px;
        padding: 0;
    }
    #amounts-tab{
        width: 290px;
    }
    .receiptHeader{
        width: 135px;
        text-align: left;
        padding-left: 5px;
        padding-bottom: 10px;
        white-space:nowrap
    }
    .receiptTotal    {
        width: 250px;
        text-align: left;       
        padding-bottom: 10px;
    }
    .container {
        width: 100%;
    }
    .span9 {
        width: 100%;
    }

}

@media (min-width: 1200px) { /*...*/
    /* cusomizing shared   stuff*/
    .biggestWell {
        padding-right: 5%;
        padding-left: 5%;
    }

    body {
        padding-left: 20px;
        padding-right: 20px;
    }

    .whiteInnerContainer {
        background-color: white;
        min-height: 536px;
        width: 96%;
        margin-left: -0.75em;
        display: block;
        padding-top: 5%;
        padding-left: 5%;
        margin-bottom: 2px;
        /*overflow: hidden;*/
    }

    .firstBox .well {
        padding-bottom: 15%;
        padding-left: 10%;
    }

    .thirdBox .well {
        margin-top: -50px;
        min-height: 183px;
        padding-bottom: 10%;
    }



    #page > .row {
        margin-left: 0;
    }


        #page > .row .span3 {
            width: 262px;
            line-height: 30px;
            /*height: 30px;*/
        }
    /* end of cusomizing shared  stuff */
}

@media (max-width:1200px ) and (min-width:980px) {
    .pageContent {
        width: 840px;
        /*min-width: 980px;moath*/
        max-width: 1200px; /*moath*/
        width: 70%; /*moath*/
        margin-left: 10px;
    }
    /*.whiteInnerContainer .span3
    {
        width:30%
    }
    
     .span3 {
        width: 20%;
    }*/
    .container {
        width: 100%;
    }

    .left-nav.span3 {
        width: 25%;
        margin-left: 20px;
    }

    .offset1 {
        margin-left: 100px;
    }

    .OptionsTable {
        width: 100%;
        margin: 5% 0;
    }

        .OptionsTable .span4 {
            width: 45%;
            margin: 3% 0;
            margin-left: 20px;
        }

    .navbar-static-top {
        max-width: 1200px;
        min-width: 980px;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

    .logoDiv {
        background-color: transparent;
    }

    .pageContent {
        width: 840px;
        min-width: 765px; /*moath*/
        max-width: 979px; /*moath*/
        width: 97%; /*moath*/
        margin-left: 20px;
    }

    .Event-create .span4 {
        width: 361px !important;
    }

    #page {
        width: 100%;
    }

    .EventTypeSelectContainer .span3 {
        width: 276px;
        margin-right: 31px;
        margin-left: 50px;
    }


    /*...*/
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    /* customizing Wearer stuff  */
    .pageContent > .row {
        padding-left: 0px;
    }

    .WearerViewInput {
        width: 95%;
        margin-bottom: 15px;
    }


    .Event_2 .WearerViewInput {
        width: 95%;
        margin-bottom: 15px;
        margin-top: 5px;
    }

    .Event_2 .btn.WearerViewInput {
        width: 25%;
        padding-left: 3px;
        padding-right: 0px;
    }

    input[class*="Event"] .WearerViewInput {
        width: 95%;
        margin-left: 5px;
        margin-right: 0px;
    }

    [class*="Event"] .btn.WearerViewInput {
        width: 25%;
        padding-left: 0px;
        padding-right: 0px;
    }
    /* end of customizing Wearer stuff  */


    /*   indexPage  stuff */
    .OptionsTable .span4 {
        margin: 20px 0 20px 20px;
        width: 90%;
    }

    .OptionsTable {
        padding: 0;
    }

    .firstBox .well {
        padding-bottom: 15%;
        padding-left: 10%;
    }

    .thirdBox .well {
        margin-top: 20px;
        min-height: 183px;
        padding-bottom: 10%;
    }

    .pageContent {
        margin-left: 0;
    }

    label.formLabel {
        text-align: left;
    }

    /*  end of Index Page Stuff..*/


}

/* Landscape phones and down */
@media (max-width: 480px) {

    label.formLabel {
        text-align: left;
    }

    /* cusomizing shared  stuff */
    .whiteInnerContainer {
        background-color: white;
        min-height: 517px;
        display: block;
        padding-left: 5%;
    }

    /* end of cusomizing shared stuff  */

    /*   indexPage  stuff */
    .row.well {
    }

    .span4 .well {
        margin-top: 1em;
        min-height: 220px;
        height: 100%;
        padding: 20px !important;
    }

    /*  end of Index Page Stuff..*/

    /* cusiomizing  Wearer stuff  */
    .Event_2 .WearerViewInput {
        width: 95%;
    }

    .Event_2 .btn.WearerViewInput {
        width: 25%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .Prom .WearerViewInput {
        width: 95%;
        margin-left: 0px;
        margin-right: 0px;
    }

    .Prom .btn.WearerViewInput {
        width: 25%;
        padding-left: 0px;
        padding-right: 0px;
    }

    /* end of customizing Wearer stuff  */
}


#Summary-page label, #Summary-page h1, #Summary-page label h2, #Summary-page h3 {
    color: black;
}

#Summary-page .eventDescription {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 5px 0;
    margin-left: 2px;
}

.accordion {
    color: black;
}


.OrderDetail-page {
    color: black;
}


.fullWidth {
    width: 100%;
}

.OrderDetail-page .row .chzn-container {
    margin-top: 4px;
}


.OrderDetail-page .Descreption {
    max-height: 46px;
    margin: 0px;
    background-color: white;
    overflow: auto;
    padding: 22px 0 0 10px;
}

.OrderDetail-page .ForceOrder {
    padding-top: 15px;
    padding-bottom: 0;
    margin-top: 6px;
    float: left;
}

    .OrderDetail-page .ForceOrder input[type="checkbox"] {
        margin: 0 0 13px 12px;
        float: left;
    }

    .OrderDetail-page .ForceOrder label {
        margin-top: 6px;
        margin-left: 15px;
    }

.OrderDetail-page .itmQty {
    width: 35px;
}

.OrderDetail-page div.bottom button {
    margin: 5px 2px;
}

.OrderDetail-page .Expand, .OrderDetail-page .itmDeleteImg, .OrderDetail-page .itmEditImg {
    width: 30%;
    height: 30px;
}

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

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

.OrderDetail-page #itemImage {
    height: 62px;
    width: 62px;
}

.OrderDetail-page #btnNextEvent, .OrderDetail-page #btnAnotherCustomer {
    /*border-radius:0;
    border:0;
    border-left:1px solid #dcdcdc;
    font-weight:bold;
    margin:2px 0;*/
}

#dialog-use-drop-ship .form-inline {
    margin-bottom: 8px;
}

.btn-blue {
    -pie-box-shadow: 0px 2px 4px #F0F0F0;
    -moz-box-shadow: 0px 2px 4px #F0F0F0;
    -webkit-box-shadow: 0px 2px 4px -1px #F0F0F0;
    box-shadow: 0px 2px 4px #F0F0F0;
    background: -webkit-gradient(linear, center top, center bottom, from(#41DBFF),color-stop(100%, #4D6BBC));
    background: -webkit-linear-gradient(top,#41DBFF,#4D6BBC 100%);
    background: -moz-linear-gradient(top,#41DBFF,#4D6BBC 100%);
    background: -ms-linear-gradient(top,#41DBFF,#4D6BBC 100%);
    background: -o-linear-gradient(top,#41DBFF,#4D6BBC 100%);
    background: linear-gradient(to bottom,#41DBFF,#4D6BBC 100%);
    -pie-background: linear-gradient(top,#41DBFF,#4D6BBC 100%);
    border-style: none;
    border-color: transparent;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    color: #FFFFFF;
    font-size: 18px;
    font-family: source-sans-pro-n6, source-sans-pro, sans-serif;
    font-weight: 600;
    position: relative;
    background-color: #46ACE3;
}

    .btn-blue:hover, .btn-blue:focus {
        background: -webkit-gradient(linear, center top, center bottom, from(#61E1FF),color-stop(100%, #6484DC));
        background: -webkit-linear-gradient(top,#61E1FF,#6484DC 100%);
        background: -moz-linear-gradient(top,#61E1FF,#6484DC 100%);
        background: -ms-linear-gradient(top,#61E1FF,#6484DC 100%);
        background: -o-linear-gradient(top,#61E1FF,#6484DC 100%);
        background: linear-gradient(to bottom,#61E1FF,#6484DC 100%);
        -pie-background: linear-gradient(top,#61E1FF,#6484DC 100%);
        border-style: none;
        border-color: transparent;
        color: white;
        background-color: #AAAAAA;
    }

    .btn-blue:active {
        background: -webkit-gradient(linear, center top, center bottom, from(#61E1FF),color-stop(100%, #6484DC));
        background: -webkit-linear-gradient(top,#61E1FF,#6484DC 100%);
        background: -moz-linear-gradient(top,#61E1FF,#6484DC 100%);
        background: -ms-linear-gradient(top,#61E1FF,#6484DC 100%);
        background: -o-linear-gradient(top,#61E1FF,#6484DC 100%);
        background: linear-gradient(to bottom,#61E1FF,#6484DC 100%);
        -pie-background: linear-gradient(top,#61E1FF,#6484DC 100%);
        border-width: 1px;
        border-style: solid;
        border-color: white;
        color: white;
    }

.OrderDetail-page input, .OrderDetail-page .chzn-single, .OrderDetail-page select {
    min-height: 35px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(213, 213, 213);
    background-color: rgb(255, 255, 255);
    color: rgb(133, 133, 133);
    font-family: open-sans-n6, open-sans, sans-serif;
    font-weight: 600;
    margin-bottom: 0;
}

.OrderDetail-page .attrTitle, .OrderDetail-page input {
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 10px;
    margin-bottom: 5px;
}

.whiteInnerContainer label {
    color: rgb(58, 58, 58);
    font-size: 14px;
    font-family: open-sans-n7, open-sans, sans-serif;
    font-weight: 700;
}

.OrderDetail-page .size1, .OrderDetail-page .size2 {
    width: 82px;
}

#SelectedItems .size1, #Items .size1 {
    width: 75px;
}

.OrderDetail-page .Qty {
    width: 35px;
}

.OrderDetail-page .size1 .chzn-single > span, .OrderDetail-page .size2 .chzn-single > span {
    margin-right: 20px;
}



.OrderDetail-page .price {
    width: 45px;
}

.OrderDetail-page .itmDeleteImg {
    cursor: pointer;
}

.OrderDetail-page .chzn-single > span {
    line-height: 40px;
}

.OrderDetail-page .AddComment {
    margin: 10px;
    margin-left: 35px;
    background: rgba(0, 0, 0, 0);
    border: none;
    color: blue;
}

    .OrderDetail-page .AddComment label {
        color: #479BD9;
        margin-left: 5px;
    }

.OrderDetail-page .txtComment {
    height: 60px;
    /* width: 500px;*/
}

.OrderDetail-page .deleteComment, .OrderDetail-page .slctCommentType {
    vertical-align: top;
}

.OrderDetail-page #Items td {
    white-space: nowrap;
}


.Gradian-blue {
    background: -webkit-gradient(linear, center top, center bottom, from(rgb(66, 207, 248)),color-stop(100%, rgb(76, 115, 193)));
    background: -webkit-linear-gradient(top,rgb(66, 207, 248),rgb(76, 115, 193) 100%);
    background: -moz-linear-gradient(top,rgb(66, 207, 248),rgb(76, 115, 193) 100%);
    background: -ms-linear-gradient(top,rgb(66, 207, 248),rgb(76, 115, 193) 100%);
    background: -o-linear-gradient(top,rgb(66, 207, 248),rgb(76, 115, 193) 100%);
    background: linear-gradient(to bottom,rgb(66, 207, 248),rgb(76, 115, 193) 100%);
    -pie-background: linear-gradient(top,#42CFF8,#4C73C1 100%);
    border-style: none;
    border-color: rgba(0, 0, 0, 0);
    background-color: #46ACE3;
}

.attrTitle.Gradian-blue label {
    color: white;
    padding-left: 20px;
}



.OrderDetail-page .QuickOrder.Options label {
    padding-left: 0px;
}

.OrderDetail-page .QuickOrder.Options img {
    margin-left: 10px;
}


.OrderDetail-page .Spearater {
    height: 1px;
    border-color: rgb(0, 0, 0);
    background-color: rgb(220, 220, 220);
    margin: 10px 0;
    margin-left: -44px;
}

.OrderDetail-page .whiteInnerContainer select {
    padding: 0;
    margin-bottom: 5px;
}

.OrderDetail-page .bottom complete {
    margin-right: 146px;
}

.OrderDetail-page #Items {
    margin-bottom: 35px;
}


.itemRow .row {
    margin-left: 0;
}

#SelectedItems label {
    color: white;
}

#SelectedItems div.attrTitle, #Items div.attrTitle {
    margin: 0;
    height: 40px;
    line-height: 30px;
    border-right: 2px solid;
    border-right-color: white;
}

#Items div.attrTitle, div.attrTitle.totalPrice {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(213, 213, 213);
    background-color: rgb(255, 255, 255);
    color: rgb(133, 133, 133);
    font-family: open-sans-n6, open-sans, sans-serif;
    font-weight: 600;
}

    #Items div.attrTitle input {
        border-color: white;
    }

div.attrTitle.totalPrice {
    margin: 0;
    width: 57px;
}


div.attrTitle.first {
    margin-left: 0;
}

.OrderDetail-page .subtotalPriceLabel {
    text-align: right;
    line-height: 32px;
}


div.attrTitle.totalPrice input {
    width: 44px;
    border-color: white;
}

#Items .itemDetail {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(213, 213, 213);
}

#SelectedItems div.attrTitle label, #Items div.attrTitle label {
    margin-top: 10px;
    text-align: center;
}

#SelectedItems div.attrTitle.Options {
    width: 68px;
}


.validation-summary-valid {
    display: none;
}

.validation-summary-errors {
    margin-right: 10px;
}

    .validation-summary-errors ul {
        list-style-image: url("../Images/error.png");
    }

#SelectedItems div.attrTitle.price, .itemRow div.attrTitle.price {
    width: 55px;
}

    .itemRow div.attrTitle.price input, .itemRow div.attrTitle.Qty input {
        margin: 0;
        padding: 0;
    }

.Expand {
    width: 35px;
    height: 95%;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(213, 213, 213);
    text-align: center;
    color: rgb(133, 133, 133);
    font-family: open-sans-n6, open-sans, sans-serif;
    font-weight: 800;
    cursor: pointer;
}

#Items div.attrTitle.Options {
    padding: 0;
}

.itemComment {
    /*padding-left: 24px;*/
}

#Items .itemComment {
    padding-left: 20px;
}

    #Items .itemComment select, #itemComments .itemComment select {
        vertical-align: top;
    }

.itemDetail > .row label, .itemDetail > .row p {
    margin: 10px 10px;
}

.itemDetail .span6 {
    width: 470px;
}

.itemDetail .span2 {
    width: 140px;
}

.itemDetail .itmImg {
    max-height: 72px;
    margin: 10px auto;
    width: auto;
}







div#ItemSelector p {
    text-align: center;
}

div.attrTitle {
    float: left;
    padding: 3px;
    margin: 5px;
}



div.bottom button {
    float: right;
    margin: 5px;
}

div.bottom .complete {
    /*margin-right: 146px;*/
}


textarea {
    resize: none;
}

div.itemAtr {
    float: left;
}



[id*='Row'] > td, .btn, input[type='button'],
.button, .ui-datepicker-trigger, .datePicker, [class*="btn"] {
    cursor: pointer;
}

label {
    cursor: text;
}

.whiteInnerContainer .innerTitle {
    text-align: left;
    color: #439DD9;
    line-height: 1.02;
}

.span2 .innerTitle .noMargin {
    margin-left: 0px;
}

.spliter {
    width: 100%;
    height: 1px;
    border-color: #C8C8C8;
    background-color: #E7E7E7;
    margin-top: 8px;
}

.innerTitleImage {
    float: left;
    margin-right: 5px;
}
/* Event-entry */
.Event-Entry #DESCRIPTION {
    height: 150px;
}


/*New Order Page  */
.whiteInnerContainer.NewOrder-page .Search {
    margin-bottom: 10px;
}




/* Event Summary page*/

#Summary-page .table-striped tr:even {
    background: #6D6D6D;
}

#Summary-page .table-striped {
    color: black;
}

.table .table {
    background-color: transparent;
}

.Event-Summary .formLabel {
    font-weight: normal;
}

.Event-Summary table {
    width: 99%;
}

    .Event-Summary table td {
        vertical-align: middle;
        text-align: left;
    }

    .Event-Summary table h5 {
        margin: 1px;
    }

.Event-Summary .orderId span {
    color: #000;
}

    .Event-Summary .orderId span:hover {
        color: #30BEEB;
    }


/* Order Summary Page*/
.OrderSummaryPage label {
    font-weight: normal;
}

#Summary-page.OrderSummaryPage {
    padding-top: 2%;
}

    #Summary-page.OrderSummaryPage #deleteAll,
    #Summary-page.OrderSummaryPage #Qty {
        width: 37px;
    }

    #Summary-page.OrderSummaryPage .fullImage img {
        max-height: 24px;
    }

    #Summary-page.OrderSummaryPage #Image_modal .modal-body {
        text-align: center;
    }

    #Summary-page.OrderSummaryPage img.deleteComment {
        min-width: 25px;
    }


/* Salman */

#Address-form .row, #Address-form .row .span4, #Address-form .row .span3 {
    margin-left: 0;
}

.table.table-noborder, .table.table-noborder th, .table.table-noborder td {
    border: none;
    border-width: 0px;
}

/* load payment */
.payBtn {
    float: right;
    margin-right: 8px;
}

.Response .whiteInnerContainer label {
    font-size: 15px;
    font-weight: 400;
}

.Response .row {
    margin: 5px 0 5px 0px;
}


/* order detail */
.Coupon-PriceOverride {
    text-align: center;
    margin-bottom: 10px;
}

    .Coupon-PriceOverride span {
        margin-right: 1px;
        line-height: 52px;
        float: left;
        background-image: url("../Images/coupon.png");
        background-repeat: no-repeat;
        width: 345px;
    }

        .Coupon-PriceOverride span label {
            padding: 10px 8px 0px 12px;
            color: #FFF;
            font-size: 16px;
            float: left;
            width: 116px;
            text-align: center !important;
        }

        .Coupon-PriceOverride span input {
            margin: 10px 9px 9px 25px;
            background: none;
            border: none;
            color: #FFF;
            font-weight: normal;
            float: left;
            width: 148px;
        }

    .Coupon-PriceOverride #btnCoupon, .Coupon-PriceOverride #btnPriceOverride, .Coupon-PriceOverride #btnPriceOverrideReason {
        line-height: 20px;
        margin-top: 7px;
        margin-left: 7px;
        text-shadow: none;
        float: left;
    }

    .Coupon-PriceOverride #lblPriceOverrideReasonError {
        line-height: 20px;
        margin-top: 20px;
        margin-left: 7px;
        color: red;
    }

    .Coupon-PriceOverride #btnCoupon, .Coupon-PriceOverride #btnDiscount {
        line-height: 20px;
        margin-top: 7px;
        margin-left: 7px;
        text-shadow: none;
        float: left;
    }

    .Coupon-PriceOverride #btnCoupon, .Coupon-PriceOverride #btnDiscountPercentage {
        line-height: 20px;
        margin-top: 7px;
        margin-left: 7px;
        text-shadow: none;
        float: left;
    }

.OrderDetail-page #btnSubmit {
    margin: 0 22px 0 0;
    float: right;
}


/* moath */
.table.table-bordered th, .table.table-bordered td {
    border-left: 1px solid #dddddd;
}

.table.table-bordered td {
    padding: 5px;
}

.payment-div {
    padding-right: 10px;
}

.print-div {
    padding-right: 10px;
    margin-bottom: 1%;
}

.WeddingGroupWearers-page .cancel {
    margin-top: 10px;
}

.WeddingGroupWearers-page .Next {
    margin-top: 10px;
}

.WeddingGroupWearers-page .Finish {
    margin: 10px 24px 0 0;
}

.stateTxtBox, .zipCodeTxtBox {
    float: left !important;
}

.zipCodeLbl {
    width: auto !important;
    margin-right: 1% !important;
    line-height: 30px;
}


@media (min-width:1200px) {
    .Wedding-page .addressInfo {
        margin-left: 28%;
    }
}

@media (min-width:979px) and (max-width:1200px) {
    .Wedding-page .addressInfo {
        margin-left: 20%;
    }
}

@media (max-width: 979px) and (min-width: 768px) {
    .Wedding-page .addressInfo {
        margin-left: 25%;
    }
}

.Next {
    margin-right: 1%;
}

.order-row {
    margin-bottom: 7px;
}


.OrderDetail-page .Actions {
    margin-top: 0px;
}


/*align date picker icon with the textbox data picker*/

.ui-datepicker-trigger {
    vertical-align: top;
}

.smallMargin {
    margin-right: 7px;
}

.fullHeight {
    height: 100% !important;
}


/*Event LookUP*/
.ui-jqgrid-bdiv > div {
    min-height: 300px;
}

.SearchBtn-div div {
    margin: 0 auto !important;
    float: none;
}

table#Events {
    min-height: 400px;
    height: 100%;
}


/*wedding group data*/
@media (min-width: 980px) {
    .Wedding-page #GroomLastName, .Wedding-page #BrideLastName {
        margin-left: 17px;
    }
}

/*entry and payment*/
@media (max-width: 480px) {
    div.bottom .complete {
        margin-right: 0;
    }

    div.bottom button {
        margin: 2px;
    }

    .table th, .table td {
        padding: 0;
    }

    .smallMargin {
        margin-bottom: 8px;
    }

    .optionBoxTitle {
        padding-left: 24px;
    }
}




.itmImg {
    height: 30px;
    max-width: 40px;
}

/*entry page*/
@media (max-width: 979px) and (min-width: 768px) {
    .whiteInnerContainer input.span4, .whiteInnerContainer textarea.span4, .whiteInnerContainer .uneditable-input.span4 {
        width: 430px;
    }
}

.whiteInnerContainer .row label.span3 {
    width: 175px;
}

.whiteInnerContainer .btn.Finish {
    margin-right: 12px;
}
/* event singlepromdata*/
@media (max-width: 767px) {
    .whiteInnerContainer .row label.span3 {
        width: 100%;
    }

    .OrderDetail-page #selector {
        margin-left: 0px;
    }
}

@media (max-width: 979px) and (min-width: 768px) {
    .whiteInnerContainer .span4 {
        width: 446px;
    }
}

/* event type*/
@media (max-width: 1200px) and (min-width: 980px) {
    .EventTypeSelectContainer .offset1, .EventTypeSelectContainer .offset2 {
        margin-left: 50px;
    }
}

@media (min-width: 1200px) {
    .EventTypeSelectContainer .offset2 {
        margin-left: 30px;
    }
}


/* OrderRegistryPage */
.OrderRegistry-page #txtDcrptn {
    height: 76px;
}

.OrderRegistry-page #ItemSelector {
    height: inherit;
}

.OrderRegistry-page .Gradian-blue, .OrderRegistry-page .Gradian-blue label {
    color: white;
    padding-left: 20px;
}

.OrderRegistry-page .attrTitle {
    margin: 0px;
    margin-left: 5px;
    padding: 0px;
}

.OrderRegistry-page .txtComment {
    height: 60px;
}

.OrderRegistry-page .AddComment {
    background-color: transparent;
    border: none;
    border-width: 0px;
    text-align: left;
    font-weight: bold;
    color: #479BD9;
    padding-left: 5px;
}

    .OrderRegistry-page .AddComment img {
        margin-right: 5px;
    }

    .OrderRegistry-page .AddComment label {
        color: #479BD9;
        margin-left: 5px;
    }

.OrderRegistry-page .deleteComment {
    vertical-align: top;
    max-width: 30px;
    max-height: 30px;
}

.OrderRegistry-page .centered {
    margin: 0;
    width: 99%;
}

.OrderRegistry-page .first.span1 {
    min-width: 150px;
}

.OrderRegistry-page .pickupDate label {
    line-height: 30px;
    height: 30px;
    margin-left: 0;
}

.OrderRegistry-page .pickupDate {
}

    .OrderRegistry-page .discountPanel.well, .OrderRegistry-page .pickupDate.well {
        background-image: -ms-linear-gradient(top, #FFFFFF 0%, #DFDFDF 100%);
        background-image: -moz-linear-gradient(top, #FFFFFF 0%, #DFDFDF 100%);
        background-image: -o-linear-gradient(top, #FFFFFF 0%, #DFDFDF 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #DFDFDF));
        background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #DFDFDF 100%);
        background-image: linear-gradient(to bottom, #FFFFFF 0%, #DFDFDF 100%);
    }


/* OrderRegistryPage */
.btn-green {
    background: -webkit-gradient(linear, center top, center bottom, from(#BEED68),color-stop(100%, #0C9072));
    background: -webkit-linear-gradient(top,#BEED68,#0C9072 100%);
    background: -moz-linear-gradient(top,#BEED68,#0C9072 100%);
    background: -ms-linear-gradient(top,#BEED68,#0C9072 100%);
    background: -o-linear-gradient(top,#BEED68,#0C9072 100%);
    background: linear-gradient(to bottom,#BEED68,#0C9072 100%);
    -pie-background: linear-gradient(top,#BEED68,#0C9072 100%);
    border-style: none;
    border-color: #000000;
    background: -webkit-gradient(linear, center top, center bottom, from(#A3E627),color-stop(100%, #05755C));
    background: -webkit-linear-gradient(top,#A3E627,#05755C 100%);
    background: -moz-linear-gradient(top,#A3E627,#05755C 100%);
    background: -ms-linear-gradient(top,#A3E627,#05755C 100%);
    background: -o-linear-gradient(top,#A3E627,#05755C 100%);
    background: linear-gradient(to bottom,#A3E627,#05755C 100%);
    -pie-background: linear-gradient(top,#A3E627,#05755C 100%);
    border-color: #000000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    color: #FFFFFF;
    font-size: 14px;
    font-family: source-sans-pro-n6, source-sans-pro, sans-serif;
    font-weight: 600;
    background-color: #6DBF38;
}

    .btn-green:hover, .btn-green:focus {
        background: -webkit-gradient(linear, center top, center bottom, from(#BEED68),color-stop(100%, #0C9072));
        background: -webkit-linear-gradient(top,#BEED68,#0C9072 100%);
        background: -moz-linear-gradient(top,#BEED68,#0C9072 100%);
        background: -ms-linear-gradient(top,#BEED68,#0C9072 100%);
        background: -o-linear-gradient(top,#BEED68,#0C9072 100%);
        background: linear-gradient(to bottom,#BEED68,#0C9072 100%);
        -pie-background: linear-gradient(top,#BEED68,#0C9072 100%);
        border-style: none;
        border-color: #000000;
        color: #FFFFFF;
        font-size: 1em;
        background-color: #AAA;
    }

/* OrderRegistryPage */
.RegistrationSummary-page .logoDiv img {
    max-width: 50%;
}

.RegistrationSummary-page table {
    width: 99%;
}

    .RegistrationSummary-page table h5 {
        margin: 1px;
    }

    .RegistrationSummary-page table th {
        background-color: #E9E9E9;
    }

    .RegistrationSummary-page table td {
        vertical-align: middle;
        text-align: left;
        padding: 0;
        border: 0;
        font-size: 12px;
        font-family: sans-serif;
    }

.OrderRegistry-page .discountRow {
    margin-bottom: 12px;
}

    .OrderRegistry-page .discountRow select {
        margin-bottom: 0;
    }

    .OrderRegistry-page .discountRow label, .OrderRegistry-page .discountAll label {
        margin-bottom: 4px;
        margin-top: 4px;
        margin-left: 0;
    }

    .OrderRegistry-page .discountRow input {
        margin-bottom: 0;
    }


/* WholesaleOrder-page*/
.WholesaleOrder-page .optionBoxbuttonContainer {
    margin-bottom: 14px;
}

.ProfileMaintainance-page hr {
    border-width: 2px;
    width: 98%;
}


@media (max-width: 979px) and (min-width: 768px) {
    .WholesaleOrder-page .offset2 {
        margin-left: 197px;
    }
}

.validation-div {
    margin-left: -12px;
}

.container-fluid {
    padding: 0 5px 0 5px;
}


/*order history*/
.OrderHistory-page .weekBtns {
    margin-left: 1%;
}

    .OrderHistory-page .weekBtns button {
        text-shadow: none;
        font-size: 18px;
        font-family: open-sans-n4, open-sans, sans-serif;
        font-weight: 400;
        margin-bottom: 20px;
    }

.OrderHistory-page .label-div {
    color: #686868;
    font-size: 20px;
    font-weight: 700;
}

    .OrderHistory-page .label-div label {
        color: #686868;
        font-size: 20px;
        font-family: open-sans-n4, open-sans, sans-serif;
        font-weight: 700;
        padding-bottom: 12px;
    }

.OrderHistory-page .dateRange button {
    margin: 0;
    height: 32px;
    text-shadow: none;
    font-size: 21px;
    font-family: open-sans-n4, open-sans, sans-serif;
    font-weight: 400;
}

.OrderHistory-page .dateRange div {
    margin-left: 0;
}

.OrderHistory-page .dateRange label {
    float: left;
    margin: 0;
    padding: 5px 8px 0 0;
}

.OrderHistory-page .datePicker {
    width: 70% !important;
}

.OrderHistory-page .customer-div {
    margin: 12px;
}

    .OrderHistory-page .customer-div .lbl-div {
        color: #439dd9;
        font-family: source-sans-pro-n6, source-sans-pro, sans-serif;
        font-size: 18px;
        font-weight: 400;
    }

    .OrderHistory-page .customer-div .lbl-val {
        color: #439dd9;
        font-family: source-sans-pro-n6, source-sans-pro, sans-serif;
        font-size: 14px;
        text-align: left;
        font-weight: normal;
        margin: 0;
    }

.OrderHistory-page .carrier-div {
    color: #FFF;
    padding: 6px 0 0 20px;
}

/*OrderTracking-page*/
.OrderTracking-page .carrier-div {
    color: #FFF;
    padding: 6px 0 0 20px;
}

/*order wholesaleSummary*/
.WholesaleSummary-page .weekBtns {
    margin-left: 1%;
}

    .WholesaleSummary-page .weekBtns button {
        text-shadow: none;
        font-size: 18px;
        font-family: open-sans-n4, open-sans, sans-serif;
        font-weight: 400;
        margin-bottom: 20px;
    }

.WholesaleSummary-page .label-div {
    color: #686868;
    font-size: 20px;
    font-family: open-sans-n4, open-sans, sans-serif;
    font-weight: 700;
    padding-bottom: 12px;
}

.WholesaleSummary-page .dateRange button {
    margin: 0;
    height: 32px;
    text-shadow: none;
    font-size: 21px;
    font-family: open-sans-n4, open-sans, sans-serif;
    font-weight: 400;
}

.WholesaleSummary-page .dateRange div {
    margin-left: 0;
    width: auto;
}

.WholesaleSummary-page .dateRange label {
    float: left;
    margin: 0;
    padding: 5px 8px 0 0;
    width: 45px;
    text-align: right;
}

/*.WholesaleSummary-page .datePicker {
    width: 60% !important;
}

.CRMProm-page .datePickerFromTo {
    width: 65% !important;
}*/

.CRMProm-page label.radio {
    width: 60px;
}

/*Event Type*/
.EventTypeSelectContainer {
    margin-left: -1.8em;
}



    .InternalEventType-page .container, .EventTypeSelectContainer .container {
        margin: 0 auto;
        float: none;
        text-align: center;
    }

.InternalEventType-page .well .formLabel {
    font-weight: normal;
    margin-bottom: 0;
    margin-right: 10px;
}

.InternalEventType-page .well .dataCell {
    margin-left: 0;
    font-weight: bold;
    line-height: 30px;
}

@media (max-width: 767px) {
    .InternalEventType-page .container, .EventTypeSelectContainer .container {
        width: 90%;
    }
}

.stop-scrolling {
    overflow: hidden !important;
}

.loadingMask {
    background: rgb(0,0,0);
    filter: alpha(opacity=80);
    opacity: .8;
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-border-radius: .5em;
    visibility: hidden;
    z-index: 8060;
}

.loadingBody {
    margin-top: -5em;
    -webkit-border-radius: .8em;
    color: #fff;
    text-align: center;
    font-weight: bold;
    position: fixed;
    left: 50%;
    bottom: 50%;
    margin-left: -60px;
    background: #5a5a5a;
    padding-top: 20px;
    width: 120px;
    height: auto;
    behavior: url(border-radius.htc);
    behavior: url(ie-css3.htc);
    border-radius: .8em;
    z-index: 8070;
    visibility: hidden;
    _position: absolute; /* IE6 */
    _margin: auto auto auto -60px; /* IE6 */
    _z-index: 8070; /* IE6 */
    _top: 50%; /* IE6 */
    _left: 50%; /* IE6 */
    _position: absolute;
    _margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}


/*login layout*/
#page.login-layout {
    background-color: #FFF;
    border: none;
    margin-top: 10%;
}


/*account pages : login, forgot ID, forgot Password*/
@media (min-width: 979px) {
    .account-page {
        width: 60%;
    }
}

@media (max-width: 978px) {
    .account-page {
        width: 70%;
    }
}

.account-page {
    position: relative;
    border-radius: 20px;
    border: 1px solid #D9D9D9;
    margin: 0 auto;
    float: none;
    min-height: 370px;
    padding-bottom: 1px;
    padding-top: 2%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FFFFFF', endColorstr = '#F7F7F7');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#FFFFFF', endColorstr = '#F7F7F7')";
    background-image: -moz-linear-gradient(top, #FFFFFF, #F7F7F7);
    background-image: -ms-linear-gradient(top, #FFFFFF, #F7F7F7);
    background-image: -o-linear-gradient(top, #FFFFFF, #F7F7F7);
    background-image: -webkit-linear-gradient(top, #FFFFFF, #F7F7F7);
    background-image: linear-gradient(top, #FFFFFF, #F7F7F7);
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.login-layout .validation-summary-errors {
    margin: 0 0 7px 26px;
}

.account-page .mainTitle-div h2 {
    color: #BDBDBD;
    font-family: open-sans-n7, open-sans, sans-serif;
    font-size: 28px;
    font-weight: 700;
    padding-bottom: 8px;
    border-bottom: 2px solid #ededed;
}

.account-page .email-div {
    padding-top: 5px;
}

    .account-page .email-div input, .account-page .password-div input, .account-page .userId-div input {
        height: 33px;
        width: 94%;
    }

.account-page .forget-div {
    text-align: right;
    padding-right: 5%;
}

    .account-page .forget-div a {
        color: #909090;
        font-family: open-sans-n4, open-sans, sans-serif;
        font-size: 13px;
    }

.account-page .needHelp-div {
    padding: 29px 0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

    .account-page .needHelp-div p {
        padding-left: 40px;
        padding-top: 8px;
        color: #909090;
        font-family: open-sans-n4, open-sans, sans-serif;
        font-size: 24px;
        font-weight: 700;
    }

.account-page .Login-btn {
    text-shadow: none;
    font-style: italic;
}

.account-page .title-div {
    padding-top: 20px;
    font-family: open-sans-n4, open-sans, sans-serif;
    color: #767676;
    font-size: 24px;
    font-style: italic;
    font-weight: 400;
}

.account-page .text-div {
    font-family: open-sans-n4, open-sans, sans-serif;
    color: #b8b8b8;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 0;
}

/* logout */

.dropdown-menu > li > a:hover {
    color: #30BEEB;
}

/*in event type*/
@media (min-width:1200px) {
    .singleBtn-div {
        margin: 0 auto !important;
        float: none;
    }
}

/*FAQ page*/
.FAQ-page .questionBox-div {
    border: 1px solid #d5d5d5;
    margin-right: 2%;
}

.FAQ-page .separator-row {
    border-bottom: 2px dotted #d5d5d5;
    margin: 15px 0;
}

.FAQ-page .questionBox-div div {
    padding: 10px;
    font-family: open-sans, sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #a0a0a0;
}

.FAQ-page .questionBox-div #Answer1, .FAQ-page .questionBox-div #Answer2, .FAQ-page .questionBox-div #Answer3 {
    font-size: 14px;
    color: #444444;
}



/*  Order Registry page  */
.OrderRegistry-page #AddItemModal {
    float: left;
    padding: 15px;
}

.OrderRegistry-page .addedPerson {
    margin-right: 5px;
    padding: 4px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0px 0px 2px 2px rgba(255, 255, 255, 0.8);
    box-shadow: inset 0px 0px 2px 2px rgba(255, 255, 255, 0.8);
}

    .OrderRegistry-page .addedPerson img {
        margin-left: 5px;
        width: 40px;
    }

.OrderRegistry-page .AddItemModel-body {
    display: inline-block;
    padding: 10px;
}

    .OrderRegistry-page .AddItemModel-body .first {
        margin-left: 5px;
    }

    .OrderRegistry-page .AddItemModel-body label {
        font-weight: bold;
    }

.OrderRegistry-page .AddItemModel-footer {
    padding-top: 4px;
    border-top: 1px solid #CBCBCB;
}

#ApplyToCustomerModal .close, .AddItemModel-footer .close {
    padding: 4px;
    opacity: 0.9;
    background: -webkit-gradient(linear, center top, center bottom, from(#BEED68),color-stop(100%, #0C9072));
    background: -webkit-linear-gradient(top,#BEED68,#0C9072 100%);
    background: -moz-linear-gradient(top,#BEED68,#0C9072 100%);
    background: -ms-linear-gradient(top,#BEED68,#0C9072 100%);
    background: -o-linear-gradient(top,#BEED68,#0C9072 100%);
    background: linear-gradient(to bottom,#BEED68,#0C9072 100%);
    -pie-background: linear-gradient(top,#BEED68,#0C9072 100%);
    background: -webkit-gradient(linear, center top, center bottom, from(#A3E627),color-stop(100%, #05755C));
    background: -webkit-linear-gradient(top,#A3E627,#05755C 100%);
    background: -moz-linear-gradient(top,#A3E627,#05755C 100%);
    background: -ms-linear-gradient(top,#A3E627,#05755C 100%);
    background: -o-linear-gradient(top,#A3E627,#05755C 100%);
    background: linear-gradient(to bottom,#A3E627,#05755C 100%);
    -pie-background: linear-gradient(top,#A3E627,#05755C 100%);
}

.OrderRegistry-page .modalAddItemButton {
    margin: 0 0 10px 10px;
}


.OrderRegistry-page .discountRow .input-append {
    margin-right: 2%;
}

.OrderRegistry-page .CustomerDiscountValue {
    margin-left: 10px;
}

.OrderRegistry-page .slctDiscountTypeList {
    height: 30px;
}

.HdnParticipant {
    display: none;
}


.ItemInquiry #searchResults span {
    font-weight: 700;
    font-size: 18px;
}

.item-deleted {
    border-top: 2px solid red;
    border-bottom: red 2px solid;
}





/* OrderReplacement-page */
.OrderReplacement-page table th {
    padding: 8px;
}

.OrderReplacement-page table th, .OrderReplacement-page table td {
    border: 1px solid rgb(213, 213, 213);
    text-align: center;
}


/* chzn-container */
.chosenHolder .chzn-container, .span5 .chzn-container {
    width: 100% !important;
}

    .chosenHolder .chzn-container .chzn-search input[type='text'], .span5 .chzn-container .chzn-search input[type='text'] {
        padding: 2px 4% !important;
        width: 90% !important;
        margin: 5px 2%;
    }

    .chosenHolder .chzn-container .chzn-drop, .span5 .chzn-container .chzn-drop {
        width: 100% !important;
    }

#Items th {
    padding: 8px;
}

    #Items th label {
        padding-left: 0;
    }

#Items td p {
    color: #858585;
    font-size: 14px;
    font-weight: bold;
}

#Items td input {
    color: #858585;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
}

#ShippingCommentsDiv div, #OrderCommentsDiv div, #MeasurmentsDiv div {
    border-radius: 3px;
}

#ShippingCommentsDiv #shippingComment, #OrderCommentsDiv #orderComments, #MeasurmentsDiv {
    width: 98.2%;
}

@media (max-width: 767px) {
    #ShippingCommentsDiv #shippingComment, #OrderCommentsDiv #orderComments, #MeasurmentsDiv  {
        width: 100%;
    }
}

#ShippingCommentsDiv label, #OrderCommentsDiv label, #MeasurmentsDiv label {
    color: #FFF;
    padding-left: 0;
    padding: 8px 0 5px 5px;
}

.Gradian-green {
    background: -webkit-gradient(linear, center top, center bottom, from(#BEED68),color-stop(100%, #0C9072));
    background: -webkit-linear-gradient(top,#BEED68,#0C9072 100%);
    background: -moz-linear-gradient(top,#BEED68,#0C9072 100%);
    background: -ms-linear-gradient(top,#BEED68,#0C9072 100%);
    background: -o-linear-gradient(top,#BEED68,#0C9072 100%);
    background: linear-gradient(to bottom,#BEED68,#0C9072 100%);
    -pie-background: linear-gradient(top,#BEED68,#0C9072 100%);
    border-style: none;
    border-color: #000000;
    background: -webkit-gradient(linear, center top, center bottom, from(#A3E627),color-stop(100%, #05755C));
    background: -webkit-linear-gradient(top,#A3E627,#05755C 100%);
    background: -moz-linear-gradient(top,#A3E627,#05755C 100%);
    background: -ms-linear-gradient(top,#A3E627,#05755C 100%);
    background: -o-linear-gradient(top,#A3E627,#05755C 100%);
    background: linear-gradient(to bottom,#A3E627,#05755C 100%);
    -pie-background: linear-gradient(top,#A3E627,#05755C 100%);
    border-color: #000000;
    text-align: center;
    color: #FFFFFF;
    font-size: 14px;
    font-family: source-sans-pro-n6, source-sans-pro, sans-serif;
    font-weight: 600;
    padding: 20px 0 20px 18px;
    border-radius: 4px;
    background-color: #6DBF38;
}

.UPSShipping-page .Gradian-green {
    padding: 10px 0 10px 0;
}

.boxHeader {
    font-size: 18px;
    font-weight: bold;
}

.TicketDetails-page .divToPrint {
    border: 1px solid #b8b8b8;
    padding-left: 10px;
    padding-bottom: 10px;
    margin-left: -20px;
    position: relative;
}

.TicketDetails-page .headerInfo h4 {
    font-family: open-sans, sans-serif;
    color: #4B4B4B;
    font-size: 21px;
    margin: 5px 0 5px 5px;
}

.TicketDetails-page .mainTable {
    width: 98%;
}

    .TicketDetails-page .mainTable td {
        padding: 2px;
        text-align: center;
        border: 1px solid #A9A9A9;
        font-size: 14px;
        color: #858585;
        -webkit-print-color-adjust: exact;
    }

.TicketDetails-page .th-style {
    width: auto;
    padding: 2px;
    background: -webkit-gradient(linear, center top, center bottom, from(rgb(66, 207, 248)),color-stop(100%, rgb(76, 115, 193)));
    background: -webkit-linear-gradient(top,rgb(66, 207, 248),rgb(76, 115, 193) 100%);
    background: -moz-linear-gradient(top,rgb(66, 207, 248),rgb(76, 115, 193) 100%);
    background: -ms-linear-gradient(top,rgb(66, 207, 248),rgb(76, 115, 193) 100%);
    background: -o-linear-gradient(top,rgb(66, 207, 248),rgb(76, 115, 193) 100%);
    background: linear-gradient(to bottom,rgb(66, 207, 248),rgb(76, 115, 193) 100%);
    -pie-background: linear-gradient(top,#42CFF8,#4C73C1 100%);
    color: #FFF !important;
    font-weight: 700;
}

.TicketDetails-page .mainTable td h4 {
    color: #4b4b4b;
    text-align: left;
    font-family: open-sans, sans-serif;
    margin-bottom: 5px;
}

.chzn-container {
    margin-bottom: 15px;
}

.selectPicker {
    margin-left: 0;
}

.printing-page-break {
    page-break-after: always;
}

.hyberLink:hover {
    cursor: pointer;
}

.table th.Gradian-blue {
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
}

.ui-dialog #ShippingDiv td {
    padding: 10px 20px;
}








.pagination a {
    color: #0088cc;
}

.AccountManagement table {
    width: 99%;
}

.style5 {
    width: 5% !important;
}

.style10 {
    width: 10%;
}

.style15 {
    width: 15%;
}

.style20 {
    width: 20%;
}

.style25 {
    width: 25%;
}

.style30 {
    width: 30%;
}

.style40 {
    width: 40%;
}

.style60 {
    width: 60%;
}
/* this code used to make jqGrid responsive*/
.grid-Wrapper .ui-jqgrid-htable th {
    width: auto !important;
    padding: 2px !important;
}

    .grid-Wrapper .ui-jqgrid-htable th div {
        width: auto !important;
    }

.grid-Wrapper .ui-jqgrid tr.ui-row-ltr td {
    width: auto !important;
}
/*
.grid-Wrapper .ui-jqgrid,
.grid-Wrapper .ui-jqgrid-htable,
.grid-Wrapper .ui-jqgrid .ui-jqgrid-view,
.grid-Wrapper .ui-jqgrid .ui-jqgrid-hdiv,
.grid-Wrapper .ui-jqgrid .ui-jqgrid-htable {
    width: 100% !important;
}

    .grid-Wrapper .ui-jqgrid .ui-jqgrid-bdiv,
    .grid-Wrapper .ui-jqgrid .ui-jqgrid-btable {
        width: 100% !important;
    }

    .grid-Wrapper .ui-jqgrid .ui-jqgrid-pager {
        width: 100% !important;
    }
    */
.grid-Wrapper .ui-jqgrid .ui-pg-table td {
    width: auto;
}

.grid-Wrapper .ui-jqgrid .ui-jqgrid-hbox {
    padding-right: 0 !important;
}



.CRMGrid-Wrapper {
    overflow: auto;
    border-right: 1px solid;
    border-left: 1px solid;
    border-color: #AAA;
}

    .CRMGrid-Wrapper .ui-jqgrid .ui-jqgrid-htable th div {
        width: auto !important;
    }


.input-required {
    background: #FFFFCC !important;
}

/* input prepend with dropdown menu*/
.input-prepend, .input-append {
    margin-left: 0 !important;
}

    .input-prepend select {
        height: 30px !important;
    }

.weight-div.input-prepend select {
    width: 25% !important;
}

.weight-div.input-prepend input {
    width: 70%;
}

/*datepickers*/
.datePicker-div.input-append img {
    background: #FFF;
    padding: 1px 3px;
    height: 26px;
    width: 26px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid #cccccc;
    border-left: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}
.delivery-date-div .delivery-date {
    width: calc(100% - 122px);
}
.delivery-date-div .btn-delivery-date {
    width:110px;
}
.FromToDate {
    margin-right: 6%;
}

.width99 {
    width: 99%;
}

.btn {
    text-shadow: none;
}

@media (max-width: 767px) {
    .whiteInnerContainer {
        padding-left: 4%;
        padding-right: 1%;
    }
}

.more-info {
    background-image: url("../Images/more-info.png");
}

.upload-step-one {
    background-image: url("../Images/step-one.png");
}

.upload-step-two {
    background-image: url("../Images/step-two.png");
}

.upload-steps {
    height: 36px;
    width: 36px;
    margin-right: 3px;
    margin-left: 5px;
}

.pointer {
    cursor: pointer;
}

.two-coulmns {
    margin: 0 auto;
    width: 100%;
}

    .two-coulmns .span4 {
        width: 40%;
    }

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .two-coulmns .span4 {
        width: 100%;
    }
}

.printRoute-btn {
    vertical-align: top;
    padding: 5px 15px;
}

/* portrait */
@media screen and (orientation:portrait) {
    body {
        zoom: 1;
    }
}
/* landscape */
@media screen and (orientation:landscape) {
    body {
        zoom: 1;
    }
}

.centered {
    text-align: center;
}

.EventTypeSelectContainer .centered {
    width: 60%;
}

@media (max-width: 480px) {
    .EventTypeSelectContainer .centered {
        width: 90%;
    }
}

@media (max-width: 480px) {
    .ui-dialog {
        width: 320px !important;
    }
}

#collapse-nav #route li a {
    display: block;
    padding: 6px;
}

    #collapse-nav #route li a:hover {
        text-decoration: none;
        background-color: #eeeeee;
    }

/* New Shimpment*/
.customerInfo th, .customerInfo td {
    vertical-align: top;
}

/*    End Of Day Report page */

.EndOfDayReport-page #header-tab {
    font-weight: bold;
}

.EndOfDayReport-page #Contents {
}

.ReBills-page .table {
    border-left: 1px solid #DDD;
    empty-cells: hide;
}

    .ReBills-page .table th, .ReBills-page .table td {
        border-bottom: 1px solid #DDD;
        border-left: 1px solid #DDD;
    }

.ReBills-page #Items .btn-green {
    color: #FFF;
    font-size: 12px;
}

.ReBills-page #Items .btn-danger {
    color: #FFF;
    font-size: 12px;
}

.PurchaseItems .btn-green:hover, .btn-green:focus {
    font-size: 14px;
}

.reBills-table th {
    text-align: center;
    font-weight : bold;
}
.reBills-table td {
    text-align: left;
    font-weight : bold;
}
@media print {
    .reBills-table td {
        text-align: left;
        padding-left:0px;
        margin-left: 0px;
        font-weight : bold;
    }
    .reBills-table {
    border-collapse:collapse;
    }
}
/*    Printing Routes page */

.PrintingRoutesTable .attrTitle.Gradian-blue label {
    padding-left: 0;
}

/* Error Pages Style */
#error-page .error-number {
    font-size: 40px;
}

#error-page .error-description {
    font-size: 20px;
    margin-top: 20px;
    color: #383838;
}

#error-page #back-btn {
    position: relative;
    font-size: 16px;
    margin: 50px auto;
    float: none;
}

@media (max-width: 979px) and (min-width: 768px) {
    #error-page .span3 {
        width: 250px;
    }
}

@media (max-width: 767px) {
    #error-page .span3 {
        width: 250px;
    }
}


li.sideMenuLI a.selected-tab {
    text-decoration: none;
    background-color: #dddddd;
}

/* End Error Pages Style */
.InvoicingPrint {
    display: none;
}

@media print {
    #DetailsPartialView {
        display: block;
    }

    .RegistrationSummary-page .logoDiv img {
       max-width: 20% !important;
    }

    #TicketHeaderLogo img {
        width: 70%;
        margin-top: 27px;
    }
}

#TicketHeaderAddress {
    padding-top: 10px;
    padding-left: 10px;
    margin: 0px;
}

#TicketHeaderLogo {
    margin-left: 0px;
    margin-top: 45px;
}

    #TicketHeaderLogo img {
        max-width: 80%;
    }


#TicketHeaderRoute {
    margin-top: 50px !important;
    margin-left: 0px;
    font-size: 14px;
    text-align: right;
    font-weight: bold;
    position: absolute;
    top: 100px;
    right: 18px;
}
#TicketHeaderRoute2 {
    float: right;
    margin-left: 0px;
    font-size: 14px;
    text-align: right;
    font-weight: bold;
    position: absolute;
    top: 10px;
    right: 18px;
}
.mainTable2 {
    float: right;
    border: none !important;
    line-height: 15px !important;
    text-align: left !important;
    margin-left: 50px !important;
}
#dropship {
    float: right !important;
    text-align: right !important;
}

h5 {
    margin: 0px;
}

@media (max-width: 767px) {
    #TicketHeaderAddress {
        width: 33%;
        float: left;
    }

    #TicketHeaderLogo {
        margin-top: 10px;
        text-align: left !important;
        float: left;
        width: 35%;
    }

    #TicketHeaderRoute {
        float: left;
        width: 20%;
    }
}

@media (max-width: 767px) {

    #SummaryCustomerAddress {
        width: 60%;
        float: left;
    }

    #SummaryDropAddress {
        text-align: left !important;
        float: left;
        width: 35%;
    }
}

#SummaryDropAddress h5 {
    margin-left: 90px;
}

.info {
    margin-right: 14px;
    color: #b94a48;
    font-size: 14px;
    margin-right: 681px;
    padding-top: 10px;
    padding-left: 10px;
    background-color: #DCE8E7;
    margin-bottom: 5px;
}

.Messages {
    margin-right: 14px;
    color: #b94a48;
    font-size: 14px;
    padding-top: 10px;
    padding-left: 10px;
    background-color: #DCE8E7;
    margin-bottom: 5px;
}


.purchaseHeaders {
    color: white;
    font-size: 20px;
    padding-left: 10px;
    padding-top: 10px;
}

#orderMasterDiv td, #orderMasterDiv th {
    border: 1px solid #ccc;
    padding: 4px;
    vertical-align: middle;
    margin: 0px;
}

#orderMasterDiv input[type="text"] {
    margin: 0px;
    width: 90%;
}

#DressSalesDiv td, #DressSalesDiv th {
    border: 1px solid #ccc;
    padding: 4px;
    vertical-align: middle;
    margin: 0px;
}


#TurnAnalysisDiv td, #TurnAnalysisDiv th {
    border: 1px solid #ccc;
    padding: 4px;
    vertical-align: middle;
    margin: 0px;
}

#MostPopulareStylesDiv td, #MostPopulareStylesDiv th {
    border: 1px solid #ccc;
    padding: 4px;
    vertical-align: middle;
    margin: 0px;
}


#ui-jqgrid ui-widget ui-widget-content ui-corner-all {
    width: 100%;
}

@media print {
    td.forcedProductionTicket {
        background-color: #fff98f !important;
        /*-webkit-print-color-adjust: exact;*/
    }

    .TicketDetails-page .th-style
    {
        color:#868b8f !important;
    }
    .whiteInnerContainer {
        margin-left: 0;
    }
}



@media print {
    div.doc_print_footer {
        display: block;
    }
}

@media screen {
    div.doc_print_footer {
        display: none;
    }
}

.change-password {
    width: 220px !important;
}
/*

@media print {
    .participant {page-break-inside: avoid;}
}
*/
.Events-gird .ui-jqgrid {
    margin: 0 auto !important;
}

.response-buttonset {
    text-align: center;
    width: 100%;
}

    .response-buttonset button {
        margin-left: 170px !important;
        width: 147px !important;
    }

.calculate-change input {
    width: 135px !important;
}

.calculate-change table {
    width: 100% !important;
}

.item-view-status td {
    background-color: lightgrey;
}

    .item-view-status td span {
        font-weight: 700;
    }

    .item-view-status td:nth-child(1) {
        border-right-width: 0;
        width: 45%;
    }

    .item-view-status td:nth-child(2) {
        border-left-width: 0;
        border-right-width: 0;
        text-align: left;
        width: 20%;
    }

    .item-view-status td:nth-child(3) {
        border-left-width: 0;
        border-right-width: 0;
        text-align: right;
        width: 20%;
    }

    .item-view-status td:nth-child(4) {
        border-left-width: 0;
        text-align: left;
        width: 15%;
    }

.generate-report {
    left: 358px;
    padding: 10px 20px;
    text-shadow: none;
}


.cell-align-left td, .cell-align-left th {
    text-align: left;
}


.hidden {
    display: none;
}


@media print {
    .non-printable {
        display: none !important;
    }

    .printable {
        display: block !important;
    }


    table.body-tab th {
        border: 1px solid;
        text-align: left;
        text-indent: 0px !important;
    }

    table.body-tab td, table.body-tab td label {
        text-align: left;
        text-indent: 0px !important;
    }
}


@media screen {
    .non-printable {
        display: block !important;
    }

    .printable {
        display: none !important;
    }
}

table#lookUp th, table#lookUp td{
    text-align: left;
    text-indent: 0px !important;
    padding-left:2px;
}




    .shoe-ticket-container {
        width: 211pt;
        height: 139pt;
        padding: 5px;
        text-transform: uppercase;
    }

        .shoe-ticket-container .shoe-ticket {
            position: absolute;
            width: 211pt;
            height: 139pt;
            /*background-color: #8fb6d5 !important;*/
            /*border-radius: 5px;
            border-style: solid;*/
            /*border-width: 1px;*/
        }

            .shoe-ticket-container .shoe-ticket .wholesaleName {
                font-family: sans-serif;
                padding: 10px 0px 5px 15px;
            }

            .shoe-ticket-container .shoe-ticket .ticket-info-container {
                padding: 0 15px;
                display: inline-block;
            }

            .shoe-ticket-container .shoe-ticket .ticket-info {
                float: left;
                position: relative;
                width: 33%;
                font-family: sans-serif;
                font-size: 18px;
                text-transform: uppercase;
            }

            .shoe-ticket-container .shoe-ticket .barcode-div {
                margin: 5px 15px;
                height: 30px;
            }

                .shoe-ticket-container .shoe-ticket .barcode-div #barcode {
                    width: 147pt;
                    height: inherit;
                }


            .shoe-ticket-container .shoe-ticket .date-div {
                float: right;
                margin: 0px 15px;
                text-align: right;
                font-size: 18px;
                width: 80%;
            }

            .shoe-ticket-container .shoe-ticket .wholesaleCustomerName-div {
                text-transform: uppercase;
                float: left;
                margin: 0 15px;
                font-size: 18px;
                font-family: sans-serif;
            }

        .creditCardCss {
            -webkit-text-security: disc;
        }

 

/* main layout
----------------------------------------------------------*/

body
{
    background-color: white;
}

#page
{
    border-style: solid;
    border-color: rgb(219, 219, 219);
    background-color: rgb(238, 240, 242);
    border-width: 0 1px;
}


/* header */



.logoDiv
{
    background-color: transparent;
}

@media (max-width: 767px)
{


    #main-logo
    {
        float: left;
        width: 50%;
        height: 114px;
    }

    #headerContent .headerRight
    {
        width: 50%;
        margin-top: 20px;
    }
}




#location, #DateDiv, #Time, #location label, #DateDiv label, #Time label
{
    float: left;
}

#lblLocationText
{
    margin: 0 5px 0 54px;
}

#lblDateText
{
    margin: 0 5px 0 39px;
}


#right-header #Userinfo
{
    float: right;
    margin: 56px 54px auto auto;
    font-weight: bold;
}

#Userinfo img
{
    margin-left: 5px;
    vertical-align: middle;
}

#lblTimeText
{
    margin: 0 5px 0 11px;
}
/*   Side - Bar  */

.left-nav
{
    margin-left: 0;
    margin-right: 0px;
    border-style: solid;
    border-color: rgb(223, 224, 226);
    background-color: rgb(249, 251, 253);
    position: relative;
    border-width: 0px 1px 0px 0px;
    min-height: 702px;
}


@media (max-width: 979px)
{

    .left-nav-container
    {
        margin-right: 30%;
    }

    .left-nav
    {
        min-height: 0px;
    }
}



.PageContent
{
    min-height: 654px;
    background-image: url(/Images/main-page-background.png);
}

.progress-bar
{
    display: none;
}


/****
@: moath Omar ;
*/

.noPadding
{
    padding: 0 !important;
}

.noMargin
{
    margin: 0 !important;
}


/********************************************************************************/
/* Some BackGroundColors */

.option-box
{
    margin-bottom: 5% !important;
    text-align: center;
}

    .option-box .row-fluid
    {
        margin-bottom: 0 !important;
        text-align: center;
    }




.EventBox
{
    background: url("../Images/event_name2.png") no-repeat left top;
    background-color: rgb(255, 255, 255);
}

.OrderInfoBox
{
    background: url("../Images/order-info-icon.png") no-repeat left top;
    background-color: rgb(255, 255, 255);
}

.OrderPickupBox
{
    background: url("../Images/order-pickup-info-icon.png") no-repeat left top;
    background-color: rgb(255, 255, 255);
}

.StoreBox
{
    background: url("../Images/store-manag-icon.png") no-repeat left top;
    background-color: rgb(255, 255, 255);
}



/******************************************************************************/


div.order-progress-bar
{
    margin: 0 !important;
}

.noTopMargin
{
    margin-top: 0 !important;
}

.noTopPadding
{
    padding-top: 0px !important;
}

.order-progress-bar
{
}

.padding5
{
    padding: 5% !important;
}

.padding1
{
    padding: 1% !important;
}

.marginVertical1
{
    margin-bottom: 1%;
    margin-top: 1%;
}

.marginVertical2
{
    margin-bottom: 2%;
    margin-top: 2%;
}

.marginVertical5
{
    margin-bottom: 5%;
    margin-top: 5%;
}


.emptyboxButton
{
    z-index: 16;
    width: 70%;
    min-height: 39px;
    max-height: 40px;
    content: " ";
    color: #FFFFFF;
    line-height: 0;
    text-align: center;
    font-size: 13px;
    font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
    font-weight: bold;
    margin: 18px auto auto auto;
    position: relative;
    line-height: 18px;
    display: inline-block;
    color: white;
    text-decoration: none;
    padding: 0;
}




.OptionsTable
{
    width: 100%;
    margin: 3% 0;
}



@media (max-width: 979px)
{



    .PageContent
    {
        width: 100%;
    }

    .nav-collapse.collapse
    {
        float: none;
    }

        .nav-collapse.collapse.in
        {
            width: auto;
            text-align: center;
        }

    .OptionsTable .Margin
    {
        margin-right: auto;
    }
}



@media (max-width: 979px) and (min-width: 768px)
{

    .PageContent
    {
        width: 100%;
    }

    .OptionsTable
    {
        padding: 0;
    }

        .OptionsTable .span4
        {
            width: 45% !important;
            padding: auto !important;
        }

        .OptionsTable .Margin
        {
            margin-right: 20px;
        }
}



/*  for main page  */




.option-icon
{
    height: 79px;
    border-style: none;
    border-color: rgba(0, 0, 0, 0);
    position: relative;
    margin-right: -79px;
    background: rgba(0, 0, 0, 0) url("../images/1.png") no-repeat left top;
}

.OrderOptionBoxes
{
    width: 100%;
}

.option-box-header p
{
    padding-top: 4px;
    margin-top: 0;
}





.option-box-header img
{
    vertical-align: bottom;
    margin: 5px 10px 0 0;
}

.OptionsTable .boxButton
{
    z-index: 111;
    width: 90%;
    min-height: 40px;
    -pie-box-shadow: 2px 2px 3px #EFEFEF;
    -moz-box-shadow: 2px 2px 3px rgba(222, 222, 222, 0.5);
    -webkit-box-shadow: 2px 2px 3px -1px rgba(222, 222, 222, 0.5);
    box-shadow: 2px 2px 3px rgba(222, 222, 222, 0.5);
    background: -webkit-gradient(linear, center top, center bottom, from(rgb(254, 254, 254)),color-stop(100%, rgb(245, 245, 245)));
    background: -webkit-linear-gradient(top,rgb(254, 254, 254),rgb(245, 245, 245) 100%);
    background: -moz-linear-gradient(top,rgb(254, 254, 254),rgb(245, 245, 245) 100%);
    background: -ms-linear-gradient(top,rgb(254, 254, 254),rgb(245, 245, 245) 100%);
    background: -o-linear-gradient(top,rgb(254, 254, 254),rgb(245, 245, 245) 100%);
    background: linear-gradient(to bottom,rgb(254, 254, 254),rgb(245, 245, 245) 100%);
    -pie-background: linear-gradient(top,#FEFEFE,#F5F5F5 100%);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(195, 195, 195);
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
    border-radius: 100px;
    text-align: center;
    color: rgb(113, 113, 113);
    font-size: 16px;
    font-family: open-sans-n6, open-sans, sans-serif;
    font-weight: 600;
    left: -1px;
    position: relative;
}

.boxButton:hover
{
    background: -webkit-gradient(linear, center top, center bottom, from(#5B5A5A),color-stop(100%, #4B4A4A));
    background: -webkit-linear-gradient(top,#5B5A5A,#4B4A4A 100%);
    background: -moz-linear-gradient(top,#5B5A5A,#4B4A4A 100%);
    background: -ms-linear-gradient(top,#5B5A5A,#4B4A4A 100%);
    background: -o-linear-gradient(top,#5B5A5A,#4B4A4A 100%);
    background: linear-gradient(to bottom,#5B5A5A,#4B4A4A 100%);
    -pie-background: linear-gradient(top,#5B5A5A,#4B4A4A 100%);
    border-color: #111111;
    padding-top: 0px;
    padding-bottom: 0px;
    cursor: pointer;
}

#New-Order-caption, #OrderLookup-caption
{
    margin-top: 10px;
}


.boxButton:active
{
    -pie-box-shadow: 0px 0px 8px 2px #CAAA66 /* glow */, 0px 1px 0px #363636 /* drop shadow*/;
    -moz-box-shadow: 0px 0px 8px 2px rgba(250, 172, 0, 0.4) /* glow */, 0px 1px 0px #363636 /* drop shadow*/;
    -webkit-box-shadow: 0px 0px 8px 2px rgba(250, 172, 0, 0.4) /* glow */, 0px 1px 0px -1px #363636 /* drop shadow*/;
    box-shadow: 0px 0px 8px 2px rgba(250, 172, 0, 0.4) /* glow */, 0px 1px 0px #363636 /* drop shadow*/;
    background-image: none;
    border-color: #FAA300;
    background-color: #1C1C1C;
    -pie-background: none;
    cursor: pointer;
}

.boxButton p
{
    cursor: pointer;
}

.OptionsTable .small, .OptionsTable .small:active, .OptionsTable .small:hover
{
    width: 93%;
    margin: 10px 0 5px 17px;
}

.boxTitle
{
    vertical-align: middle;
    line-height: 29px;
}

.OrderInfoBoxes
{
    width: 100%;
    top: 9px;
    position: relative;
}

    .OrderInfoBoxes p
    {
        margin: 3px auto 3px auto;
    }


/* Event Create page */
.Event-create, .Order-entry
{
    /*margin-left: 30px;*/
}

 




/*  Event Type page */

input[type="submit"].boxButton
{
    padding-top: 0px;
    padding-bottom: 0px;
    min-height: 39px;
    width: 215px;
    margin: 18px 0px 0px 50px;
}


.row .span4, .row .span5
{
    /*padding-right: 1%;*/
}

/*.row label.span2, .row label.span3
{
    line-height: 38px;
}
    
.row input[type="checkbox"]
{
    margin-top: 15px;
}

.row .chzn-container
{
    margin-top: 2px;
}*/

[class*="Event"] .row .chzn-container
{
    margin-top: 0px;
}


/* WeddingGroupData page */


.Wedding-page select
{
    padding: 0;
    border: 0;
}

.Wedding-page .row, .Event-info-page .row
{
    padding: 6px;
}

    /*.Wedding-page .row .span2
    {
        line-height: 38px;
    }

    .Wedding-page .row input[type="checkbox"]
    {
        margin-top: 15px;
    }*/

.Event-info-page .header
{
    margin-bottom: 20px;
    display: inline-block;
}



.Event-info-page .event_date
{
    margin: 0 74px 0 50px;
}

.bold
{
    font-weight: bold !important;
}

.addEventLogo
{
    text-align: center;
}

.Wedding-page .Previous
{
    margin-right: 15px;
}


@media (max-width: 767px)
{

    .Wedding-page .span2
    {
        text-align: left;
    }
}






#Address-form .row, #ShipToLocation-form .row
{
   /* text-align: center;*/
}


/* Event info page */


/*  Event Lookup page*/

.EventLookup-page .row .span2
{
    /*text-align: right;*/
    padding-right: 15px;
    line-height: 38px;
}

    .Events-gird .Edit, .Events-gird .Edit:hover, .Events-gird .View, .Events-gird .View:hover
    {
        color: white;
    }



/*  Order LookUp page*/

.OrderLookup-page .row .span2
{
    padding-right: 15px;
    margin-bottom: 0;
    line-height: 38px;
}

    .Order-gird .Edit, .Order-gird .Edit:hover, .Order-gird .View, Order-gird .View:hover
    {
        color: white;
    }


    /*  Order Tracking page*/

.OrderTracking-page .row .span2
{
    /*text-align: right;*/
    padding-right: 15px;
    line-height: 38px;
}

.OrderTracking-page .row
{
    margin: 10px 0 10px 0;
}

.Tracking-gird
{
}

    .Tracking-gird .Edit, .Tracking-gird .Edit:hover, .Tracking-gird .View, .Tracking-gird .View:hover
    {
        color: white;
    }




/* Single Prom Data page */
.SinglePromData-page .row
{
    margin-left: 0;
    padding: 10px 0 10px 0;
}

    .SinglePromData-page .row .span2
    {
        text-align: right;
        margin-right: 10px;
        line-height: 38px;
    }


#Address-form .row label, #ShipToLocation-form .row label
{
    text-align: left;
    padding-left: 10px;
}


@media (max-width: 767px)
{

    .SinglePromData-page .row .span2
    {
        text-align: left;
        line-height: 38px;
    }
}


div.CommentsDiv .span2, .addComment
{
    text-align: right;
    margin-right: 10px;
}

div.CommentsDiv .span3
{
    margin-top: 9px;
    margin-right: 22px;
}


.SinglePromData-page .row .chzn-container
{
    margin-top: 9px;
}
/* Order detail page */

.Detail-page #wearerTable
{
    margin-left: 20px;
}

.order-progress-bar > div
{
    margin-left: 51px;
    width: 659px;
    display: inline-block;
}

.order-progress-bar label
{
    text-align: right;
    float: left;
    width: 164px;
    color: #808080;
    font-size: 15px;
    font-family: open-sans-i6, open-sans, sans-serif;
    font-weight: 600;
    font-style: italic;
}



.item-selection-label
{
    z-index: 13;
    width: 248px;
    min-height: 25px;
    color: #FFFFFF;
    font-size: 19px;
    font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
    position: relative;
}



.item-selection-list-inner
{
    z-index: 19;
    width: 215px;
    min-height: 39px;
    -pie-box-shadow: 0px 2px 0px #595959;
    -moz-box-shadow: 0px 2px 0px #595959;
    -webkit-box-shadow: 0px 2px 0px -1px #595959;
    box-shadow: 0px 2px 0px #595959;
    background: -webkit-gradient(linear, center top, center bottom, from(#4C4C4C),color-stop(100%, #393939));
    background: -webkit-linear-gradient(top,#4C4C4C,#393939 100%);
    background: -moz-linear-gradient(top,#4C4C4C,#393939 100%);
    background: -ms-linear-gradient(top,#4C4C4C,#393939 100%);
    background: -o-linear-gradient(top,#4C4C4C,#393939 100%);
    background: linear-gradient(to bottom,#4C4C4C,#393939 100%);
    -pie-background: linear-gradient(top,#4C4C4C,#393939 100%);
    border-width: 1px;
    border-style: solid;
    border-color: #111111;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    color: #FFFFFF;
    line-height: 0;
    text-align: left;
    font-size: 18px;
    font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    position: relative;
    margin-right: -217px;
}

.item-selection-label
{
    margin-top: 10px;
    margin-left: 105px;
}

.item-selection-list
{
    margin-left: 105px;
}

    .item-selection-list select
    {
        width: 150px;
    }

.item-selection-label label
{
    font-size: 19px;
    font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
}


.add-item-options
{
    margin: 0;
}

    .add-item-options input[type="text"]
    {
        width: 150px;
        margin: 39px 15px 0 26px;
    }

    .add-item-options #btnAddS
    {
        width: 88px;
    }


/* Wearer Details*/
.wearersDetails
{
    font-size: 12px;
}

    .wearersDetails .size
    {
        width: 140px;
    }

    .wearersDetails thead
    {
        color: white;
    }

    .wearersDetails input
    {
        width: 110px;
    }

    .wearersDetails .number
    {
        color: white;
    }

    .wearersDetails td
    {
        padding-left: 10px;
    }



.wearersHeader td
{
    padding: inherit;
}

.OrderInfo
{
    color: white;
}

.wearersDetailInfo
{
    color: white;
}


.wearersHeader
{
    color: white;
}

.wearersDetails .orderInfo
{
    text-decoration: none;
    color: white;
}

.eventDescriptionTextArea
{
    width: 300px;
    height: 80px;
}




.wearersHeader .MiscGroup .firstHeader
{
    width: 7%;
    text-align: left;
}

.wearersHeader .Wedding .firstHeader
{
    width: 15%;
    text-align: left;
}

.tableHeader.wearerNameH
{
    text-align: left;
    width: 200px;
    text-align: left;
}

.tableHeader.roleH
{
    width: 65px;
    text-align: left;
}


.tableHeader.emailH
{
    width: 200px;
    text-align: left;
}

.MiscGroup .tableHeader.roleH
{
    display: none;
    text-align: left;
}

.MiscGroup .tableHeader.roleH
{
    display: none;
    text-align: left;
}

span.tableHeader
{
    display: inline-block;
    margin-top: 24px;
}

.wearersHeader.Wedding .row .chzn-container
{
    margin-left: 11px;
    margin-top: 0;
}




.chosenHolder .chzn-container, .span4 .chzn-container
{
    width: 100% !important;
}

.chosenHolder .chzn-container  .chzn-search input[type='text'],.span4 .chzn-container .chzn-search input[type='text']
{
    padding: 2px 4% !important;
    width: 90% !important;
    margin: 5px 2%;
}

.span4 .chzn-container .chzn-single
{

}

.chosenHolder .chzn-container .chzn-drop, .span4 .chzn-container .chzn-drop
{
    width: 100% !important;
}

input#slctSize
{
    width:85px;
}

input#slctSize2
{
    width:85px;
}

/*) and (max-width: 768px) {
    #EVENT_DATE {
        float: left;
        width: 90%;
    }
    .datePicker.hasDatepicker {
        float: left;
        width: 90%;
    }

    #payments_DUE_DATE {
        float: left;
        width: 90%;
    }
     .smallMargin {
        margin-bottom:8px;
    }
}*/