/* Minification failed. Returning unminified contents. (5498,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' } .page-header { padding-bottom: 0px; margin: 0px 0 0px; border-bottom: 1px solid #eeeeee; background-color: #FCFCFC; /* customizable theme value*/ text-align: center; } .page-header a.logo-link{ color: #1A1A1A; padding-top: 5px; padding-bottom: 5px; margin: 0 auto; display: inline-block; margin-right: -170px; } .page-header > .shopping-cart { /*height: 45px; line-height: 45px;*/ float: right; margin-top: 10px; margin-right: 20px; width: 170px; } .page-header > .shopping-cart .glyphicon { font-size: 120%; } .page-header > .shopping-cart .item-qty { margin-left: 5px; } .page-header > .shopping-cart > .shopping-cart-summary { font-size: 85%; font-weight: normal; text-align: left; z-index: 4000; padding: 7px; } .page-header > .shopping-cart > .shopping-cart-summary li { margin-bottom: 4px; } .page-header > .shopping-cart > .shopping-cart-summary li > label { font-weight: bold; margin-right: 5px; } .page-header .navbar .shopping-cart { border-right: 1px solid #FFF; border-left: 1px solid #FFF; padding-right: 10px; padding-left: 10px; } .page-header .navbar .shopping-cart a { color: #FFF; } .page-header .navbar .shopping-cart .glyphicon { } .page-header li a:hover{ color: #CCC; } .page-header .logo{ height: 45px; width: 500px; min-width: 500px; max-width: 500px; /*background: transparent url('images/header-logo-collapsed.png') no-repeat center center;*/ /* url = customizable theme value*/ } .page-header .navbar{ margin: 0 auto !important; text-align: center; display: inline-block; } .page-header .main-nav{ display: inline-block; float: none !important; position: relative; } .page-header .user-nav{ position: absolute; top: 0; right: 0; max-width: 75px; width: 75px; } .page-header .user-nav li.dropdown{ width: 100%; float: right !important; } .page-header .user-nav li.dropdown ul.dropdown-menu{ min-width: 180px !important; width: 180px; } .navbar{ margin-bottom: 0px !important; box-shadow: 0 6px 12px rgba(0,0,0,0.175); width: 100%; } .navbar-inverse{ /*background-color: #AAA !important;*/ /* customizable theme value*/ border-bottom: none; /*text-align: center;*/ } .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #F6EB45; /* customizable theme value*/ /*background-color: #80B0DB;*//*dark blue*/ background-color: #449bca; /* customizable theme value*/ font-weight: bold; border-top-left-radius: 4px; border-top-right-radius: 4px; } .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFF; /* customizable theme value*/ background-color: #1A1A1A !important; /* customizable theme value*/ border-top-left-radius: 3px; border-top-right-radius: 3px; } .navbar-inverse .navbar-nav>.open li a:hover { background-color: #DDD !important; /* customizable theme value - ???? */ color: #1A1A1A !important; /* customizable theme value - ???? */ } .navbar-inverse .navbar-nav .open.active a, .navbar-inverse .navbar-nav .open.active a:hover, .navbar-inverse .navbar-nav .open.active a:focus { /*background-color: #80B0DB;*/ background-color: rgba(246, 235, 69, .2) !important; color: #F6EB45; } .navbar-inverse .navbar-nav .dropdown a .caret { border-top-color: #FFF !important; /* customizable theme value*/ border-bottom-color: #FFF !important; /* customizable theme value*/ color: #FFF; /* customizable theme value*/ } .navbar-inverse .navbar-nav > .open > a .caret { transform: rotate(90deg); -webkit-transition-duration: .5s; /* Safari */ transition-duration: .5s; } .navbar-inverse { /*background-color: #005798;*//*dark blue*/ background-color: #449bca; /*medium blue*/ } .navbar-inverse .navbar-brand { color: #FFF; } .nav-bar-nav, .navbar-inverse { border-bottom-width: 5px; border-color: #80B0DB; } .navbar-inverse .navbar-nav>li>a { color: #FFF; /* customizable theme value*/ font-size: 110%; letter-spacing: 1px; } .navbar-inverse .navbar-nav>li>.dropdown-menu:before, .navbar-inverse .navbar-nav>li>.dropdown-menu:after { bottom: 100%; left: 20%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .navbar-inverse .navbar-nav>li>.dropdown-menu:after { border-color: rgba(136, 183, 213, 0); /*border-bottom-color: #88b7d5;*/ border-bottom-color: #FFF; border-width: 12px; margin-left: -12px; } .navbar-inverse .navbar-nav>li>.dropdown-menu:before { border-width: 15px; margin-left: -15px; } .navbar-inverse .navbar-nav>li>.dropdown-menu.dropdown-menu-right:before { margin-left: 0px !important; margin-right: 15px; } .navbar-inverse .navbar-nav>li>.dropdown-menu.dropdown-menu-right:before, .navbar-inverse .navbar-nav>li>.dropdown-menu.dropdown-menu-right:after { left: initial !important; right: 20% !important; } .navbar-inverse .navbar-nav>li>.dropdown-menu.dropdown-menu-right:after { border-color: rgba(136, 183, 213, 0); /*border-bottom-color: #88b7d5;*/ border-bottom-color: #FFF; border-width: 12px; margin-right: -12px; } .navbar-inverse .navbar-nav>li>.dropdown-menu.dropdown-menu-right:before { border-color: rgba(194, 225, 245, 0); /*border-bottom-color: #c2e1f5;*/ border-bottom-color: rgba(0,0,0,.15); border-width: 15px; margin-right: -15px; } /*.navbar-inverse .navbar-nav>.active>a:after { width: 0; height: 0; content: ""; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #000; position: absolute; top: 50px; }*/ .user-avatar.small { width: 15px; height: 15px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; margin-right: 4px; /*box-shadow: 0 0 8px rgba(0, 0, 0, .8); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);*/ } hr{ color: #EDEDED !important; border-color: #EDEDED !important; } footer{ margin-top: 20px; padding: 20px 20px 20px 20px; /*border-top: solid 1px #CBA052 !important;*/ border-top: solid 1px #DDD !important; /*background-color: #777777;*/ /* customizable theme value*/ font-weight: bold; /*color: #FFF;*/ /* customizable theme value*/ text-align: right; height: 60px; width: 100%; bottom: 0px; font-family: OpenSansLight; position:absolute; } /* Set padding to keep content from hitting the edges */ .body-content { padding-top: 30px; padding-left: 15px; padding-right: 15px; } .page-body{ /*box-shadow: 0 2px 6px rgba(0,0,0,0.25);*/ padding-bottom: 15px; padding-top: 15px; background-color: #FFF; border-radius: 0px; border: solid 1px #DDD; } .page-body .page-content-header{ /*border-bottom: 1px solid #EDEDED; margin-bottom: 30px;*/ min-height: 55px; } .page-body .page-content-header>.page-title{ font-size: 180% !important; color: #555 !important; text-transform: uppercase !important; letter-spacing: 2px; font-family: OpenSansRegular; border-bottom: solid 1px #888; padding-bottom: 15px; border-radius: 0px; } .page>nav.subnav{ background-color: transparent; margin: 0 auto 0 auto; padding: 0px 0px 0px 0px; text-align: left; } .breadcrumb{ /*background-color: #FDFDFD;*/ background-color: transparent; color: #999; font-size: 115%; font-family: OpenSansLight; letter-spacing: 1px; font-weight: bold; padding-left: 3px; padding-right: 0px !important; margin-right: 0px !important; display: inline-block !important; margin-left: 0px !important; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; } .breadcrumb li.active a{ /*color: #80BD01;*/ /*border-bottom: solid 1px #CCC;*/ } /*.page-content .page-content-header>.page-title{ font-size: 20px; font-weight: bold; }*/ .nav-tabs > li > a { background-color: #F0F0F0; border-bottom: 1px solid #DDD; color: #555; border-radius: 0px !important; border-top: 3px solid transparent; } .nav-tabs > li.active > a { border-top: 3px solid #AAA; font-weight: bold; } .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border-top: 3px solid #AAA; } .dynamic-lookup .loading-option, .autocomplete .loading-option{ background: #FFF url('images/loader.gif') no-repeat left center; background-size: 35px; padding-left: 50px; font-weight: bold; line-height: 50px; vertical-align: middle; color: #789D4A; font-size: 20px; } form .action-toolbar { margin-bottom: 10px; background-color: rgba(255,255,255, .95); border: solid 1px #EEE; padding: 3px; border-radius: 4px; z-index: 40001; } form .action-toolbar a.deactivate { margin-left: 20px !important; } .form-group { position: relative; } .form-group .form-control { max-width: 280px; min-width: 200px; min-height: 34px; height: auto !important; box-shadow: 0 2px 6px rgba(112,112,112,0.175); } .display-group .form-control { max-width: 100%; display: block; min-height: 34px; height: auto; } .form-control.check-box { display: inline-block !important; width: 1.5em !important; min-width: 1px !important; -webkit-box-shadow: none; box-shadow: none; margin-left: 1em; margin: 0px !important; } input.check-box { background-color: #DDD !important; color: #80BD01 !important } input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control { line-height: 1; } .form-group.boolean{ max-width: 280px; min-width: 200px; min-height: 34px; position: relative; /*margin-top: 30px;*/ margin-bottom: 15px; } .input-group .form-control { max-width: 100%; } .editor-label.boolean, .editor-field.boolean { display: inline-block !important; vertical-align: bottom; } .editor-label.boolean { line-height: 34px; margin-right: 35px; float: left; } .editor-field.boolean{ float: right; position: absolute; right: 0; } .editor-description { font-size: 75%; color: #999; line-height: 1.75; letter-spacing: 1px; margin-top: 7px; margin-left: 3px; } .boolean .editor-description { margin-top: 0px; clear: both; } label.detail-view, label.help-tip { border-bottom: dashed 1px #28a4c9; } .glyphicon.detail-tip, .glyphicon.help-tip, .glyphicon.question-mark { margin-right: 3px; color: #90b9dc; } /*.form-group.detail-view, .form-group.help-tip { margin-top: 0px; }*/ .form-group .glyphicon.detail-view, .form-group .glyphicon.help-tip { margin-left: 0px; top: 10px; z-index: 1; background-color: #FFF; font-size: 11px; } .form-group .glyphicon.help-tip { position: absolute; top: -5px !important; } .form-group.boolean .glyphicon.help-tip { position: relative; top: 17px !important; } .form-group .glyphicon.detail-view{ position: absolute; cursor: pointer; border-radius: 50%; color: #b3d7fb; background-color: transparent; font-size: 9px; } .boolean.form-group.help-tip .control-label { padding-left: 14px; } .boolean.form-group .glyphicon.help-tip { top: 50%; left: 0px; position: absolute; } .form-inline .boolean.form-group .glyphicon.help-tip { top: 40%; } .float-label { margin-top: 5px; margin-left: 0px; margin-top: -7px; padding: 0px; font-size: 75%; letter-spacing: 2px; font-family: arial; /*color: #CF9F51 !important;*/ z-index: 3; background: #FFF; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255,255,255,.85), rgba(255,255,255,0)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255,255,255,.85), rgba(255,255,255,0)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255,255,255,.85), rgba(255,255,255,0)); /* For Firefox 3.6 to 15 */ background: linear-gradient(rgba(255, 255, 255, 0), rgba(255,255,255,.85), rgba(255,255,255,0)); /* Standard syntax (must be last) */ border-radius: 5px; } .help-tip .float-label { margin-left: 5px; } /*.form-inline .editor-label.boolean { max-width: 82%; min-width: 1px !important; white-space: nowrap; }*/ .form-inline .form-group{ padding-right: 20px; } .editor-field.boolean input { vertical-align: bottom; } .form-inline .editor-field.boolean, .form-inline .editor-label.boolean{ display: block !important; } .form-inline .btn-group, .form-inline .btn { vertical-align: bottom; } .editor-label .control-label.required{ padding-right: 15px; background-image: url('images/icon-exclamation-red.png'); background-position: right center; background-repeat: no-repeat; } .editor-label .control-label.boolean.required { background-image: none; } .loading-progress{ background-image: url('images/loader.gif') !important; background-position: center center !important; background-repeat: no-repeat !important; } .form-control.date, .form-control.date-only { height: 100% !important; background-image: url('images/icon-calendar.png'); background-position: 98.5% center; background-repeat: no-repeat; padding-right: 20px; } select { min-width: 280px; } .chosen-container.chosen-container-multi .chosen-choices { background: #FFF url(images/menu-button.png) no-repeat right 6px !important; padding-right: 25px !important; } .chosen-container.chosen-container-multi { /*margin-right: 30px !important;*/ min-width: 280px; /*min-width: 200px;*/ } .custom-combobox { padding-left: 4px; padding-top: 4px; padding-bottom: 4px; padding-right: 52px; position: relative; } .custom-combobox.datetime-enabled{ padding-right: 104px; } .custom-combobox input { border: none; width: 100%; margin: 0px 0px; margin-right: 52px; padding-left: 6px; } .custom-combobox.datetime-enabled input { margin-right: 104px; } .custom-combobox.datetime-enabled input:focus { border: none; outline: none; } .custom-combobox .combobox-toggle-results { display: block; width: 15px; height: 100%; background: url('images/chosen-sprite.png') no-repeat 0px 8px; /*background-position: -18px 8px;*/ color: transparent; position: absolute; top: 0px; right: 10px; } .custom-combobox .combobox-clear-val:hover { color: #333; } .custom-combobox .combobox-clear-val{ display: block; position: absolute; top: 0px; right: 30px; width: 15px; line-height: 34px; height: 100%; color: #757575; font-size: 135%; text-decoration: none; font-weight: bold; } .custom-combobox.datetime-enabled .combobox-clear-val{ right: 60px; } .custom-combobox .combobox-datetime { display: block; position: absolute; top: 0px; right: 35px; width: 15px; line-height: 34px; height: 100%; color: #757575; font-size: 90%; text-decoration: none; } /*.custom-combobox .ui-autocomplete { margin-left: -15px !important; }*/ .ui-autocomplete { background-color: #FFF; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); max-height: 200px !important; overflow-y: auto !important; } .ui-autocomplete .ui-menu-item { background: #FFF none; margin: 0; padding: 10px 6px; list-style: none; line-height: 15px; border-bottom: dotted 1px #DDD; font-size: 100%; font-family: sans-serif; line-height: normal; font-size: 13px; } .ui-autocomplete .ui-menu-item.ui-state-focus { border: none; border-bottom: dotted 1px #DDD; background-color: #3875d7; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); color: #fff; font-weight: normal; } .tagit-autocomplete{ background: none; background-color: #FFF; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border: 1px solid rgba(0,0,0,.15); box-shadow: 0 6px 12px rgba(0,0,0,.175); } .tagit-autocomplete .email-autocomplete-item { padding: 5px 0px 5px 0px; border-bottom: dotted 1px #DDD; } .tagit-autocomplete .email-autocomplete-item .item-label{ font-size: 85%; font-weight: 600; } .tagit-autocomplete .email-autocomplete-item .item-value{ font-size: 75%; font-style:italic; } .ui-autocomplete .ui-menu-item.ui-state-focus .email-autocomplete-item .item-label { font-size: 85%; font-weight: 600; } .ui-autocomplete .ui-menu-item.ui-state-focus .email-autocomplete-item .item-value { font-size: 75%; font-style: italic; font-weight: normal !important; } .form-group.required ul.tagit { background-image: url('images/icon-required-field.png'); background-position: right top; background-repeat: no-repeat; border-right-width: 3px; } ul.tagit input.tag-input{ min-width: 200px; max-width: 280px; height: auto; } .modal-dialog .modal-body::-webkit-scrollbar, .ui-dialog-content::-webkit-scrollbar, .chosen-results::-webkit-scrollbar, .chosen-choices::-webkit-scrollbar { width: 8px; } .modal-dialog .modal-body::-webkit-scrollbar-track, .ui-dialog-content::-webkit-scrollbar-track, .chosen-results::-webkit-scrollbar-track, .chosen-choices::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 8px; } .modal-dialog .modal-body::-webkit-scrollbar-thumb, .ui-dialog-content::-webkit-scrollbar-thumb, .chosen-results::-webkit-scrollbar-thumb, .chosen-choices::-webkit-scrollbar-thumb { -webkit-border-radius: 8px; border-radius: 8px; background-color: #CCC; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } .modal-dialog .modal-body::-webkit-scrollbar-thumb:window-inactive, .ui-dialog-content::-webkit-scrollbar-thumb:window-inactive, .chosen-results::-webkit-scrollbar-thumb:window-inactive, .chosen-choices::-webkit-scrollbar-thumb:window-inactive { background: #CCC; } .pwd-req{ margin-top: 15px; max-width: 280px; } .pwd-req .title{ font-size: 85%; font-weight: bold; } .pwd-req ul{ margin-left: 0; padding-left: 3px; } .pwd-req .condition { list-style: none; margin-top: 10px; } .pwd-req .condition .glyphicon { margin-right: 10px; } .pwd-req .condition.valid { color: #6ca006; } .pwd-req .condition.invalid { color: #C40506; } .field-validation-error { color: #C40506; font-size: 11px; /*border: solid 1px #C40506; top: 0; left: 0; position: relative; z-index: 400001;*/ } .nav-tabs li a.tab-validation-error { color: #C40506; font-weight: bold; } .input-validation-error{ border-color: #C40506; } button .dropdown-toggle { border-radius: 0px 3px; } .btn-toggle { border: solid 1px #DDD !important; background-color: #FFF; color: #777; } .btn-toggle.active { border: solid 1px #28a4c9; background-color: #5bc0de; color: #FFF; } .btn:hover{ background-color: #CCC; } .readonly { color: #DDD !important; } .btn-default { background-color: #EFEFEF; border: solid 1px #CCC; } .btn-success, .btn-primary{ background-color: #99bc51; border-color: #CCC; } .btn-success:hover, .btn-success:focus, .btn-primary:hover, .btn-primary:focus { background-color: #99bc51; } .btn-warning { background-color: #CF9F51; border-color: #999; } .btn-warning.focus, .btn-warning:focus, .btn-warning.hover, .btn-warning:hover { border-color: #CF9F51; background-color: #cea563; } .btn-success:hover, .btn-success:focus{ background-color: #E6E6E6; border-color: #80BD01 !important; color: #000; } .btn-success:hover a, .btn-success:focus a{ color: #000; } .btn-danger a, .btn-success a, a.btn-danger { color: #FFF; } .btn-info { background-color: #7DABC1; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.focus, .btn-info.active { color: #1b6d85; } .btn-danger{ background-color: #D9534F; } .btn-danger:hover{ background-color: #C40506; } .grid{ /*box-shadow: 0 3px 12px rgba(112,112,112,0.175);*/ } .grid .element-nav{ overflow:visible !important; white-space: normal !important; } .grid .element-nav.dropup{ z-index: 9999 !important; } .grid .element-nav .icon-menu .dropdown-toggle, .grid .element-nav .icon-menu.open .dropdown-toggle { border-radius: 4px; border-width: 0px; box-shadow: none; } .grid .element-nav .icon-menu .dropdown-menu{ z-index: 9999; line-height: normal; } .grid .element-nav .icon-menu .dropdown-menu.wide{ width: 350px; } .grid .element-nav .icon-menu .dropdown-menu.wide li{ display: inline-block !important; width: 49%; line-height: 1.4 !important; } .grid .element-nav .icon-menu .dropdown-menu.wide li a{ line-height: 1.4 !important; font-size: 100% !important; } .grid .element-nav .icon-menu{ } .grid .jqx-enableselect.jqx-widget-content.jqx-widget-content-custom{ overflow: visible !important; height: auto !important; } .grid-export-group { display: inline-block; float: left; width: 75%; } .editable-grid.form-content form { text-align: left; background-color: #FFF !important; /*border-radius: 4px;*/ display: inline-block; /*box-shadow: 0 2px 6px rgba(112,112,112,0.175);*/ width: 100%; border: solid 1px #DDD; border-radius: 4px; padding: 10px; margin-bottom: 25px; } .form-buttons { width: 225px !important; } .editable-grid.form-content .form-inline .form-buttons { display: inline-block !important; } .editable-grid.form-content form .form-buttons > .delete { margin-left: 10px !important; } .editable-grid.form-content form .form-group.col-lg-3.col-md-3 { padding-left: 5px !important; padding-right: 5px !important; } .action-buttons { width: 20%; float: right; text-align: right; } .action-buttons a { } /*.action-buttons a.add { padding-left: 25px; background-image: url('images/add-button.png'); background-position: 5px center; background-repeat: no-repeat; }*/ .btn-group .hidden-xs { display: inline-block !important; } .modal { z-index: 400001; } .modal-backdrop { z-index: 400000; } .modal-dialog .modal-content{ border-width: 0px !important; border-radius: 4px !important; /*padding-top: 0px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px;*/ } .modal-dialog .modal-header{ min-height: 40px; } .modal-dialog .modal-body { min-height: 150px; overflow-y: visible; } .modal-dialog .modal-footer { border-width: 0px !important; border-radius: 0px !important; padding: 0px 15px 0px 15px !important; } /* adding these crazy z-indices in order to render over the jqxgrid column headers */ .ui-widget-overlay { z-index: 400001 !important; } .ui-dialog, .ui-dialog.ui-widget { z-index: 400002 !important; background-color: #FFF; border-radius: 0px; padding: 0px !important; width: auto; height: 100%; border-radius: 4px; } .ui-widget-header { border: none; } .ui-dialog-content{ height: 100% !important; width: 100% !important; padding-bottom: 25px !important; } .modal-dialog .modal-content .page-title, .ui-dialog .page-title { float: none; width: 100%; font-size: 150% !important; color: #555 !important; text-transform: uppercase !important; letter-spacing: 3px; margin-bottom: 20px; font-family: OpenSansRegular; border-top-left-radius: 4px; border-top-right-radius: 4px; } .modal-dialog .modal-body .page-content-header, .ui-dialog .page-content-header{ background-color: #FFF; } .ui-widget-overlay { background-color: rgba(0,0,0,0.8) !important; background-image: none !important; opacity: .8 !important; } .modal-dialog, .ui-dialog.ui-widget-content{ background-color: #FFF !important; border-style: solid; border-color: #DDD; /* customizable in theme */ border-width: 1px; background-image: none !important; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .ui-dialog.ui-widget-content{ margin: 0px !important; } .modal-dialog .modal-header, .ui-dialog-titlebar, .ui-dialog-title { /*background-color: #E0E9F5 !important;*/ background-color: #DDD !important; /* customizable in theme */ background-image: none !important; color: #1A1A1A !important; /* customizable in theme */ border-radius: 0px !important; } .modal-dialog .modal-header .modal-title, .ui-dialog-title{ background-color: transparent !important; /*margin-left: 90px;*/ padding-top: 7px; } .modal-dialog .modal-header, .ui-dialog-titlebar { height: 50px !important; /*border-color: #80BD01; background: #80BD01 url('images/header-watermark-collapsed.png') no-repeat 2% center !important;*/ padding: .4em .4em .4em 1em; } .modal-dialog .modal-header button.close, .ui-dialog-titlebar .ui-dialog-titlebar-close { background-color: transparent; border-color: transparent; padding: 10px 10px 11px 10px; } .ui-dialog-titlebar .ui-dialog-titlebar-close { background-image: url('images/ui-icons_222222_256x240.png'); background-position: 161px 114px; background-color: transparent; border-color: transparent; z-index: 100001; padding: 10px 10px 11px 10px; background-clip: padding-box; } .ui-autocomplete { z-index: 10000001 !important } .ui-menu-item { z-index: 10000002 !important; } .ui-tooltip, .tooltip-arrow:after { background: #FFF; border: 2px solid #000; } .tooltip-error {} .ui-tooltip { position: absolute; color: #000; border-radius: 20px; font: bold 14px "Helvetica Neue", Sans-Serif; font-variant: small-caps; box-shadow: 0 0 7px #FFF; z-index: 40001; } .tooltip{} .tooltip .tooltip-inner, .ui-tooltip .tooltip-inner, .ui-tooltip-content{ background-color: #FFF !important; color: #1A1A1A !important; border: solid 1px #DDD; border-bottom-color: #FFF; border-radius: 4px; box-shadow: 0 6px 12px rgba(0,0,0,0.175) !important; } .tooltip.tooltip-error .tooltip-inner{ color: #FFF !important; background-color: #C20505 !important; border-bottom-color: #C20505 !important; max-width: 280px; width: 280px; } .tooltip-arrow, .tooltip .tooltip-arrow{ border-top-color: #FFF !important; box-shadow: 0 6px 12px rgba(0,0,0,0.175); overflow: hidden; position: absolute; } .tooltip.tooltip-error .tooltip-arrow{ border-top-color: #C40506 !important; } .tooltip-arrow.position-top, .tooltip-arrow.position-bottom { width: 70px; height: 16px; } .tooltip-arrow.position-left, .tooltip-arrow.position-right { width: 16px; height: 70px; } .tooltip-arrow.position-top { top: -15px; } .tooltip-arrow.position-left { top: 50%; margin-top: -35px; left: -15px; } .tooltip-arrow.position-bottom { margin-left: -35px; bottom: -15px; } .tooltip-arrow.position-right { top: 50%; margin-top: -35px; right: -15px; } .tooltip-arrow:after { /*background-color: #222;*/ background-color: #FFF; border: 2px solid #9F9F9F; content: ""; position: absolute; width: 25px; height: 25px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .tooltip-arrow.position-left:after { right: -20px; box-shadow: 6px 5px 9px -9px black; } .tooltip-arrow.position-right:after { left: -20px; box-shadow: 6px 5px 9px -9px black; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4); } .tooltip-arrow.position-bottom:after { top: -20px; box-shadow: -9px 6px 9px 5px black; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4); } .tooltip-arrow.position-top:after { bottom: -20px; box-shadow: 6px 5px 9px -9px black; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4); } .clear { clear: both; height: 0; } .body-content{ position: relative; } /*.nav.subnav{ position: absolute; right: 0; top: 4em; }*/ .grid-filters{ float: left; margin-left: 0; padding-left: 0; margin-right: 1em; } .grid-filters .btn a{ color: #CF9F51 !important; } .grid-filters .btn.active{ background-color: #FFF !important; } .grid-filters .btn.active a{ color: #80BD01 !important; } .grid-toolbar{ margin-bottom: 15px; margin-right: 0px; float: right; width: auto; } .grid-toolbar .glyphicon-filter{ /*color: #CF9F51 !important;*/ color: #000 !important; } .grid-search{ display: inline-block !important; width: auto !important; color: #333333; background-color: #FFFFFF; border-color: #CCCCCC; box-shadow: none; } /*.icon-menu .dropdown-toggle>.active>a, .icon-menu .dropdown-toggle>.active>a:hover, .icon-menu .dropdown-toggle>.active>a:focus { color: #000; background-color: #449bca; font-weight: bold; border-top-left-radius: 4px; border-top-right-radius: 4px; } .icon-menu .dropdown-toggle>.open>a, .icon-menu .dropdown-toggle>.open>a:hover, .icon-menu .dropdown-toggle>.open>a:focus { color: #FFF; background-color: #005798; border-top-left-radius: 3px; border-top-right-radius: 3px; } .icon-menu .dropdown-toggle> .open.active > a, .icon-menu .dropdown-toggle> .open.active > a:hover, .icon-menu .dropdown-toggle> .open.active > a:focus { background-color: #80B0DB; }*/ .icon-menu.open .dropdown-menu li a:hover { background-color: rgba(246, 235, 69, .2) !important; color: rgba(0,180,78,1) !important; } .icon-menu .dropdown-menu:before, .icon-menu .dropdown-menu:after { bottom: 100%; left: 1.2em; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .icon-menu .dropdown-menu-right:before, .icon-menu .dropdown-menu-right:after { right: 1.2em; left: inherit; } .icon-menu .dropdown-menu:after { border-color: rgba(136, 183, 213, 0); /*border-bottom-color: #88b7d5;*/ border-bottom-color: #FFF; border-width: 12px; margin-left: -12px; } .icon-menu .dropdown-menu:before { border-color: rgba(194, 225, 245, 0); /*border-bottom-color: #c2e1f5;*/ border-bottom-color: rgba(0,0,0,.15); border-width: 15px; margin-left: -15px; } .icon-menu.dropup .dropdown-menu:before { border-bottom: 0px solid transparent !important; border-top: 15px solid rgba(0, 0, 0, 0.2); top: auto !important; bottom: -15px; } .icon-menu.dropup .dropdown-menu:after { border-bottom: 0px solid transparent !important; border-top: 12px solid #FFF; top: auto !important; bottom: -12px; } .icon-menu.open a .caret, .icon-menu.open button .caret, .icon-menu>.open>a .caret, .icon-menu>.open>button .caret { transform: rotate(90deg); -webkit-transition-duration: .5s; /* Safari */ transition-duration: .5s; } /*.icon-menu .dropdown-toggle{ background-image: url('images/subnav-icon-sm.png'); background-position: center center; background-repeat: no-repeat; }*/ .subnav.icon-menu .dropdown-toggle, .subnav.icon-menu.open .dropdown-toggle{ border-radius: 4px; border: solid 1px #CCC; /*font-size: .5em; background-image: url('images/subnav-icon-sm.png'); background-position: center center; background-repeat: no-repeat; width: 35px; height: 35px; margin-right: 15px;*/ } .subnav.icon-menu{ /*background-color: #FFF; border-color: #AAA; border-style: solid; border-width: 1px 1px; padding-left: 0px; border-radius: 4px; float: left;*/ display: inline-block; background-color: transparent !important; } .subnav.icon-menu button{ background-color: transparent !important; border-color: #CCC !important; padding: 0px 5px 0px 3px; margin-left: 5px; } /* .subnav.icon-menu ul{ list-style: none; margin: 0; padding: 5px 5px 5px 5px; } */ .subnav.icon-menu ul li a{ color: #1A1A1A; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } .display-group { margin-bottom: 10px; } .display-group .display-label { font-size: 95%; margin-right: 15px; /*border: solid 1px #EDEDED;*/ border-radius: 4px; line-height: 1.5; padding: 3px; width: 200px; background-color: #FFF; /*float: left;*/ padding: 6px 0px; display: block; } .display-group .display-label label { margin-bottom: 0 !important; } .display-group .display-field { font-size: 100%; /*max-width: 280px;*/ text-overflow: ellipsis; overflow-x: hidden; border: solid 1px #DDD; border-radius: 2px; } .display-group .boolean.display-field { border: none; } .display-group .display-field .form-control { border: none; } .display-group .display-label, .display-group .display-field{ display: block !important; /*max-width: 280px;*/ } .display-group .boolean.display-label, .display-group .boolean.display-field { display: inline-block !important; vertical-align: middle; } .grid-column-display-list .form-group:first-of-type { margin-top: 0px; } .fld-reset-grid-prefs { border-top: solid 1px #DDD; border-radius: 2px; } .fld-reset-grid-prefs .col { border-bottom: solid 1px #DDD; border-right: solid 1px #DDD; border-radius: 2px; } .grid .display-group { margin-bottom: 0; } .grid .col { padding-left: 0 !important; padding-right: 0 !important; } .grid .display-group .display-label { background-color: #EFEFEF; border: solid 1px #DDD; font-weight: bold; padding: 5px; text-align: center; width: 100% !important; max-width: 100% !important; border-radius: 0; } .grid .display-group .display-field { padding: 5px; text-align: center; border: solid 1px #DDD; width: 100% !important; max-width: 100% !important; min-height: 35px; background-color: #FFF; } .grid .detail .col .display-field { width: auto !important; border: none; } form .form-header { margin-bottom: 25px; } form .form-header .form-group { display: inline-block; } form .form-buttons{ } form .form-buttons>.delete{ margin-left: 4em; border: solid 1px #b94a48; } .form-inline .field-validation-valid, .form-inline .field-validation-error{ display: block; height: 10px; margin-top: 5px; } .message .display-label, .message .display-field{ display: inline-block !important; font-size: 100% !important; } .message .priority, .message .header{ display: block !important; float: left; } .message .priority{ padding: 1em; border: solid 1px #000; font-size: 2em; margin-right: 1em; } .message .priority.level-1 { border-color: #286090; color: #286090; } .message .priority.level-2 { border-color: #5CB85C; color: #5CB85C; } .message .priority.level-3 { border-color: #C9302C; color: #C9302C; } .message .header { width: auto; } .message .content { margin-top: 1em; overflow-y: scroll; height: auto; margin-bottom: 1em; } .message .subject{} .message hr{ margin-top: 1em; clear: both; } .message .related-element{ background-color: #EEE; padding: .25em; border-radius: 4px; } ul.tagit { padding: 8px 12px; border: none; } .crm-note #Content{ width: 100%; max-width: 100%; min-height: 350px; } .unread-notification-count{ border-radius: 25%; min-width: 17px; height: 17px; text-align: center; line-height: inherit; background-color: #CB0506; color: #FFF; margin-left: 7px; display: inline-block; font-size: 10px; font-weight: bold; padding: 2px 2px; } .details-grid { width: 100%; text-align: left; border-right: solid 1px #DDD; border-collapse: collapse; border-radius: 4px; border-bottom-right-radius: 4px; clear: both; /*box-shadow: 0 2px 6px rgba(112,112,112,0.175);*/ } .details-grid tbody tr:hover{ background-color: rgba(128, 189, 1, .1) !important; } .details-grid tr th{ background-color: #FFF; color: #CF9F51 !important; border-color: #DDD; border-style: solid; border-width: 0px 1px 1px 0px; font-size: 105%; font-weight: bold; font-family: OpenSansLight; padding: 4px 2px 6px 4px; line-height: 1.231; } .details-grid tfoot th { border-width: 0px; background-color: #D1D2D4; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; color: #80BD01 !important; height: 45px; } .details-grid tbody tr td { background-color: #FFF; border-color: #DDD; border-style: solid; border-width: 0px 1px 0px 0px; padding: 7px; box-sizing: border-box; line-height: 40px; padding-bottom: 2px; } .details-grid tbody tr.active td { background-color: #F3F9E7 !important; color: #2b465e !important; } .details-grid tr td.form-buttons { background-color: #FDFDFD !important; text-align: center; } .details-grid tr td.form-buttons a { text-transform: uppercase; padding: 0px 7px; cursor: pointer !important; color: #CF9F51 !important; font-family: OpenSansLight; font-weight: bold; letter-spacing: 1px; } .details-grid .grid-pager { text-align: right; margin: auto 10px; font-size: 13px; } .details-grid .grid-pager a { display: inline-block; text-align: center; margin-left: 5px; } .details-grid .grid-pager a.selected { background-color: #999; color: #FFF; width: 18px; height: 18px; border-radius: 50%; } .tab-content{ padding: 10px 10px 20px 10px; border-width: 0px 1px 1px 1px; border-color: #DDD; border-style: solid; border-radius: 4px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .tab-content .col-md-6, .tab-content .col-lg-3{ border-width: 0px 1px 0px 0px; border-style: solid; border-color: #DDD; } .tab-content .col-md-6:nth-of-type(1), .tab-content .col-lg-3:nth-of-type(1) { border-left-width: 0px; } .tab-content .col-md-6:last-of-type, .tab-content .col-lg-3:last-of-type { border-right-width: 0px; } .chart { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .fixed{ position: fixed !important; /*top: 0 !important; left: 0 !important;*/ width: inherit; } form.user-notification.add textarea[id=Subject], form.user-notification.add input[id=Subject]{ max-width: 85% !important; min-width: 85% !important; width: 85% !important; } form.user-notification.add textarea[id=Content], form.user-notification.add input[id=Content]{ max-width: 95% !important; min-width: 95% !important; width: 95% !important; height: 150px !important; } .home-page-content .panel{ } .order-view .display-group { border: none; } .order-view .grid .display-group .display-field .form-control { border: solid 1px #DDD; } .order-view .header { padding-bottom: 20px; margin-bottom: 0px; border-bottom: solid 1px #DDD; } .order-view .header .grid { padding-top: 5px; margin-top: 5px; } .order-view .footer{ padding-top: 20px; margin-top: 20px; border-top: solid 1px #DDD; } .order-view .footer .summary { border: solid 1px #DDD; border-radius: 4px; padding: 10px 5px; background-color: #FDFDFD; text-align: right; } .order-view #Notes { border: none; box-shadow: none; } .order-view .display-group .display-label, .order-view .display-group .display-field { display: inline-block !important; vertical-align: middle; } .order-view .display-group .display-field { display: block !important; } .order-view .header .summary .display-group .display-label, .order-view .header .info .display-group .display-label { float: left; min-height: 34px; padding-top: 6px; } .order-view .footer .summary .display-group .display-label { border: none; text-align: left; } .order-view .footer .summary .display-group .display-field { border: none; border-bottom: dashed 1px #DDD; min-width: 100px; padding: 6px 12px; text-align: right; display: inline-block !important; } .order-view .footer .notes .display-group .display-label { border-top-left-radius: 4px; border-top-right-radius: 4px; } .order-view .footer .notes .display-group .display-field { min-height: 185px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } #LiveSchedulingForm .loading-progress-container { min-height: 25px; min-width: 25px; margin-bottom: -10px; display: inline-block; } #LiveSchedulingForm .loading-progress{ background-size: contain; } #LiveSchedulingForm .taget-date .form-control { max-width: 200px !important; height: 100% !important; background-image: url('images/icon-calendar.png'); background-position: 98.5% center; background-repeat: no-repeat; padding-right: 20px; } /*General product index styles*/ .product-index { margin: 0px; padding: 0px; list-style: none; text-align: center; } .product-index li.printable-product-index { text-align: left; margin-bottom: 5px; } .product-index li.toolbar { margin-bottom: 15px; text-align: right; border: solid 1px #CCC; background-color: #DDD; border-radius: 4px; padding: 5px 5px 10px 5px; box-shadow: 0 4px 4px rgba(0,0,0,0.175); z-index: 5; } .product-index li.toolbar .display, .product-index li.toolbar .search, .product-index li.toolbar .filter, .product-index li.toolbar .sort, .product-index li.toolbar .current-warehouse { display: inline-block; } .product-index li.toolbar .search{ display: inline-block !important; width: auto !important; color: #333333; background-color: #FFFFFF; border-color: #CCCCCC; box-shadow: none; } .product-index li.toolbar .container { position: relative; width: 100%; max-width: 100%; } .product-index li.toolbar .search-group{ display: inline-block; width: auto !important; background-color: transparent; border-color: #CCCCCC; box-shadow: none; } .product-index li.toolbar .search-group .search-clear { position: absolute; right: 45px; z-index: 10; height: 100%; vertical-align: middle; line-height: 34px; cursor: pointer; color: #CCC; } .product-index li.toolbar .filter{ } .product-index li.toolbar .filter a{ font-weight: bold; text-decoration: none; } .product-index li.toolbar .filter a.btn-success, .product-index li.toolbar .filter a.btn-success:hover, .product-index li.toolbar .filter a.btn-success.hover, .product-index li.toolbar .filter a.btn-success:focus, .product-index li.toolbar .filter a.btn-success.focus { background-color: #80BD01; } .product-index li.toolbar .display{ text-align: right; } .product-index li.toolbar .sort, .product-index li.toolbar .current-warehouse{ text-align: left; float: left; } .product-index li.toolbar .sort .sort-link .text, .product-index li.toolbar .sort .dropdown-toggle .text{ min-width: 50px; width: 50px; display: inline-block; text-align: left; } .product-index li.toolbar .sort label, .product-index li.toolbar .sort select{ display: inline-block; } .product-index li.product{ margin-bottom: 10px !important; list-style: none; border: solid 1px #DDD; padding: 0px; border-radius: 4px; background-color: #FFF; text-align: left; box-shadow: 0 4px 4px rgba(0,0,0,0.175); color: #777; } .product-index .toolbar .alert * { text-align: left !important; } .product-index .product .display-group{ margin-bottom: 3px; margin: 0px; padding: 0px; float: none !important; } .product-index .popover-content .display-group .display-label, .product-index .product .display-group .display-label{ width: 125px !important; float: none !important; } .product-index .product .display-group .display-field{ width: 100% !important; } .product-index .product .image{ display: block; height: 220px; margin: 0px; padding: 0px; float: left; text-align: center; line-height: 190px; width: 175px; } .product-index .product .image img.active{ cursor: zoom-in; } .product-index .product .image .gallery{ width: 100%; height: 25px; padding: 3px; line-height: 25px !important; } .product-index .product .image .gallery a.gallery-nav{ display: inline-block; border: solid 1px #DDD; width: 20px; height: 7px; border-radius: 2px; margin: 0px 5px 0px 5px; text-decoration: none; } .product-index .product .image .gallery a.gallery-nav:hover{ background-color: #DDD; } .product-index .product .image .gallery a.gallery-nav.active{ /*background-color: #F0AD4E;*/ background-color: #555; } .product-index .product .image img { border: solid 1px #777; background-color: #DDD; height: 150px; width: 150px; border-radius: 4px; } .product-index .product .info { border: solid 0px #CCC; padding: 5px 10px; display: inline-block; float: left; min-height: 150px; min-width: 300px; } .product-index .popover-content, .product-index .product .info { font-size: 75%; } .product-index .popover-content .display-field, .product-index .product .info .display-field { width: auto !important; max-width: 100% !important; display: inline-block !important; } .product-index .product .info .display-label, .product-index .product .info .display-field, .product-index .popover-content .display-label, .product-index .popover-content .display-field { border: none !important; display: inline-block !important; } .product-index .popover-content .description { border-top: solid 1px #DDD; margin-top: 5px; padding-top: 5px; margin-bottom: 5px; } .product-index .product .info .name { font-weight: bold; font-size: 120%; margin-bottom: 10px; padding-top: 5px; padding-bottom: 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; border-bottom: solid 1px #DDD; color: #333; } .product-index .product .info a.details, .product-index .product .info .limit { margin-top: 15px; font-size: 120%; color: #80BD01; display: inline-block; white-space: nowrap; } .product-index .product .info a.details{ float: left; width: 140px; /*border: solid 1px #80BD01;*/ border-radius: 3px; padding: 2px; } .product-index .product .info .limit { font-weight: bold; color: #C40506; border: solid 1px #C40506; text-align: right; font-size: 120%; border-radius: 3px; padding: 2px; } .product-index .action .limit { margin-top: 3px; margin-bottom: 10px; display: block; white-space: nowrap; font-weight: bold; color: #C40506; border: none; text-align: right; font-size: 85%; padding: 2px; } .product-index .product .action{ display: block; float: right; height: 100% !important; min-height: 185px !important; padding-left: 10px; padding-right: 10px; min-width: 150px; text-align: center; color: #333; } .product-index .product .action .quantity, .product-index .product .action .uom { display: inline-block; position: relative; } .product-index .product .action .price { display: block; text-align: center; font-size: 120%; padding-bottom: 10px; } .product-index .product .action .quantity label { position: absolute; top: -6px; left: 4px; font-size: 11px; color: #999; z-index: 1; background: #FFF; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255,255,255,.85), rgba(255,255,255,0)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255,255,255,.85), rgba(255,255,255,0)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255,255,255,.85), rgba(255,255,255,0)); /* For Firefox 3.6 to 15 */ background: linear-gradient(rgba(255, 255, 255, 0), rgba(255,255,255,.85), rgba(255,255,255,0)); /* Standard syntax (must be last) */ border-radius: 5px; } .product-index .product .action .quantity { font-weight: bold; } .product-index .product .action .quantity .form-group { margin-bottom: 0px; } .product-index .product .action .price, .product-index .product .action .uom { font-weight: bold; margin-left: 5px; } .product-index .product .action .quantity input.form-control, .product-index .product .action .quantity .form-control.select{ display: inline-block; width: 105px !important; max-width: 105px !important; min-width: 105px !important; } .product-index .filter-modal ul, .product-index .warehouse-modal ul { list-style: none; margin: 0; padding: 0; } .product-index .filter-modal ul li, .product-index .warehouse-modal ul li { list-style: none; margin-bottom: 15px; } .product-index .filter-modal .input-group .form-control, .product-index .filter-modal .form-inline .input-group .input-group-addon, .product-index .filter-modal .form-inline .input-group .input-group-btn { width: inherit; } .product-index .filter-modal ul li .input-group .form-control{ z-index: auto !important; } .product-index .filter-modal ul li label { /*display: inline !important;*/ font-weight: bold; min-width: 100px; text-align: left; } .product-index .filter-modal .price-filter-slide { background-color: #7DABC1; } .product-index .filter-modal .input-group.price{ } .product-index .filter-modal .form-control.price{ width: 280px; } .product-index .filter-modal .form-control.kosher { width: 280px; } .product-index .filter-modal .price-filter-slider{ display: inline-block; width: 100px; } .product-index .filter-modal .price-filter-min-display, .product-index .filter-modal .price-filter-max-display{ display: inline-block; font-weight: bold; width: 55px; border: solid 1px #DDD; border-radius: 3px; } .product-index .filter-modal .price-filter-min-display { margin-right: 10px; } .product-index .filter-modal .price-filter-max-display { margin-left: 10px; } .product-index .filter-modal .price-filter-min-display .price-range-value, .product-index .filter-modal .price-filter-max-display .price-range-value{ border: none; font-size: 95%; width: 40px; margin-left: 2px; } .product-index .filter-modal .form-control.chosen-container .chosen-single, .product-index .filter-modal .form-control.chosen-container .chosen-choices { min-height: 30px !important; line-height: 28px; } .product-index .pager { border: solid 1px #CCC; background-color: #DDD; padding: 10px; border-radius: 4px; text-align: right; } .product-index .pager .record-summary, .product-index .pager .pages { white-space: nowrap; } .product-index .pager .record-range, .product-index .pager .total-records { font-weight: bold; } .product-index .pager .record-summary, .product-index .pager .page-size, .product-index .pager .pages { display: inline-block; line-height: 34px; } .product-index .pager .record-summary, .product-index .pager .pages { margin-left: 15px; } .product-index .pager .page-size { float: left; } .product-index .pager .pages { float: right; } .product-index .pager select.goto-page { width: 75px !important; max-width: 75px !important; min-width: 75px !important; padding: 2px; border-color: #ADADAD; height: 34px; } .product-index .pager select.records-per-page { width: 100px !important; max-width: 100px !important; min-width: 100px !important; padding: 3px; border-radius: 4px; font-size: 85%; height: 34px; } .product-index .pager .pages .pager-buttons a{ display: inline-block; width: 34px; height: 34px; } .product-index .pager .pages .pager-buttons .page-prev { background: #FFF url('images/icon-left.png') no-repeat center center; } .product-index .pager .pages .pager-buttons .page-next { background: #FFF url('images/icon-right.png') no-repeat center center; } /*Product Index Tile Display*/ .product-index.tile li.product{ display: inline-block; max-width: 300px; } .product-index.tile li.product .display-group .display-field{ width: 135px !important; max-width: 135px !important; white-space: nowrap; text-overflow: ellipsis; overflow-x: hidden; } .product-index.tile .product .image { width: 100%; } .product-index.tile .product .info .name { border-top: solid 1px #DDD; text-align: center; width: 280px; } .product-index.tile .action .limit { text-align: center; } .product-index.tile li.product .info .limit { float: right; } .product-index.tile .product .action{ clear: both; border-left: none; float: none; min-height: initial !important; min-width: 100%; text-align: center; border-top: solid 1px #DDD; background-color: #FDFDFD; margin-bottom: 0px; padding-top: 15px; } .product-index.tile .product .action .categoryAndPacking { display: none; } .product-index.tile .product .action .button { display: block; padding-bottom: 10px; } .product-index.tile .product .action button { display: inline-block; width: 100%; } .product-index.tile .product .action .quantity label { left: 41px; } /*Product Index List Display*/ .product-index.list .product .info .name { } .product-index.list li.product .info .limit { float: none; } .product-index.list .product .action { border-left: solid 1px #DDD; display: block; float: right; height: 100% !important; min-height: 220px !important; padding-top: 35px; min-width: 200px; } .product-index.list .product .action .categoryAndPacking { display: none; } .product-index.list .product .action button { display: inline-block; width: 100%; } /*Product Index Condensed Display*/ .product-index.condensed .product .image { display: none; } .product-index.condensed .product .info { min-height: initial !important; } .product-index.condensed .product .info * { display: none !important; } .product-index.condensed .product .info .name { display: block !important; margin-bottom: auto; border: none; vertical-align: middle; } /*Shopping Cart*/ .shopping-cart { } .shopping-cart .header { z-index: 1; box-shadow: 0 4px 4px rgba(0,0,0,0.175); } .shopping-cart .header .col { background-color: #DDD; font-weight: bold; border: solid 1px #CCC; padding-bottom: 10px; padding-top: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .shopping-cart .header .col:first-of-type { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .shopping-cart .header .col:last-of-type { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } ul.shopping-cart { list-style: none; } .shopping-cart .item .col { border-bottom: solid 1px #DDD; height: 85px; line-height: 85px; } .shopping-cart .item .col.product-image { line-height: 85px; text-align: center; padding-left: 3px; padding-right: 3px; } .shopping-cart .item .col.product-image img { width: 75px; height: 75px; background-color: #DDD; border: solid 1px #DDD; border-radius: 4px; } .shopping-cart .item .col.product-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .shopping-cart .product-price, .shopping-cart .product-service-fee, .shopping-cart .product-grants-applied, .shopping-cart .product-qty, .shopping-cart .product-price-ext, .shopping-cart .product-weight, .shopping-cart .summary { text-align: right; } .shopping-cart .product-price-ext { font-weight: bold; } .shopping-cart .summary { font-size: 150%; font-weight: bold !important; margin-top: 35px; border: solid 1px #DDD; border-radius: 2px; clear: both; } .shopping-cart .summary .summary-label { background-color: #DDD; border-radius: 4px; font-size: 80%; line-height: 50px; } .shopping-cart .summary .product-qty, .shopping-cart .summary .product-price-ext, .shopping-cart .summary .product-weight { line-height: 1; } .shopping-cart .summary .product-qty .value, .shopping-cart .summary .product-price-ext .value, .shopping-cart .summary .product-weight .value { color: #000; padding-top: 0px; } .shopping-cart .summary .product-qty .label, .shopping-cart .summary .product-price-ext .label, .shopping-cart .summary .product-weight .label { font-size: 50%; color: #000; padding-left: 0px; padding-right: 0px; padding-top: 0px; } .shopping-cart .summary .product-qty, .shopping-cart .summary .product-price-ext { padding-left: 10px; padding-right: 10px; } .shopping-cart .item .product-remove { text-align: center; } .shopping-cart .item .product-remove .error { font-size: 75%; color: #C40506; /*margin-top: -50px;*/ } .shopping-cart .item .product-qty input.quantity { text-align: left; width: 75px !important; min-width: 75px !important; max-width: 75px !important; margin-top: 10px; display: block; } .shopping-cart .item .product-qty .update-link { text-align: left; font-size: 75%; display: block; white-space: nowrap; line-height: 1; margin-top: 10px; border-width: 0px; background-color: transparent; color: #337ab7; padding-left: 0px; } .shopping-cart .item .product-qty .update-link.text-success { color: #80BD01; } .shopping-cart .item .product-qty .update-link.text-danger { color: #A94442; } .shopping-cart .item .product-qty .update-link:hover { text-decoration: underline; } .shopping-cart .spacer { height: 50px; display: none; } .shopping-cart .actions .col { text-align: right; padding-left: 0px; padding-right: 0px; margin-top: 35px; } .shopping-cart-summary { } .shopping-cart-summary .header { z-index: 1; box-shadow: 0 4px 4px rgba(0,0,0,0.175); } .shopping-cart-summary .header .col { background-color: #DDD; font-weight: bold; border: solid 1px #CCC; padding-bottom: 10px; padding-top: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .shopping-cart-summary .header .col:first-of-type { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .shopping-cart-summary .header .col:last-of-type { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } ul.shopping-cart-summary { list-style: none; } .shopping-cart-summary .item { margin-bottom: 15px; border-bottom: solid 1px #DDD; padding-bottom: 10px; width: 350px; border: solid 1px #DDD; border-radius: 2px; padding: 5px; } .shopping-cart-summary .item .col { display: inline-block !important; } .shopping-cart-summary .item .product-info { font-weight: normal !important; width: 250px; } .shopping-cart-summary .item .product-info label { display: inline-block; margin-right: 15px; font-weight: normal !important; } .shopping-cart-summary .item .col.product-image { text-align: center; padding-left: 3px; padding-right: 3px; vertical-align: top; } .shopping-cart-summary .item .col.product-image img { width: 75px; height: 75px; background-color: #DDD; border: solid 1px #DDD; border-radius: 4px; } .shopping-cart-summary .item .product-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; margin-bottom: 5px; } .shopping-cart-summary .item .product-form { display: inline-block; text-align: right; } .shopping-cart-summary .product-price, .shopping-cart-summary .product-service-fee, .shopping-cart-summary .product-grants-applied, .shopping-cart-summary .product-qty, .shopping-cart-summary .product-price-ext, .shopping-cart-summary .product-weight, .shopping-cart-summary .summary { text-align: left; } .shopping-cart-summary .product-price, .shopping-cart-summary .product-service-fee, .shopping-cart-summary .product-grants-applied, .shopping-cart-summary .product-info .product-price-ext, .shopping-cart-summary .product-weight { font-size: 85%; } .shopping-cart-summary .product-info .product-price-ext { font-weight: bold; display: block !important; border-bottom: solid 1px #DDD; margin-bottom: 10px; } .shopping-cart-summary .summary { font-size: 150%; font-weight: normal !important; margin-top: 15px; border: solid 1px #DDD; border-radius: 2px; clear: both; padding: 0px; } .shopping-cart-summary .summary .summary-label { font-weight: bold !important; background-color: #DDD; font-size: 80%; padding: 2px; } .shopping-cart-summary .summary .product-qty, .shopping-cart-summary .summary .product-price-ext, .shopping-cart-summary .summary .product-weight { line-height: 1; } .shopping-cart-summary .summary .product-qty .value, .shopping-cart-summary .summary .product-price-ext .value, .shopping-cart-summary .summary .product-weight .value { color: #000; padding-top: 0px; } .shopping-cart-summary .summary .product-qty .label, .shopping-cart-summary .summary .product-price-ext .label, .shopping-cart-summary .summary .product-weight .label { font-size: 50%; color: #000; padding-left: 0px; padding-right: 0px; padding-top: 0px; display: inline-block; } .shopping-cart-summary .summary .product-qty, .shopping-cart-summary .summary .product-price-ext { padding-left: 10px; padding-right: 10px; width: 165px; font-size: 80%; } .shopping-cart-summary .item .product-remove { text-align: center !important; width: 75px; } .shopping-cart-summary .item .product-remove .error { font-size: 75%; color: #C40506; /*margin-top: -50px;*/ } .shopping-cart-summary .item .product-qty input.quantity { text-align: left; width: 75px !important; min-width: 75px !important; max-width: 75px !important; /*margin-top: 10px;*/ display: inline-block; } .shopping-cart-summary .item .product-qty .update-link, .shopping-cart-summary .item .product-qty .remove { text-align: left; font-size: 75%; display: inline-block; white-space: nowrap; line-height: 1; border-width: 0px; background-color: transparent; padding-left: 0px; } .shopping-cart-summary .item .product-qty .update-link { color: #337ab7; } .shopping-cart-summary .item .product-qty .update-link.text-success { color: #80BD01; } .shopping-cart-summary .item .product-qty .update-link.text-danger { color: #A94442; } .shopping-cart-summary .item .product-qty .update-link:hover { text-decoration: underline; } .shopping-cart-summary .spacer { height: 50px; display: none; } .shopping-cart-summary .value { display: inline-block; } .shopping-cart-summary .actions { text-align: right; padding-left: 0px; padding-right: 0px; border: none; } .shopping-checkout .product-price, .shopping-checkout .product-service-fee, .shopping-checkout .product-grants-applied, .shopping-checkout .product-qty, .shopping-checkout .product-price-ext, .shopping-checkout .product-weight, .shopping-checkout .summary { text-align: left; } .shopping-checkout .product-price-ext { font-weight: bold; } .shopping-checkout .summary { font-size: 150%; font-weight: bold !important; margin-top: 35px; border: solid 1px #DDD; border-radius: 2px; clear: both; } .shopping-checkout .summary .summary-label { font-size: 80%; line-height: 50px; } .shopping-checkout .summary .product-qty, .shopping-checkout .summary .product-price-ext, .shopping-checkout .summary .product-weight { line-height: 1; } .shopping-checkout .summary .product-qty .value, .shopping-checkout .summary .product-price-ext .value, .shopping-checkout .summary .product-weight .value { color: #000; padding-top: 0px; } .shopping-checkout .summary .product-qty .label, .shopping-checkout .summary .product-price-ext .label, .shopping-checkout .summary .product-weight .label { font-size: 50%; color: #000; padding-left: 0px; padding-right: 0px; padding-top: 0px; } .shopping-checkout .summary .product-qty, .shopping-checkout .summary .product-price-ext { padding-left: 10px; padding-right: 10px; } .file-upload { height: 280px !important; min-width: 280px; max-width: 555px; width: 100%; text-align: center; border: dashed 2px #26B636; padding: 5px; background: #FFF url(images/add-file.png) no-repeat center center; } .file-upload-files { margin: 15px 0 0 0; /*padding: 0px;*/ max-width: 600px; width: 100%; text-align: left; } .file-upload-preview { margin-bottom: 25px; display: inline-block; margin-right: 10px; text-align: center; list-style: none; width: 110px; overflow-x: hidden; } .file-upload-preview .image-container, .file-upload-preview .info { display: block; } .file-upload-preview .image-container { text-align: center; height: 110px; width: 110px; line-height: 110px; position: relative; border-radius: 3px; border: solid 1px #DDD; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); margin-bottom: 7px; } .file-upload-preview .info { font-size: 90%; width: 110px; } .file-upload-preview .info .title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .file-upload-preview .image-container img { max-width: 105px; max-height: 105px; width: auto; height: auto; vertical-align: middle; /*border: 10px solid #fff; line-height: 135px;*/ } .file-upload-container, .file-upload-container .form-control, .file-download-container, .file-download-container .form-control{ width: 100% !important; max-width: 100% !important; text-align: center; } .file-upload-container, .file-download-container { min-height: 300px !important; } .file-upload-container .form-control, .file-download-container .form-control{ height: 250px !important; padding-top: 50px; } .file-download-link{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 100%; display: block; height: 250px !important; } .file-download-link a:hover{ text-decoration: none; } .file-download-link .glyphicon{ font-size: 700%; display: block; text-align: center; margin-bottom: 20px; } .file-download-info{ font-size: 85%; margin-top: 10px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; } .file-download-info .display-field{ display: inline-block; } footer .feedback-link{ float: left; } .alert-default { /*color: #31708f;*/ background-color: #F9F9F9; border-color: #DDDDDD; } .statistic-details { border-top: solid 1px #DDD; margin-top: 20px; } .grant-list{ margin: 0px; padding: 0px; list-style: none; text-align: left; } .grant-allocation { max-width: 375px; min-width: 375px; border: solid 1px #DDD; background-color: #FFF; box-shadow: 0 4px 4px rgba(0,0,0,0.175); color: #777; margin-bottom: 10px !important; border-radius: 2px; display: inline-block; list-style: none; } .grant-allocation .name { width: 100%; overflow: hidden; text-overflow: ellipsis; font-size: 110%; font-weight: bold; text-align: center; border-bottom: solid 1px #DDD; margin-bottom: 10px; padding: 5px; color: #555; background-color: #FAFAFA; } .grant-allocation .effective-date, .grant-allocation .expire-date, .grant-allocation .initial-value, .grant-allocation .adj-amount { width: 50%; padding: 0; margin: 0; text-align: center; min-height: 50px; font-size: 85%; } .grant-allocation .initial-value, .grant-allocation .adj-amount { border-top: solid 1px #DDD; padding-top: 5px; } .grant-allocation .effective-date label, .grant-allocation .expire-date label, .grant-allocation .initial-value label, .grant-allocation .adj-amount label { display: block; } .grant-allocation .effective-date, .grant-allocation .initial-value { float: left; } .grant-allocation .expire-date, .grant-allocation .adj-amount { float: right; } .grant-allocation .balance { clear: both; width: 100%; text-align: center; font-size: 135%; font-weight: bold; padding: 10px 5px 10px 5px; border-top: solid 1px #DDD; margin-top: 10px; color: rgba(128,189,1,1); background-color: #FAFAFA; } .udf-list{ margin: 0px; padding: 0px; list-style: none; text-align: left; } .udf-list li { max-width: 200px; min-width: 200px; max-height: 200px; min-height: 200px; border: solid 1px #DDD; background-color: #FFF; box-shadow: 0 4px 4px rgba(0,0,0,0.175); color: #777; margin-bottom: 10px !important; border-radius: 2px; display: inline-block; list-style: none; text-align: center; vertical-align: middle; position: relative; } .udf-list li .title { width: 100%; height: 100%; overflow: hidden; text-overflow: ellipsis; font-size: 110%; font-weight: bold; text-align: center; border-bottom: solid 1px #DDD; margin-bottom: 10px; padding: 5px; color: #555; background-color: #FAFAFA; display: block; } .udf-list li .name { width: 100%; height: 100%; overflow: hidden; text-overflow: ellipsis; font-size: 150%; font-weight: bold; text-align: center; margin-bottom: 10px; margin-top: 10px; padding: 5px; color: #555; display: block; } .udf-list li .action { position: absolute; width: 100%; font-size: 110%; font-weight: bold; text-align: center; border-top: solid 1px #DDD; margin-top: 10px; padding: 5px; background-color: #FAFAFA; display: block; bottom: 0px; /*bottom: 15px; border-bottom: solid 1px #DDD;*/ } .udf-list li .action .btn { width: 100%; } .agency-view .page-title { margin-bottom: 25px; } .agency-view .display-group { position: relative; } .agency-view .display-label { position: relative; z-index: 1; top: 0px; color: #555; font-size: 110%; background-color: transparent; } .agency-view .display-field { position: relative; background-color: transparent; color: #555; font-size: 110%; letter-spacing: 1px; line-height: 1.5; } .agency-view .display-label.boolean { display: inline-block; } .agency-view .display-field.boolean { position: initial; top: 0px; } .agency-pickup-donor-list{ margin: 0px; padding: 0px; list-style: none; text-align: left; } .agency-pickup-donor-list li { max-width: 200px; min-width: 200px; max-height: 200px; min-height: 200px; border: solid 1px #DDD; background-color: #FFF; box-shadow: 0 4px 4px rgba(0,0,0,0.175); color: #777; margin-bottom: 10px !important; border-radius: 2px; display: inline-block; list-style: none; text-align: center; vertical-align: middle; position: relative; margin-left: 3px; margin-right: 3px; } .agency-pickup-donor-list li .ref { width: 100%; height: 100%; overflow: hidden; text-overflow: ellipsis; font-size: 110%; font-weight: bold; text-align: center; border-bottom: solid 1px #DDD; margin-bottom: 10px; padding: 5px; color: #555; background-color: #FAFAFA; display: block; } .agency-pickup-donor-list li .bg { text-align: center; width: 100%; font-size: 96pt; z-index: 0; color: #F7F7F5; height: 200px; position: absolute; top: 0px; left: 0px; padding-top: 40px; } .agency-pickup-donor-list li .name { width: 100%; height: 100%; overflow: hidden; text-overflow: ellipsis; font-size: 150%; font-weight: bold; text-align: center; margin-bottom: 10px; margin-top: 10px; padding: 5px; color: #555; display: block; position: absolute; z-index: 1; } .agency-pickup-donor-list li .action { position: absolute; z-index: 2; width: 100%; font-size: 110%; font-weight: bold; text-align: center; border-top: solid 1px #DDD; margin-top: 10px; padding: 5px; background-color: #FAFAFA; display: block; bottom: 0px; /*bottom: 15px; border-bottom: solid 1px #DDD;*/ } .agency-pickup-donor-list li .action .btn { width: 100%; } .agency-address-list { margin: 0px; padding: 0px; list-style: none; text-align: left; } .agency-address-list li { max-width: 300px; min-width: 300px; max-height: 225px; min-height: 225px; border: solid 1px #DDD; background-color: #FFF; box-shadow: 0 4px 4px rgba(0,0,0,0.175); color: #777; margin-bottom: 10px !important; border-radius: 2px; display: inline-block; list-style: none; text-align: left; vertical-align: middle; position: relative; margin-left: 3px; margin-right: 3px; } .agency-address-list li.add a { text-align: center; font-weight: bold; width: 100%; display: block; height: 225px; line-height: 225px; text-align: center; width: 100%; display: inline-block; padding-top: 60px; background: #FFF url('images/add-generic.png') no-repeat center top; color: #555; } .agency-address-list li.add a:hover { background-color: rgba(128,189,1,.3); -webkit-transition: background-color 400ms linear; -ms-transition: background-color 400ms linear; transition: background-color 400ms linear; } .agency-address-list li .address { width: 100%; padding: 10px; position: absolute; z-index: 1; } .agency-address-list li .address .city, .agency-address-list li .address .state-or-prov, .agency-address-list li .address .postal-code { display: inline; } .agency-address-list li .address .country { margin-top: 10px; } .agency-address-list li .name { width: 100%; height: 100%; overflow: hidden; text-overflow: ellipsis; font-size: 110%; font-weight: bold; text-align: center; border-bottom: solid 1px #DDD; margin-bottom: 10px; padding: 5px; color: #555; background-color: #FAFAFA; display: block; white-space: nowrap; } .agency-address-list li .bg { text-align: center; width: 100%; font-size: 96pt; z-index: 0; color: #F7F7F5; height: 200px; position: absolute; top: 0px; left: 0px; padding-top: 40px; } .agency-address-list li .action { position: absolute; z-index: 2; width: 100%; font-size: 110%; font-weight: bold; text-align: center; border-top: solid 1px #DDD; margin-top: 10px; padding: 5px; background-color: #FAFAFA; display: block; bottom: 0px; /*bottom: 15px; border-bottom: solid 1px #DDD;*/ } .agency-address-list li .action .btn { width: 100%; } .agency-contact-list { margin: 0px; padding: 0px; list-style: none; text-align: left; } .agency-contact-list li { max-width: 300px; min-width: 300px; max-height: 225px; min-height: 225px; border: solid 1px #DDD; background-color: #FFF; box-shadow: 0 4px 4px rgba(0,0,0,0.175); color: #777; margin-bottom: 10px !important; border-radius: 2px; display: inline-block; list-style: none; text-align: left; vertical-align: middle; position: relative; margin-left: 3px; margin-right: 3px; } .agency-contact-list li.add a { text-align: center; font-weight: bold; width: 100%; display: block; height: 225px; line-height: 225px; text-align: center; width: 100%; display: inline-block; padding-top: 60px; background: #FFF url('images/add-generic.png') no-repeat center top; color: #555; } .agency-contact-list li.add a:hover { background-color: rgba(128,189,1,.3); -webkit-transition: background-color 400ms linear; -ms-transition: background-color 400ms linear; transition: background-color 400ms linear; } .agency-contact-list li .bg { text-align: center; width: 100%; font-size: 96pt; z-index: 0; color: #F7F7F5; height: 200px; position: absolute; top: 0px; left: 0px; padding-top: 40px; } .agency-contact-list li .name { width: 100%; height: 100%; overflow: hidden; text-overflow: ellipsis; font-size: 110%; font-weight: bold; text-align: center; border-bottom: solid 1px #DDD; margin-bottom: 0px; padding: 5px; color: #555; background-color: #FAFAFA; display: block; } .agency-contact-list li .info { width: 100%; padding: 10px; z-index: 1; position: absolute; } .agency-contact-list li .info .title { margin-bottom: 10px; } .agency-contact-list li .info .telephone .glyphicon, .agency-contact-list li .info .email-address .glyphicon { margin-right: 5px; } .agency-contact-list li .name .first-name, .agency-contact-list li .name .last-name, .agency-contact-list li .info .telephone, .agency-contact-list li .info .telephone-ext { display: inline; } .agency-contact-list li .name .prefix { margin-right: 1px; } .agency-contact-list li .name .last-name, .agency-contact-list li .name .suffix, .agency-contact-list li .info .telephone-ext { margin-left: 1px; } .agency-contact-list li .action { position: absolute; z-index: 2; width: 100%; font-size: 110%; font-weight: bold; text-align: center; border-top: solid 1px #DDD; margin-top: 10px; padding: 5px; background-color: #FAFAFA; display: block; bottom: 0px; /*bottom: 15px; border-bottom: solid 1px #DDD;*/ } .agency-contact-list li .action .btn { width: 100%; } .agency-schedule-list { margin: 0px; padding: 0px; list-style: none; text-align: left; } .agency-schedule-list li { max-width: 300px; min-width: 300px; max-height: 225px; min-height: 225px; border: solid 1px #DDD; background-color: #FFF; box-shadow: 0 4px 4px rgba(0,0,0,0.175); color: #777; margin-bottom: 10px !important; border-radius: 2px; display: inline-block; list-style: none; text-align: left; vertical-align: middle; position: relative; margin-left: 3px; margin-right: 3px; } .agency-schedule-list li.add a { text-align: center; font-weight: bold; width: 100%; display: block; height: 225px; line-height: 225px; text-align: center; width: 100%; display: inline-block; padding-top: 60px; background: #FFF url('images/add-generic.png') no-repeat center top; color: #555; } .agency-schedule-list li.add a:hover { background-color: rgba(128,189,1,.3); -webkit-transition: background-color 400ms linear; -ms-transition: background-color 400ms linear; transition: background-color 400ms linear; } .agency-schedule-list li .name { width: 100%; height: 100%; overflow: hidden; text-overflow: ellipsis; font-size: 120%; font-weight: bold; text-align: center; border-bottom: solid 1px #DDD; margin-bottom: 0px; padding: 5px; color: #555; background-color: #FAFAFA; display: block; } .agency-schedule-list li .bg { text-align: center; width: 100%; font-size: 96pt; z-index: 0; color: #F7F7F5; height: 200px; position: absolute; top: 0px; left: 0px; padding-top: 40px; } .agency-schedule-list li .time { text-align: center; width: 100%; z-index: 1; font-size: 150%; font-weight: bold; position: absolute; top: 0px; left: 0px; padding-top: 70px; } .agency-schedule-list li .time .begin, .agency-schedule-list li .time .end { display: inline; } .agency-schedule-list li .info { width: 100%; z-index: 2; z-index: 1; position: absolute; bottom: 45px; left: 0px; } .agency-schedule-list li .info .open-am, .agency-schedule-list li .info .open-pm { width: 50%; padding: 0; margin: 0; text-align: center; min-height: 50px; font-size: 85%; background-color: rgba(200,200,200,.25) } .agency-schedule-list li .info .open-am, .agency-schedule-list li .info .open-pm { border-top: solid 1px #DDD; padding-top: 5px; } .agency-schedule-list li .info .open-am label, .agency-schedule-list li .info .open-pm label { display: block; } .agency-schedule-list li .info .open-am { float: left; } .agency-schedule-list li .info .open-pm { float: right; border-left: solid 1px #DDD; } .agency-schedule-list li .action { position: absolute; z-index: 2; width: 100%; font-size: 110%; font-weight: bold; text-align: center; border-top: solid 1px #DDD; margin-top: 10px; padding: 5px; background-color: #FAFAFA; display: block; bottom: 0px; /*bottom: 15px; border-bottom: solid 1px #DDD;*/ } .agency-schedule-list li .action .btn { width: 100%; } #agency-pickup { } .pickup-list { padding: 0; text-align: center; display: inline-block; margin-left: auto; margin-right: auto; } .pickup-list li { list-style: none; padding: 10px; text-align: left; } .pickup-list li.item { margin-bottom: 15px !important; list-style: none; border: solid 1px #DDD; border-radius: 2px; background-color: #FFF; text-align: left; box-shadow: 0 4px 4px rgba(0,0,0,0.175); color: #777; margin-bottom: 10px; display: inline-block; } .pickup-list .header { font-weight: bold; } .pickup-list li.item .product { font-weight: bold; } .pickup-list .product, .pickup-list .weight { vertical-align: middle; display: inline-block; } .pickup-list .product { min-width: 300px; max-width: 300px; font-size: 90%; color: #333; } .pickup-list .weight .editor-label { display: none; } .pickup-list .weight .form-control { min-width: 100px !important; max-width: 100px !important; } .agency-statistic-list { margin: 0px; padding: 0px; list-style: none; text-align: center; margin-top: 20px; } .agency-statistic-list li { max-width: 450px; border: solid 1px #DDD; background-color: #FFF; box-shadow: 0 4px 4px rgba(0,0,0,0.175); color: #777; margin-bottom: 20px !important; border-radius: 2px; display: inline-block; list-style: none; text-align: left; vertical-align: middle; position: relative; margin-left: 5px; margin-right: 5px; } .agency-statistic-list li .alert { padding: 0px 30px 0px 3px !important; position: absolute; bottom: -15px; left: 0; width: 100%; } .agency-statistic-list li .name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 85%; letter-spacing: 1px; font-weight: bold; text-align: center; border-bottom: solid 1px #DDD; margin-bottom: 0px; padding: 5px 0px 5px 0px; color: #555; background-color: #F4F4F4; display: block; margin-left: -15px; margin-right: -15px; } .agency-statistic-list li .info { /*width: 100%;*/ padding: 20px 0px 5px 0px; position: relative; display: inline-block; } .agency-statistic-list li .info .form-group { position: relative; display: inline-block; } .agency-statistic-list li .info label { position: absolute; top: -6px; left: 4px; font-size: 11px; color: #999; z-index: 1; background: #FFF; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255,255,255,.85), rgba(255,255,255,0)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255,255,255,.85), rgba(255,255,255,0)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255,255,255,.85), rgba(255,255,255,0)); /* For Firefox 3.6 to 15 */ background: linear-gradient(rgba(255, 255, 255, 0), rgba(255,255,255,.85), rgba(255,255,255,0)); /* Standard syntax (must be last) */ border-radius: 5px; } .agency-statistic-list li .action { /*position: absolute; z-index: 2; width: 100%;*/ font-weight: bold; text-align: right; /*border-top: solid 1px #DDD;*/ /*margin-top: 10px;*/ /*padding: 5px;*/ /*background-color: #FAFAFA;*/ display: block; bottom: 0px; /*bottom: 15px; border-bottom: solid 1px #DDD;*/ margin-top: -10px; } .agency-statistic-list li .action .btn { text-align: right; font-size: 90%; white-space: nowrap; line-height: 1; margin-top: 0px; border-width: 0px; background-color: transparent; color: #337ab7; padding-left: 0px; } .section-title { border-bottom: none 1px #EEE; padding-bottom: 5px; font-weight: bold; font-family: OpenSansLight; font-size: 150%; letter-spacing: 1px; color: #333333; } /*Firefox specific font styles*/ @-moz-document url-prefix() { .section-title { font-weight: 500; font-family: OpenSansRegular; } } .section-content-title { border-bottom: none 1px #EEE; padding-bottom: 5px; font-weight: bold; font-family: OpenSansLight; font-size: 110%; letter-spacing: 1px; color: #555; } /*Firefox specific font styles*/ @-moz-document url-prefix() { .section-content-title { font-weight: 500; font-family: OpenSansRegular; } } /*@media (max-width: 575px) { .pickup-list .weight .editor-field, .pickup-list .weight .editor-label { display: inline-block !important; } }*/ .stepwizard-row { display: table-row; } .stepwizard { display: table; width: 100%; max-width: 600px; position: relative; } .stepwizard-step button[disabled] { opacity: 1 !important; filter: alpha(opacity=100) !important; } .stepwizard-row:before { top: 14px; bottom: 0; position: absolute; content: " "; width: 100%; height: 1px; background-color: #ccc; z-index: 0; } .stepwizard-step { display: table-cell; text-align: center; position: relative; } .stepwizard-step .caption { margin-top: 5px; font-size: 85%; letter-spacing: 1px; margin-bottom: 0px; } .stepwizard-step .detail { border: solid 0px #DDD; border-radius: 4px; display: inline-block; padding: 0px 5px 0px 5px; } .btn-circle { width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px; } .login-form > img { max-width: 300px; height: auto; } @media (min-width: 992px) { /*Product Index Condensed Display*/ .product-index.condensed li.product { margin-bottom: 0px !important; box-shadow: none; border-radius: 0px; } .product-index.condensed li.product { display: block; } .product-index.condensed .product .image { display: none; } .product-index.condensed .product .info { min-height: initial !important; min-width: 325px; max-width: 325px; } .product-index.condensed .product .info * { display: none !important; } .product-index.condensed .product .info .name { display: block !important; margin-bottom: auto; border: none; vertical-align: middle; } .product-index.condensed .action .limit { text-align: right; } .product-index.condensed li.product .info { vertical-align: middle; } .product-index.condensed .product .action { border-left: solid 1px #DDD; display: block; float: none; height: 100% !important; padding-top: 5px; min-height: initial !important; } .product-index.condensed .product .action .price, .product-index.condensed .product .action .quantity, .product-index.condensed .product .action .button { display: inline-block; vertical-align: middle; } .product-index.condensed .product .action .price { width: 18%; font-size: 100%; text-align: left; padding-left: 10px; } .product-index.condensed .product .action .quantity { width: 18%; text-align: left; position: relative; } .product-index.condensed .product .action .categoryAndPacking { width: 20%; text-align: left; font-weight: bold; position: relative; display: inline-block; } .product-index.condensed .product .action .button { width: 13%; text-align: right; float: right; } .product-index.condensed .product .action .limit, .product-index.condensed .product .action .quantity .form-group .editor-field { display: inline-block; } .product-index.condensed .product .action button { display: inline-block; width: 100%; } } @media (max-width: 991px) { .container { width: 100%; } .page-header, .breadcrumb, .page>.subnav { max-width: 100% !important; min-width: 100% !important; width: 100% !important; } .page>.subnav { border: solid 1px #DDD; border-radius: 4px; background-color: #FFF !important; margin-bottom: 10px !important; } .page>.subnav>.navbar-toggle { margin-bottom: 0px !important; } .btn-breadcrumb-menu{ width: 100%; text-align: right; border: solid 1px #000; margin-right: 0px; font-size: 115%; font-family: OpenSansLight; font-weight: bold; margin-top: auto !important; margin-right: 15px !important; position: relative; } .btn-breadcrumb-menu .icon { position: absolute; right: 0px; padding-top: 4px; vertical-align: bottom; } .btn-breadcrumb-menu .text { display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; float: right; padding-right: 20px; padding-left: 5px; } .btn-breadcrumb-menu .text { opacity: 0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .btn-breadcrumb-menu.collapsed .text { opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .breadcrumb{ text-align: left; margin-right: 5px; margin-bottom: 0px; display: block; padding-top: 0px; background-color: #FFF; overflow-x: hidden; overflow-y: visible; text-overflow: ellipsis !important; border-top: dotted 1px #DDD; } .breadcrumb>li{ display: block; min-height: 35px; padding-top: 10px; padding-bottom: 5px; background-color: #FFF; text-overflow: ellipsis !important; border-bottom: dotted 1px #DDD; clear: both; } .breadcrumb>li>a { display: inline-block; white-space: nowrap; padding-left: 35px; box-sizing: border-box; width: 100%; text-overflow: ellipsis !important; overflow: hidden; } .breadcrumb>li+li:before { display: none; } .page>.subnav .icon-menu { position: absolute; left: 15px; padding-right: 5px; margin-right: 0px; width: 25px; } .ui-dialog{ width: 95% !important; } .page-header .user-nav{ position: relative; top: 0; right: 0; } .navbar-inverse .navbar-collapse{ border-color: #F6EB45 !important; border-width: 3px !important; text-align: left; /*padding-right: 0px !important;*/ } .page-header{ border-bottom: solid 5px #CCC !important; } .page-header .navbar-header{ margin-left: 0px; /*margin-right: 0px;*/ text-align: center; background-color: #DDD; /* customizable in theme */ margin-right: 0px; } .page-header .user-nav{ min-width: 100% !important; max-width: 100% !important; width: 100% !important; float: none !important; margin: 0px !important; } .navbar .navbar-brand { display: inline-block; color: transparent !important; background: transparent url('images/header-logo-collapsed.png') no-repeat center center; width: 200px !important; float: none !important; } .navbar-inverse .navbar-nav.main-nav{ width: 100%; margin: 7.5px 0px; } .navbar-inverse .navbar-nav.main-nav li.dropdown>a{ font-size: 115% !important; letter-spacing: 1px; } .navbar .container-fluid{ padding-right: 0px; padding-left: 0px; } .navbar-inverse .navbar-nav>li { text-align: left; padding-left: 0px !important; } .navbar-inverse .navbar-nav>li>a { padding-left: 15px !important; } .navbar-inverse .navbar-nav>li.dropdown.open { background-color: #FFF !important; padding: 0px 10px 0px 0px !important; } .navbar-inverse .navbar-nav>li.dropdown.open>a { border-bottom: solid 1px #DDD !important; color: #333; font-weight: bold; font-size: 110%; padding-left: 5px; margin-right: 5px; background-color: #FFF !important; } .navbar-inverse .navbar-nav .dropdown.open a .caret { border-top-color: #333 !important; border-bottom-color: #333 !important; } .page-header .user-nav li.dropdown.open ul.dropdown-menu { width: 100%; } .navbar-inverse .navbar-nav>li.dropdown.open ul { /*margin: 0px 10px;*/ } .navbar-inverse .navbar-nav>li>a .caret { border-width: 6px !important; } .main-nav.navbar-nav > li > a { padding-top: 10px !important; padding-bottom: 10px !important; } .main-nav.navbar-nav > li a:hover { background-color: #FDFDFD; color: #333; } .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin-right: 0px !important; } .navbar-inverse .navbar-nav>li>.dropdown-menu:before, .navbar-inverse .navbar-nav>li>.dropdown-menu:after { display: none !important; } .navbar-inverse .navbar-nav>li>.dropdown-menu { background-color: #FFF !important; } .navbar-inverse .navbar-nav>li>.dropdown-menu>li>a:hover { color: #000 !important; } .btn-group .hidden-xs { display: none!important; } .navbar-toggle { border: none; background: transparent !important; } .navbar-toggle:hover { background: transparent !important; } .navbar-toggle .icon-bar { width: 22px; } .page>.subnav>.btn-breadcrumb-menu, .navbar-toggle .icon-bar { transition: all 0.2s; } .page>.subnav>.btn-breadcrumb-menu>.icon { display: inline-block; width: 22px; } .page>.subnav>.btn-breadcrumb-menu .icon-bar { background-color: #000; } .navbar-toggle .top-bar { transform: rotate(45deg); transform-origin: 10% 10%; } .navbar-toggle .middle-bar { opacity: 0; } .navbar-toggle .bottom-bar { transform: rotate(-45deg); transform-origin: 10% 90%; } .navbar-toggle.collapsed .top-bar { transform: rotate(0); } .navbar-toggle.collapsed .middle-bar { opacity: 1; } .navbar-toggle.collapsed .bottom-bar { transform: rotate(0); } .action-buttons { padding-right: 1%; } .nav.nav-tabs{ /*display: none !important;*/ } .tab-content .tab-pane{ /*display: block !important;*/ } .page-content .page-content-header>.page-title{ /*background-color: #F4F4F4;*/ font-size: 125%; padding: 10px 7px 10px 7px; border-radius: 4px; white-space: nowrap; overflow-x: hidden; } .advanced-search-form div.remove{ text-align: left; padding-left: 0px; } .file-upload-container, .file-download-container{ width: 280px !important; max-width: 280px !important; min-width: 280px !important; } .file-upload-container .file-upload-files{ padding: 0px; } .file-upload-container .file-upload { width: 250px !important; max-width: 250px !important; min-width: 250px !important; } .form-control.check-box { width: 35px !important; min-width: 35px !important; vertical-align: bottom; } .editor-label.boolean, .editor-field.boolean{ vertical-align: middle; line-height: 35px; } .editor-label.boolean{ float: left; } .editor-field.boolean{ float: right; } .shopping-cart .header .col { font-size: 80%; padding-left: 2px; padding-right: 2px; } } @media(max-width: 767px){ .file-upload { min-width: 280px !important; max-width: 280px !important; width: 280px !important; } .form-inline .form-group{ padding-right: 0px; } .form-inline .editor-field.boolean, .form-inline .editor-label.boolean{ display: inline-block !important; } .modal-dialog .modal-header .modal-title, .ui-dialog-title{ } .product-index .product { margin-bottom: 10px !important; } .shopping-cart .item { border: solid 1px #DDD; margin-bottom: 20px; border-radius: 4px; } .shopping-cart .item .col { height: auto; line-height: 1; text-align: left; padding-top: 10px; padding-bottom: 10px; border-bottom: none; } .shopping-cart .item .col.product-name { border-bottom: solid 1px #DDD; border-top: solid 1px #DDD; text-align: center; background-color: #F0F0F0; font-weight: bold; } .shopping-cart .item .col.product-qty, .shopping-cart .item .col.product-price-ext { height: 85px; } .shopping-cart .product-form * { /*float: right !important;*/ } .shopping-cart .item .col.product-qty input.quantity { margin-top: auto; } .shopping-cart .item .col.product-remove { text-align: center; border-top: solid 1px #DDD; background-color: #F0F0F0; } /*.shopping-cart .header { display: none; }*/ .shopping-cart .item .value { color: #000; padding-top: 0px; } .shopping-cart .item label, .shopping-cart .item .label { font-size: 75%; color: #000; padding-left: 0px; padding-right: 0px; padding-top: 0px; display: block; text-align: left; } .shopping-cart .summary { padding-bottom: 5px; } } @media(min-width: 566px) and (max-width: 767px){ .product-index.list .product { padding-bottom: 0px !important; min-height: inherit !important; } .product-index.list .product .action { clear: both; border-left: none; float: none; min-height: initial !important; min-width: 100%; text-align: center; border-top: solid 1px #DDD; background-color: #FDFDFD; margin-bottom: 0px; padding-top: 15px; } .product-index.list .product .action .quantity, .product-index.list .product .action .button { display: inline-block; width: 49%; vertical-align: top; text-align: left !important; } .product-index.list .product .action .quantity { text-align: left; } .product-index.list .product .action .limit { text-align: left; } .product-index.condensed .product .info .name { border-bottom: solid 1px #DDD; margin-bottom: 10px; } .product-index.condensed .product .info, .product-index.condensed .product .action { float: none; display: block; } .product-index.condensed .product .action { min-height: initial !important; text-align: left; } .product-index.condensed .product .action .price, .product-index.condensed .product .action .quantity, .product-index.condensed .product .action .button { display: inline-block; vertical-align: top; } .product-index.condensed .product .action .price, .product-index.condensed .product .action .button { display: inline-block; vertical-align: top; } .product-index.condensed .product .action .price { text-align: left; font-size: 100%; width: 50%; } .product-index.condensed .product .action .button { text-align: right; width: 25%; } } @media(min-width: 767px) and (max-width: 991px) { .product-index.condensed .product .action .quantity .editor-field, .product-index.condensed .product .action .quantity .limit { display: inline-block; } .product-index.condensed .product .action .quantity .editor-field { padding-top: 0px; } .product-index.condensed .product .action { padding-bottom: 10px; } .product-index.condensed .product .action .price { width: 40% !important; } } @media(min-width: 566px) and (max-width: 991px){ .product-index.condensed .product .info .name { border-bottom: solid 1px #DDD; margin-bottom: 10px; } .product-index.condensed .product .info, .product-index.condensed .product .action { float: none; display: block; } .product-index.condensed .product .action { min-height: initial !important; text-align: left; } .product-index.condensed .product .action .price, .product-index.condensed .product .action .quantity, .product-index.condensed .product .action .button { display: inline-block; vertical-align: top; } .product-index.condensed .product .action .price, .product-index.condensed .product .action .button { display: inline-block; vertical-align: top; } .product-index.condensed .product .action .price { text-align: left; font-size: 100%; width: 50%; } .product-index.condensed .product .action .button { text-align: right; width: 25%; } } @media(max-width:565px) { .product-index .toolbar .display{ display: none !important; } /*.product-index.list .product .image { width: 100%; text-align: center; border: none; float: none; } .product-index.condensed .product .info, .product-index.list .product .info { width: 100%; float: none; } .product-index.condensed .product .info .name, .product-index.list .product .info .name { width: 100%; text-align: center; border-top: solid 1px #DDD; } */ .product-index.condensed .product .action, .product-index.list .product .action { clear: both; border-left: none; float: none; min-height: initial !important; min-width: 100%; text-align: center; border-top: solid 1px #DDD; background-color: #FDFDFD; margin-bottom: 0px; padding-top: 15px; } .product-index.list .product .action .limit { text-align: center; } .product-index.list .product .action .button { clear: both; display: block; } /* .product-index.list .product div.clear { display: none !important; clear: none !important; height: auto !important; } */ .product-index li.product { display: inline-block; max-width: 300px; } .product-index li.toolbar .sort, .product-index li.toolbar .current-warehouse { float: none; margin-bottom: 5px; } .product-index li.toolbar .sort #productSort .dropdown-toggle{ width: 100%; display: block; } .product-index li.product .display-group .display-field{ width: 135px !important; max-width: 135px !important; white-space: nowrap; text-overflow: ellipsis; overflow-x: hidden; } .product-index .product .image { width: 100%; } .product-index .product .info .name { border-top: solid 1px #DDD; text-align: center; width: 280px; } .product-index .action .limit { text-align: center; } .product-index li.product .info .limit { float: right; } .product-index .product .action{ clear: both; border-left: none; float: none; min-height: initial !important; min-width: 100%; text-align: center; border-top: solid 1px #DDD; background-color: #FDFDFD; margin-bottom: 0px; padding-top: 15px; } .product-index .product .action .button { display: block; padding-bottom: 10px; width: 100%; } .product-index .product .action .quantity label { left: 41px; } } @media(max-width:375px){ .page-body{ max-width: 100% !important; min-width: 100% !important; width: 100% !important; } .page-header .navbar-header{ text-align: left; padding-left: 15px; } form.user-notification.add textarea[id=Subject], form.user-notification.add input[id=Subject]{ max-width: 100% !important; min-width: 100% !important; width: 100% !important; } form.user-notification.add textarea[id=Content], form.user-notification.add input[id=Content]{ max-width: 100% !important; min-width: 100% !important; width: 100% !important; height: 150px !important; } .grid-toolbar{ float: left; white-space: nowrap; text-align: right; width: 100%; } .grid-search{ max-width: auto !important; min-width: auto !important; width: auto !important; color: #333333; background-color: #FFFFFF; border-color: #CCCCCC; box-shadow: none; } /*.product-index.condensed .product .action, .product-index.list .product .action { clear: both; border-left: none; float: none; min-height: initial !important; min-width: 100%; text-align: center; border-top: solid 1px #DDD; background-color: #FDFDFD; margin-bottom: 0px; padding-top: 15px; } .product-index.condensed .product .action .button, .product-index.list .product .action .button { display: block; padding-bottom: 10px; } .product-index.condensed .product .action button, .product-index.list .product .action button { display: inline-block; width: 100%; }*/ } @media(max-width:333px) { .page-header .navbar-header{ padding-left: 5px !important; background-image: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .navbar-collapse.collapse { display: none !important; } .navbar-collapse.collapse.in { display: block !important; } .navbar-header .collapse, .navbar-toggle { display: block !important; } .navbar-header { float: none; } .nav.navbar-nav li.dropdown { display: block; float: none; } .nav.navbar-nav .dropdown.open .dropdown-menu { width: 100%; } } @media (min-width: 1200px){ .page>nav.subnav{ width: 1170px; } .page>nav.subnav .navbar-collapse { width: 1170px; } .page-content .lg { width: 1140px; } .ui-dialog-content .lg { width: 1170px; } .modal-lg { width: 1100px; } } @media (min-width: 992px) and (max-width: 1199px) { .page>nav.subnav { width: 970px; } .page-content .lg { width: 940px; } .ui-dialog-content .lg { width: 970px; } .advanced-search-form div.remove { text-align: right; padding-right: 0px !important; } .shopping-cart .header .col { font-size: 80%; } } @media (min-width: 768px) and (max-width: 991px){ .page>nav.subnav { width: 750px; } .page-content .lg { width: 720px; } .ui-dialog-content .lg { width: 750px; } } @media (max-width: 560px){ .product-index .pager{ text-align: right; } } @media (max-width: 499px){ .product-index .pager .record-summary { display: none; } .product-index .pager select { font-size: 100% !important; } } @media (max-width: 450px){ .product-index .filter-modal .input-group-addon{ display: block !important; max-width: 280px !important; border: 1px solid #ccc !important; border-radius: 4px !important; } .product-index .filter-modal ul li { text-align: center !important; } } @media (max-width: 360px) { .grid-search { max-width: 50% !important; min-width: 50% !important; } } @media (max-width: 991px){ .advanced-search-form .filter { margin-bottom: 5px; border-bottom: dotted 1px #DDD; } .advanced-search-form .row { margin-right: 0px !important; margin-left: 0px !important; } .page-header a.logo-link { display: none; } .grant-list { text-align: center; } } @media (min-width: 992px) and (max-width: 1000px) { .modal-lg { width: 95% !important; } } @media (min-width: 1001px) and (max-width: 1100px) { .container, .page > nav.subnav, .page > nav.subnav .navbar-collapse { width: 950px; } .modal-lg { width: 850px !important; } } @media (min-width: 1101px) and (max-width: 1200px) { .container, .page > nav.subnav, .page > nav.subnav .navbar-collapse { width: 1050px; } .modal-lg { width: 950px !important; } } @media (min-width: 1201px) and (max-width: 1300px) { .container, .page > nav.subnav, .page > nav.subnav .navbar-collapse { width: 1150px; } .modal-lg { width: 1050px !important; } } @media (min-width: 1301px) and (max-width: 1400px) { .container, .page > nav.subnav, .page > nav.subnav .navbar-collapse { width: 1250px; } .modal-lg { width: 1150px !important; } } @media (min-width: 1401px) and (max-width: 1500px) { .container, .page > nav.subnav, .page > nav.subnav .navbar-collapse { width: 1350px; } .modal-lg { width: 1250px !important; } } @media (min-width: 1501px) { .container, .page > nav.subnav, .page > nav.subnav .navbar-collapse { width: 1450px; } .modal-lg { width: 1350px !important; } }